/* Start:/bitrix/templates/dresscode/themes/white/green/style.min.css?165886352533110*/ #appFastBuyContainer textarea,body.index{background-color:#f3f3f3}#leftMenu .accordion{display:none;padding:0 15px 0 38px;font-size:13px;line-height:normal}#leftMenu .accordion a{text-decoration:none;color:#000}#leftMenu .accordion li{padding:4px 0}#leftMenu .accordion_level-2_img{vertical-align:middle;margin-right:16px;max-width:24px}#leftMenu .accordion .sub-level{padding-left:15px;display:none}#leftMenu .accordion .level-2 .sub-level{padding-left:56px;display:none}#leftMenu .accordion .level-2 .sub-level li{list-style:square}#leftMenu .acc-control{cursor:pointer;line-height:1;margin-left:auto;max-width:18px;fill:#a5a5a5;height:18px;margin-top:2px}#leftMenu .animated .acc-control,#leftMenu .animated+.acc-control{fill:#27c148}#leftMenu .link-svgs{display:flex;justify-content:space-between;align-items:center}#leftMenu .eChild>.link-svgs{padding-right:15px}#leftMenu .link-svgs>a{display:flex;align-items:center;width:100%}#footer.variant_2 #leftFooter,#footer.variant_3 #rightFooter,#footer.variant_4 #leftFooter,#footer.variant_8 #rightFooter,#footerLine.color_theme,#headerLayout.color_theme,#headerLine .headerLineTools .callBack,#headerLine.color_theme,#headerLine2 .callBack,#headerLine2.color_theme,#headerLine2.color_theme #subMenu .removedItemsContainer .removedItemsList,#headerLine3 .callBack,#headerLine3.color_theme,#headerLine3.color_theme #subMenu .removedItemsContainer .removedItemsList,#headerLine4.color_theme,#headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList,#subHeader.color_black #headerTools .cart ins.active,#subHeader.color_theme,#subHeader2 .cart .heading.active,#subHeader2 .topCompare .text.active,#subHeader2 .topWishlist .text.active,#subHeader2.color_black .cart .heading.active,#subHeader2.color_theme,#subHeader3.color_theme,#subHeader4.color_theme,#subHeader4.color_theme #subMenu .removedItemsContainer .removedItemsList,#subHeader4.color_theme .cart .count,#subHeader4.color_theme .topCompare .value,#subHeader4.color_theme .topWishlist .value,#subHeader5.color_theme,#subHeader5.color_theme #subMenu .removedItemsContainer .removedItemsList,#subHeader5.color_theme .cart .count,#subHeader5.color_theme .topCompare .value,#subHeader5.color_theme .topWishlist .value,#subHeader6.color_theme,#subHeader6.color_theme .cart .count,#subHeader6.color_theme .topCompare .value,#subHeader6.color_theme .topWishlist .value,#subHeader7.color_theme,#subHeader7.color_theme .cart .count,#subHeader7.color_theme .topCompare .value,#subHeader7.color_theme .topWishlist .value,#subHeader8.color_theme,#subHeader8.color_theme #subMenu .removedItemsContainer .removedItemsList,#subHeader8.color_theme .cart .count,#subHeaderLine.color_theme,#subHeaderLine.color_theme #subMenu .removedItemsContainer .removedItemsList,#topHeader.color_theme,#topHeader2.color_theme{background-color:#27c148}#footer.variant_4 #footerBottom,#footer.variant_4 #rightFooter,#headerLine .headerLineTools .callBack:hover,#headerLine2 .callBack:hover,#subHeader.color_black #headerTools .cart ins.active:hover{background-color:#19cc3f}#footer.variant_5 #leftFooter .heading,#footer.variant_5 #leftFooter .selected,#footer.variant_5 #rightFooter .email a,#footer.variant_6 #leftFooter .heading,#footer.variant_6 #leftFooter .selected,#footer.variant_6 #rightFooter .email a,#footer.variant_7 #leftFooter .heading,#footer.variant_7 #leftFooter .selected,#footer.variant_7 #rightFooter .email a,#footer.variant_8 #leftFooter .heading,#footer.variant_8 #leftFooter .selected,#footerLine.color_white .item .callback,#headerLine #topAuth ul li a,#headerLine .user-geo-position-value-link,#headerLine2 #subMenu li .selected,#headerLine2 .user-geo-position-value-link,#headerLine2.color_black #subMenu li .selected,#headerLine3 #subMenu li .selected,#headerLine3.color_black #subMenu li a.selected,#headerLine4 #subMenu li .selected,#subHeader.color_black #headerTools .tools .link,#subHeader2 #topCallback .link,#subHeader3 .cart .total,#subHeader3.color_theme .cart .active .count,#subHeader4 #subMenu li .selected,#subHeader5 .cart .heading .total,#subHeader6 .cart .total,#subHeader7 .cart .active .total,#subHeader7 .firstPhones .callBack,#subHeader8 #subMenu li .selected{color:#27c148}#footerLine.color_theme .item .cart.active .mark,#footerLine.color_theme .item .compare.active .mark,#footerLine.color_theme .item .wishlist.active .mark,#footerLine.color_white .item .cart.active,#footerLine.color_white .item .cart.active .mark,#footerLine.color_white .item .compare.active,#footerLine.color_white .item .compare.active .mark,#footerLine.color_white .item .wishlist.active,#footerLine.color_white .item .wishlist.active .mark,#headerLine4.color_black #subMenu li .selected,#headerLine4.color_black #subMenu li a:hover,#left #leftMenu .menuItems a:hover span{color:#27c148!important}#footer.variant_5 #leftFooter a:hover,#footer.variant_5 #rightFooter .email a:hover,#footer.variant_6 #leftFooter a:hover,#footer.variant_6 #rightFooter .email a:hover,#footer.variant_7 #leftFooter a:hover,#footer.variant_7 #rightFooter .email a:hover,#footer.variant_8 #leftFooter a:hover,#footerLine.color_white .item .callback:hover,#headerLine #topAuth ul li a:hover,#headerLine .user-geo-position-value-link:hover,#headerLine2 #subMenu li a:hover,#headerLine2 #topAuth>ul li a:hover,#headerLine2 .user-geo-position-value-link:hover,#headerLine2.color_black #subMenu li a:hover,#headerLine2.color_black #topAuth>ul li a:hover,#headerLine3 #subMenu li a:hover,#headerLine3.color_black #subMenu li a:hover,#headerLine3.color_black #topAuth>ul li a:hover,#headerLine4 #subMenu li a:hover,#subHeader.color_black #headerTools .tools .link:hover,#subHeader2 #topCallback .link:hover,#subHeader4 #subMenu li a:hover,#subHeader5 .cart .heading:hover .total,#subHeader6 .cart .heading:hover .total,#subHeader7 .firstPhones .callBack:hover,#subHeader8 #subMenu li a:hover,#topHeader.color_default #topMenu li .selected,#topHeader.color_default #topMenu li a:hover,#topHeader.color_default #topService>li>a:hover,#topHeader.color_default .user-geo-position-value-link:hover{color:#19cc3f}#headerLine4.color_black #subMenu li a:hover{}#headerLine.color_theme .headerLineTools .callBack,#headerLine2.color_theme .callBack,#subHeader6.color_theme .callBack{background-color:#19cc3f}#subHeader3 .cart .order.active,#subHeader6 .subPhones .callBack{border:1px solid #27c148;color:#27c148}#subHeader6 .subPhones .callBack:hover{border:1px solid #19cc3f}#subHeader4 .cart .active .count,#subHeader4 .topCompare .active .value,#subHeader4 .topWishlist .active .value,#subHeader4.color_black .cart .active .count,#subHeader4.color_black .topCompare .active .value,#subHeader4.color_black .topWishlist .active .value,#subHeader5 .cart .active .count,#subHeader5 .topCompare .active .value,#subHeader5 .topWishlist .active .value,#subHeader6 .cart .active .count,#subHeader6 .topCompare .active .value,#subHeader6 .topWishlist .active .value,#subHeader7 .cart .active .count,#subHeader7 .topCompare .active .value,#subHeader7 .topWishlist .active .value,#subHeader8 .cart .active .count{border:2px solid #27c148;color:#27c148}#subHeader3 .cart .active .count,#subHeader3.color_black .cart .active .count,#subHeader3.color_theme .cart .active .count{background-color:#27c148}#headerLine4 #topAuth ul li a,#headerLine4 .user-geo-position-value-link,#subHeader3 #topToolsLeft a,#subHeader3 .user-geo-position-value-link,#subHeader6 #topAuth>ul li a,#subHeader6 #topAuth>ul li:first-child:after,#subHeader6 .subPhones .callBack,#subHeader6 .user-geo-position-value-link,#subHeader8 .telephoneContainer .callBack,.tiles-list .tile-wrap:first-child .h3:hover{color:#27c148}#headerLine4 #topAuth ul li a:hover,#headerLine4 .user-geo-position-value-link:hover,#subHeader3 #topToolsLeft a:hover,#subHeader3 .user-geo-position-value-link:hover,#subHeader6 #topAuth>ul li a:hover,#subHeader6 .subPhones .callBack:hover,#subHeader6 .user-geo-position-value-link:hover,#subHeader8 .telephoneContainer .callBack:hover,#topService li:hover a:hover{color:#19cc3f}#headerLine #topAuth ul li a:after,#headerLine .user-geo-position-value-link:after,#headerLine2 .user-geo-position-value-link:after,#headerLine4 #topAuth ul li a:after,#headerLine4 .user-geo-position-value-link:after,#subHeader3 #topToolsLeft a:after,#subHeader3 .user-geo-position-value-link:after,#subHeader6 #topAuth ul li a:after,#subHeader6 .user-geo-position-value-link:after,#subHeader7 .firstPhones .callBack:after,#subHeader8 .telephoneContainer .callBack:after{border-bottom:1px dashed #27c148}#headerLine #topAuth ul li a:after:hover,#headerLine .user-geo-position-value-link:after:hover,#headerLine2 .user-geo-position-value-link:after:hover,#headerLine4 #topAuth ul li a:after:hover,#headerLine4 .user-geo-position-value-link:after:hover,#subHeader3 #topToolsLeft a:after:hover,#subHeader3 .user-geo-position-value-link:after:hover,#subHeader6 #topAuth ul li a:after:hover,#subHeader6 .user-geo-position-value-link:after:hover,#subHeader7 .firstPhones .callBack:after:hover,#subHeader8 .telephoneContainer .callBack:after:hover{border-bottom:1px dashed #19cc3f}@media all and (max-width:800px){#subHeader6 .user-geo-position-value-link{background-color:#19cc3f}}@media all and (max-width:420px){#headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link{color:#19cc3f}#headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link:after{border-color:#19cc3f}}#topHeader{border-bottom:1px solid #404040;background:#3a3a3a}#topService{color:#ccc;border-left:1px solid #313131}#topService li,.sn li{border-right:1px solid #313131}#topService li a{color:#ccc}#topService li a:focus{color:#0fa831}#headerTools .cart ins.active,#headerTools .tools .link:hover,#topService .selected{color:#19cc3f}#subHeader{background:#fff;border-bottom:1px solid #eaeaea}#logo{border-left:1px solid #f6f6f6}#headerTools,#logo,#topHeading{border-right:1px solid #f6f6f6}#changeYouCity .list li a,#headerTools .text,#headerTools .tools .heading,#topHeading p{color:#000}#headerTools .tools .link,#leftFooter a:hover{color:#27c148}#headerTools .tools li{border-left:1px solid #f6f6f6}#headerTools .telephone .icon{background:url(/bitrix/templates/dresscode/themes/white/green/images/callbackHead.png) 0 0 no-repeat}#headerTools .telephone .icon:hover{background:url(/bitrix/templates/dresscode/themes/white/green/images/callbackHead.png) -35px 0 no-repeat}#headerTools .search .icon{background:url(/bitrix/templates/dresscode/themes/white/green/images/searchHead.png) 0 0 no-repeat}#headerTools .search .icon:hover{background:url(/bitrix/templates/dresscode/themes/white/green/images/searchHead.png) -35px 0 no-repeat}#headerTools .wishlist .icon{background:url(/bitrix/templates/dresscode/themes/white/green/images/wishlistHead.png) 0 0 no-repeat}#headerTools .wishlist .icon.active{background:url(/bitrix/templates/dresscode/themes/white/green/images/wishlistHead.png) -36px 0 no-repeat}#headerTools .wishlist .icon.active:hover{background-position:-72px 0}#headerTools .compare .icon{background:url(/bitrix/templates/dresscode/themes/white/green/images/compareHead.png) 0 0 no-repeat}#headerTools .compare .icon.active{background:url(/bitrix/templates/dresscode/themes/white/green/images/compareHead.png) -35px 0 no-repeat}#headerTools .compare .icon.active:hover{background:url(/bitrix/templates/dresscode/themes/white/green/images/compareHead.png) -70px 0 no-repeat}#headerTools .cart .icon{background:url(/bitrix/templates/dresscode/themes/white/green/images/cartHead.png) 0 0 no-repeat}#headerTools .cart .icon.active{background:url(/bitrix/templates/dresscode/themes/white/green/images/cartHead.png) -44px 0 no-repeat}#headerTools .cart .icon.active:hover{background:url(/bitrix/templates/dresscode/themes/white/green/images/cartHead.png) -88px 0 no-repeat}#headerTools .cart ins{background:#f6f6f6;color:#888}#changeYouCity{background:url(/bitrix/templates/dresscode/themes/white/green/images/modalBg.png) 0 0 #232323}#brandSearch td:hover a,#changeYouCity #cityClose:hover,#changeYouCity .heading,#changeYouCity .list li a:hover{color:#19cc3f}#changeYouCity #cityClose{background:rgba(0,0,0,.1);border:1px solid #000;color:#fff}#changeYouCity #cityClose ins{background:url(/bitrix/templates/dresscode/themes/white/green/images/exit.png) 0 0 no-repeat}#changeYouCity #cityClose:hover ins{background-position:-11px 0}#changeYouCity #cityClose:active ins{background-position:-22px 0}#brandSearch a,#left .heading{color:#000}#left .opener{background:#27c148}#left .heading ins{background:url(/bitrix/templates/dresscode/themes/white/green/images/iconMenu.png) 0 50% no-repeat}#left .sideBlock .heading{background-color:#2b2b2b}#left #subscribe .sideBlockContent{border:1px solid #e7e8ea}#main.color_white #leftMenu .menuItems a:hover,#main.color_white #subLeftMenu a:hover{color:#27c148!important}#left #subscribe .copy,#rightFooter .list li,#rightFooter p{color:#888}#brandSearch td{border-left:1px solid #313131;background:#424242;color:#fff}#brandSearch td a,#rightFooter .email a{color:#fff}#slider ol li{background:url(/bitrix/templates/dresscode/themes/white/green/images/slideButton.png) 0 0 no-repeat}#slider ol li:hover{background:url(/bitrix/templates/dresscode/themes/white/green/images/slideButton.png) -18px 0 no-repeat}#slider ol li:active{background:url(/bitrix/templates/dresscode/themes/white/green/images/slideButton.png) -36px 0 no-repeat}#slider ol li.selected{background:url(/bitrix/templates/dresscode/themes/white/green/images/slideButton.png) -54px 0 no-repeat}#slider ol li.selected:hover{background:url(/bitrix/templates/dresscode/themes/white/green/images/slideButton.png) -72px 0 no-repeat}#slider ol li.selected:active{background:url(/bitrix/templates/dresscode/themes/white/green/images/slideButton.png) -90px 0 no-repeat}#popCats .sideBlockContent{border:1px solid #e7e8ea;background-color:#fff}#popCats li a,#popCats li span{background-color:#e7e8ea;color:#000}#popCats li a:hover{background-color:#19cc3f;border-color:#27c148;color:#fff}#collectionList .collection .wrap{border:1px solid #ccc;background-color:#fff}#collectionList .collection .heading{background-color:#fff;color:#000}#collectionList .goTo{border:1px solid #ccc;background-color:#f7f7f7;color:#000}#collectionList .goTo:hover{background-color:#19cc3f;border-color:#27c148;color:#fff}#right .heading{background:#2b2b2b;color:#fff}#footer{background-color:#f9f9f9}#catalogLine,#catalogLine select{border:1px solid #e7e8ea}#catalogLine select{color:#888}#catalogLine .viewList .element a{background:url(/bitrix/templates/dresscode/themes/white/green/images/catalogView.png) 0 0 no-repeat}#appBasket .lower .tools .icon:hover,#leftFooter{background:#2b2b2b}#leftFooter .heading{border-bottom:1px solid #3e3e3e;color:#fff}#leftFooter ul li{border-top:1px solid #313131}#leftFooter a{color:#999}#leftFooter .selected{color:#27c148}#rightFooter{background:#202020}#rightFooter .hr{border-top:1px solid #575757}#rightFooter .telephone{color:#27c148}#appBasket .lower .tools .continue a,#appBasket .lower .tools .goToBasket a,#rightFooter .email{color:#fff}#rightFooter .showMap{color:#27c148}#rightFooter .showMap:hover{color:#19cc3f}#footerBottom{border-top:3px solid #101010;background:#191919;color:#fff}#appBasketContainer{box-shadow:1px 1px 12px rgba(60,60,60,.3);background-color:#fff}#appBasket .heading{background-color:#424242;color:#fff}#appBasket .close{background:url(/bitrix/templates/dresscode/themes/white/green/images/exit.png) 0 0 no-repeat}#appBasket .close:hover{background-position:0 -21px}#appBasket .close:active{background-position:0 -42px}#appBasket .markerContainer .marker{background-color:#424242;color:#fff}#appBasket .name,#appBasket .price{color:#000}#appBasket .name:hover{color:#27c148}#appBasket .price .discount{color:#888}#appBasket .minus,#appBasket .plus{background:url(/bitrix/templates/dresscode/themes/white/green/images/plusMinus.png) 0 0 no-repeat #424242}#appBasket .plus{background-position:0 -19px}#appBasket .plus:hover{background-position:-19px -19px}#appBasket .plus:active{background-position:-38px -19px}#appBasket .minus:hover{background-position:-19px 0}#appBasket .minus:active{background-position:-38px 0}#appBasket .qty{background-color:#e7e8ea;color:#000}#appBasket .sum{background-color:#fbfbfb}#appBasket .sum .discount{color:#888}#appBasket .lower{background-color:#424242}#appBasket .lower .tools .continue,#appBasket .lower .tools .icon{border-right:1px solid #4c4c4c}#appBasket .lower .tools .goToBasket{background-color:#27c148}#appBasket .lower .tools .goToBasket:hover,#appFastBuyContainer #fastBuyFormSubmit:hover{background-color:#19cc3f}#appBasket .lower .tools .continue:hover{background:#2b2b2b}#appFastBuyContainer .heading,#appFastBuyContainer .marker{background-color:#424242;color:#fff}#appFastBuyContainer input,.mfeedback input,.mfeedback textarea{background-color:#f3f3f3;color:#000}#appFastBuyContainer input:focus,#appFastBuyContainer textarea:focus{background-color:#e9e9e9}#appFastBuyContainer input.error,#appFastBuyContainer textarea.error{border:1px solid red}#appFastBuyContainer #fastBuyFormSubmit,#fastBuyResult #fastBuyResultClose{background-color:#27c148;color:#fff}#appFastBuyContainer #fastBuyFormSubmit.loading{background:url(/bitrix/templates/dresscode/themes/white/green/images/loading.gif) 24px 50% no-repeat #19cc3f!important}#fastBuyResult #fastBuyResultClose:hover{background-color:#19cc3f}#appFastBuyContainer .name,#appFastBuyContainer .price,#authMenu li .selected:hover,#authMenu li a,#empty a,#footerTabsCaption .item .selected:hover{color:#000}#appFastBuyContainer .name:hover,#footerTabsCaption .item a:hover{color:#27c148}#appFastBuyContainer .price .discount,#footerTabsCaption .item a{color:#888}#appFastView .appFastViewExit,#fastViewStores .fastViewStoresExit{background:url(/bitrix/templates/dresscode/themes/white/green/images/exit.png) 0 0 no-repeat}#appFastView .appFastViewExit:hover,#fastViewStores .fastViewStoresExit:hover{background-position:0 -21px}#appFastView .appFastViewExit:active,#fastViewStores .fastViewStoresExit:active{background-position:0 -42px}#appProductPriceVariant .appPriceVariantExit,.appProductPriceVariantHover .appPriceVariantExit{background:url(/bitrix/templates/dresscode/themes/white/green/images/exit2.png) 0 0 no-repeat}#appProductPriceVariant .appPriceVariantExit:hover,.appProductPriceVariantHover .appPriceVariantExit:hover{background-position:0 -21px}#appProductPriceVariant .appPriceVariantExit:active,.appProductPriceVariantHover .appPriceVariantExit:active{background-position:0 -42px}#footerTabsCaption{border-top:1px solid #e7e8ea}#footerTabsCaption .item .selected{border-bottom:1px dashed #000;color:#000}#footerTabs,#footerTabsCaption{background-color:#f9f9f9}#footerLine{background-color:#2b2b2b;border-top:2px solid #202020;box-shadow:1px 1px 12px #000}#footerLine .item .callback{color:#27c148}#footerLine .item .wishlist .icon{background:url(/bitrix/templates/dresscode/themes/white/green/images/wishlistFooterMin.png) 0 0 no-repeat}#footerLine .item .cart .icon{background:url(/bitrix/templates/dresscode/themes/white/green/images/cartFooterMin.png) 0 0 no-repeat}#footerLine .item .wishlist.active .icon{background-position:-21px 0}#footerLine .item .wishlist.active:hover .icon{background-position:-42px}#footerLine .item .cart.active .icon{background-position:-26px 0}#footerLine .item .cart.active:hover .icon{background-position:-52px}#footerLine .item .callback .icon{background:url(/bitrix/templates/dresscode/themes/white/green/images/callbackFooterMin.png) 0 0 no-repeat}#footerLine .item .callback:hover{color:#19cc3f}#footerLine .callback:hover .icon,#footerLine .item .compare.active .icon{background-position:-21px 0}#footerLine .item .cart .mark,#footerLine .item .compare .mark,#footerLine .item .wishlist .mark{background-color:#313131;color:#888}#footerLine .item .compare .icon{background:url(/bitrix/templates/dresscode/themes/white/green/images/compareFooterMin.png) 0 0 no-repeat}#footerLine .item .compare.active:hover .icon{background-position:-42px}#footerLine .item .cart:hover,#footerLine .item .compare:hover,#footerLine .item .wishlist:hover,#footerLine .item a{color:#888}#authMenu li a:hover,#empty a:hover,#footerLine .item .cart.active,#footerLine .item .cart.active .mark,#footerLine .item .compare.active,#footerLine .item .compare.active .mark,#footerLine .item .wishlist.active,#footerLine .item .wishlist.active .mark,.product .name:hover{color:#27c148}#empty .back:hover,#footerLine .item .cart.active:hover,#footerLine .item .cart.active:hover .mark,#footerLine .item .compare.active:hover,#footerLine .item .compare.active:hover .mark,#footerLine .item .wishlist.active:hover,#footerLine .item .wishlist.active:hover .mark{color:#19cc3f}#footerLine .item a:hover{color:#fff}#authMenu,#empty .emptyWrapper{border-bottom:1px solid #e7e8ea}#authMenu li .selected,#empty p a{border-bottom:1px dashed #000}#elementSmallNavigation .tab.active span,#empty p a:hover,#personalCart #tabsControl .item .selected:hover{border-bottom:1px dashed #27c148}#empty .back,#geo-location-window .geo-location-window-list-item .selected span{border-bottom:1px dashed #27c148;color:#27c148}.product.last{background:#f9f9f9}.product .tabloid{background-color:#fff}#catalogSection .sectionItems .item .itemContainer .bigPicture .marker,.product .marker{background-color:#424242;color:#fff}.product .name,.product .price{color:#000}.product .price .discount{color:#888}.product .addCart{background:#27c148;color:#fff}.mfeedback input[type=submit]:hover,.product .addCart:hover{background-color:#19cc3f}.product .label{color:#717171}.product .label:hover{color:#000}#breadcrumbs .arrow,#breadcrumbs ul li a:hover,.product .skuPropertyName{color:#888}.product .skuProperty .selected .skuPropertyLink{border:1px solid #27c148}.product .skuPropertyLink{border:1px solid #ddd;color:#000}.product:hover .tabloid{background:#fff;background:-moz-linear-gradient(top,#fff 50%,#f9fafc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(100%,#f9fafc));background:-webkit-linear-gradient(top,#fff 50%,#f9fafc 100%);background:-o-linear-gradient(top,#fff 50%,#f9fafc 100%);background:-ms-linear-gradient(top,#fff 50%,#f9fafc 100%);background:linear-gradient(to bottom,#fff 50%,#f9fafc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9fafc', GradientType=0);box-shadow:1px 1px 6px rgba(0,0,0,.2);border-bottom:1px solid #ccc}.product.last .showMore{color:#000}.product.last .showMore:hover{color:#27c148}.addCart.added{background:#2b2b2b!important}.addCart.added:hover{background:#3b3b3b!important}.sideBlock .heading{background-color:#424242}.heading.collapsed{color:#fff}.heading.collapsed ins{background:url(/bitrix/templates/dresscode/themes/white/green/images/iconMenu.png) 50% 50% no-repeat #27c148;border-right:1px solid #27c148}.heading.orange{background:#fc0}.bx-auth input[type=password]:focus,.bx-auth input[type=text]:focus,.mfeedback input:focus,.mfeedback textarea:focus{background-color:#eee}.mfeedback input[type=submit]{background-color:#27c148;color:#fff}.bx-auth .alert{border:1px solid #e7e8ea;background-color:#f3f3f3}.bx-auth .alert.alert-danger{border:1px solid red;background-color:#fff}.bx-auth .alert.small{color:#000}.bx-authform-label-container{color:#333}.bx-auth .registerText{border-bottom:1px solid #e7e8ea}.bx-auth input.error{border:1px solid red!important}.bx-auth input[type=password],.bx-auth input[type=text]{background-color:#f3f3f3}.bx-auth .submit,.bx-pagination .bx-pagination-container ul li.bx-active span,.popup-window .btn{background:#27c148;color:#fff}#catalogElement #newReview .submit:hover,.bx-auth .submit:hover,.popup-window .btn:hover{background:#19cc3f}.bx-auth .clear{border:1px solid #e7e8ea;color:#000}.bx-auth .clear:hover{border:1px solid #ccc}#breadcrumbs ul li a,#catalogSection .sectionItems .item .itemContainer .bigTitle,.backToIndexPage,.blackLink,.bx-auth .forgot,.bx-auth .registerLink{color:#000}#catalogSection .sectionItems .item .itemContainer .bigTitle:hover,#elementProperties .stats a:hover,#elementSmallNavigation .tab.active a,.backToIndexPage:hover,.blackLink:hover,.bx-auth .forgot:hover,.bx-auth .registerLink:hover,.contactList a:hover,.elementProperties a:hover{color:#27c148}.sn li:first-child{border-left:1px solid #313131}div[id^=wait_comp_]{border:1px solid #e7e8ea!important;background-color:#fff!important}.contactList a{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration:none;color:#000}@media all and (max-width:1200px){#catalogLineList .column:last-child{background-color:#f9f9f9}}@media all and (max-width:700px){.copyright{border-left:1px solid #313131;border-right:1px solid #313131}}#ORDER_CONFIRM_BUTTON{background:#19cc3f!important}.addCart.disabled{background-color:#ccc!important;border:1px solid #e7e8ea}.sale_order_full_table input[name=BuyButton],.sale_order_full_table input[type=submit]{background-color:#27c148;color:#fff}.sale_order_full_table input[name=BuyButton]:hover,.sale_order_full_table input[type=submit]:hover{background-color:#19cc3f}#breadcrumbs{color:#999}#catalogSection .sectionItems .item:first-child{border-top:1px solid #e7e8ea}#catalogSection .sectionItems .item{border-bottom:1px solid #e7e8ea;border-right:1px solid #e7e8ea;border-left:1px solid #e7e8ea}#catalogSection .sectionItems .item .itemContainer .description{color:#888}#catalogSection .sectionItems .item .itemContainer .sectionList .section a{border-bottom:1px solid #e7e8ea;color:#000}#catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover{border-bottom:1px solid #e7e8ea;color:#888}#sectionList .tabloid{border:1px solid #e7e8ea;background:#fff}#nextSection li a,#sectionList .tabloid .name{color:#000}#sectionList .tabloid .name:hover{color:#19cc3f}#sectionList .tabloid .marker{background-color:#424242;color:#fff}#sectionList .item:hover .tabloid{box-shadow:1px 1px 12px rgba(0,0,0,.1);border:1px solid #ddd}#nextSection li .selected,#nextSection li a:hover,#sectionList .element .name:hover{color:#19cc3f}#nextSection{border-left:1px solid #e7e8ea;border-top:1px solid #e7e8ea}#nextSection .title{background-color:#e0dbdb}#nextSection .title,#nextSection li{border-bottom:1px solid #e7e8ea}#nextSection li .cnt{color:#888}#elementSmallNavigation .tab,#nextSection{border-right:1px solid #e7e8ea}#catalogElement #newReview .submit,#catalogElement #newReview .usedSelect li a.selected,#elementTools .addCart,#smallElementTools .addCart{background:#27c148}#elementTools .addCart:hover,#smallElementTools .addCart:hover{background-color:#19cc3f}#elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{border:1px solid #27c148}#files .item .info .name:hover,#showallReviews:hover{color:#27c148}#catalogReviews .heading .reviewAddButton:hover{border-color:#27c148;color:#27c148}#catalogLineList .addCart,#set .setTools .addCart,#setWindowPrice .addCart{background:#27c148}#set .setTools .addCart:hover,#setWindowPrice .addCart:hover{background-color:#19cc3f}#catalogLineList .name:hover,#catalogLineList .prop a:hover,#set .setElement .name:hover{color:#27c148}#catalogLineList .addCart:hover{background-color:#19cc3f}#catalogLineList .skuProperty .selected .skuPropertyLink{border:1px solid #27c148}#catalogTableList .name:hover{color:#19cc3f}#catalogTableList .addCart,#catalogTableList .more,#set_filter,input[name=BuyButton]{background-color:#27c148}#catalogTableList .addCart:hover,#catalogTableList .more:hover{background-color:#19cc3f}#smartFilter .checkbox label:hover,#smartFilter .radio label:hover,#smartFilter .showALL{color:#27c148}#smartFilter .showALL:hover{color:#19cc3f}#smartFilter .handler{background:url(/bitrix/templates/dresscode/themes/white/green/images/handlerActive.png) 0 0 no-repeat}#set_filter:hover,#smartFilter .dropdownList .item:hover,#smartFilter .dropdownList .selected,#smartFilter button:hover,#smartFilter input[type=submit]:hover{background-color:#19cc3f}#smartFilter .checkboxList .selected .icon,#smartFilter .dropdown .selected .icon{border-color:#27c148}#smartFilter .hint{background:url(/bitrix/templates/dresscode/themes/white/green/images/question.png) 0 0 no-repeat}#smartFilter .hintValue .close:hover,#topMenu .sub li:hover a,#topMenu li .selected,#topMenu li a:hover{color:#19cc3f}#smartFilter button,#smartFilter input[type=reset],#smartFilter input[type=submit]{border:1px solid #27c148;background-color:#27c148}#modef{background:url(/bitrix/templates/dresscode/themes/white/green/images/modef.png) 0 0 no-repeat}#topMenu .bar>a{background:url(/bitrix/templates/dresscode/themes/white/green/images/menuMore.png) 0 50% no-repeat}#topMenu .bar.active>a,#topMenu .bar>a:hover{background:url(/bitrix/templates/dresscode/themes/white/green/images/menuMore.png) -21px 50% no-repeat}#newsContainer .column .item .title a:hover,#personalMenu li a:hover,#smartFilter .hintValue .close,.backToList:hover{color:#27c148}#newsContainer .column .item .more,#newsDetail .more,.bx_my_order_cancel input[type=submit]{background:#27c148}#newsContainer .column .item .more:hover,#newsDetail .more:hover{background-color:#19cc3f}#collectionBlock .link,#collectionBlock .name:hover,#serviceBlock .link,#subLeftMenu .selected a{color:#19cc3f}#newsBlock .newsTitle:hover,#subscribeEdit a:hover,.bx_my_order_cancel a:hover,.bx_my_order_switch .bx_mo_link:hover{color:#27c148}#serviceBlock .name:hover{color:#19cc3f}#subscribeEdit .submit:hover,.bx_my_order_cancel input[type=submit]:active,.bx_my_order_cancel input[type=submit]:hover{background:#19cc3f}#subscribeEdit .submit{background:#27c148}#main input[name=BuyButton]:hover,#main input[type=submit]:hover,#newOrder:hover,#orderMake:hover,#subscribe .submit,#subscribe .submit:hover{background-color:#19cc3f}#brandList .last .ps:hover,#brandList .last .showMore:hover,#brandList .name:hover,#orderSuccess a:hover,#wishlist .prop a:hover{color:#19cc3f}#homeCatalog .caption.selected,#main input[name=BuyButton],#main input[type=submit],#newOrder,#orderMake,.webFormTools input[type=submit]{background-color:#27c148}#mainProfile .profileSettings .heading,#orderSuccess a,#personalCart #tabsControl .item a:hover,#personalCart .productTable .clear a:hover,#personalCart .productTable .name a:hover{color:#27c148}#mainProfile .profileSettings .submit{background:#27c148}#mainProfile .profileSettings .submit:hover{background:#19cc3f}#personalCart #basketView .item a{background:url(/bitrix/templates/dresscode/themes/white/green/images/cartView.png) 0 0 no-repeat}.orderLoad{background:url(/bitrix/templates/dresscode/themes/white/green/images/orderLoad.gif) 24px 50% no-repeat #27c148!important}#bx-soa-order-form a,#bx-soa-order-form a:hover,#geo-location-window .geo-location-window-list-item a:hover,#popSection .last .ps:hover,#popSection .last .showMore:hover,#popSection .name:hover,#storeDetail .storesMoreLink,#storesList .storesListTableLink{color:#27c148}#complect .complectListItemLink,#storeDetail .showByMapLink{color:#000}#complect .complectListItemLink:hover,#storeDetail .showByMapLink:hover,#storeDetail .storesMoreLink:hover,#storesList .storesListTableLink:hover,#storesList .storesListTableMailLink:hover{color:#19cc3f}#complect .complectResultEconomyValue{color:#ff305c}#appFastView .addCart,#appProductPriceVariant .linkMore,#geo-location-window .geo-location-window-button{background:#27c148}#appFastView .addCart:hover,#bx-soa-order-form .bx-blue .btn.btn-default:hover,#geo-location-window .geo-location-window-button:hover,.webFormTools input[type=submit]:hover{background-color:#19cc3f}.information-feedback,.shop-review-top-new-button{border:1px solid #27c148;color:#27c148}.information-feedback:hover,.shop-review-top-new-button:hover{border:1px solid #ff7300;color:#ff7300}#bx-soa-order-form .bx-blue .btn.btn-default{background-color:#27c148;border:1px solid #ff7300;color:#fff}#bx-soa-order-form textarea{outline:0}#bx-soa-order-form .bx-sls .quick-location-tag,.bx-slst .quick-location-tag{color:#23527c}#appProductPriceVariant .linkMore:hover,.appProductPriceVariantHover .linkMore:hover{background-color:#19cc3f}.appProductPriceVariantHover .linkMore,.btn-simple{background:#27c148}#compareBlock .leftTools .all,#compareTools .hide,#requestPrice #requestPriceResultClose,#requestPrice #requestPriceSubmit,#scrollTable .addCart,#scrollTable .addSku,#slider .sliderContent .cButton,#specialProduct .more,#specialProduct .specialTimeItem{background-color:#27c148}#compareBlock .leftTools .all:hover,#compareTools .hide:hover,#requestPrice #requestPriceResultClose:hover,#requestPrice #requestPriceSubmit:hover,#scrollTable .addCart:hover,#slider .sliderContent .cButton:hover,#specialProduct .more:hover{background-color:#19cc3f}#requestPrice .productNameBlock .productUrl:hover,#scrollTable a.name:hover,.bindAction a:hover{color:#19cc3f}#requestPrice #requestPriceSubmit.loading{background:url(/bitrix/templates/dresscode/themes/white/green/images/loading.gif) 24px 50% no-repeat #19cc3f!important}#slider .sliderContent .bigTextColor,#slider .sliderContent .bigTextLightColor,#slider .sliderContent .mediumTextColor,#slider .sliderContent .smallTextColor{color:#27c148}.btn-simple{border-color:#27c148}.btn-simple:hover{background:#19cc3f;border-color:#19cc3f}.btn-simple.btn-border{background:0 0}.btn-simple.btn-border:hover{color:#19cc3f;border-color:#19cc3f}.active-link:hover,.btn-simple.btn-border,.theme-color{color:#27c148;border-color:#27c148}.big-text-link:hover,.inactive-link:hover,.other-news .name:hover,.text-link:hover,.tiles-list .h3:hover,body .theme-color-hover:hover{color:#27c148}body .theme-color-hover{transition:all .2s ease-in-out}.link-dashed:hover,.theme-link-dashed{color:#27c148;border-color:#27c148}.delivery-modal .active-link:hover,.new-list-items .active-link:hover,.theme-link-dashed:hover{color:#19cc3f;border-color:#19cc3f}.tabs-wrap .tab-btn-link.active,.tabs-wrap .tab-btn-link.active:hover{border-color:#27c148;background-color:#27c148;color:#fff}.tabs-wrap .tab-btn-link:hover{border-color:#27c148;color:#27c148}.tabs-wrap .tab-dashed-link:hover{color:#27c148}#catalogElement .dropdownList .item:hover,#catalogElement .dropdownList .selected,#skuOffersTable .offersTable .basket .addCart:hover{background-color:#19cc3f}.fastSpecialTime .specialTimeItem,.productSpecialTime .specialTimeItem,.smallSpecialTime .specialTimeItem{background:#27c148}#skuOffersTable .offersTable .basket .addCart{background-color:#27c148}#elementContainer .bindActionImage .image{background-image:url(/bitrix/templates/dresscode/themes/white/green/images/action.png)}#elementContainer .wishCompWrap .elem.added{border-color:#27c148;background:#27c148}#elementContainer .wishCompWrap .elem.added:hover{border-color:#19cc3f;background:#19cc3f}::selection{background:#eca712;color:#fff}::-moz-selection{background:#eca712;color:#fff}::-webkit-selection{background:#eca712;color:#fff} /* End */ /* Start:/bitrix/templates/dresscode/css/swiper-bundle.min.css?174047806818452*/ /** * Swiper 10.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 28, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/bitrix/templates/dresscode/headers/header2/css/style.css?173945612313396*/ #topHeader2 { background-color: #e4e6e4; height: 30px; clear: both; border-bottom: 1px solid #f3f3f3; } #topHeader2.color_black { background-color: #2b2b2b; } #topHeader2 .leftColumn { float: left; } #topHeader2 .rightColumn { float: right; } #topHeader2 .rightColumn .topOtzyv { line-height: 28px; padding-right: 5px; } #topHeader2 .slColumn, #topHeader2 .srColumn { float: left; } #topHeader2 #topMenu { border: 0; } #topHeader2 #topMenu .sub { background-color: #eeeeee; } #topHeader2.color_black #topMenu .sub, #topHeader2.color_theme #topMenu .sub { background-color: #232323; } #topHeader2 #topMenu .sub li { border-bottom: 1px solid #e0e0e0; border-top: 0px; } #topHeader2.color_black #topMenu .sub li, #topHeader2.color_theme #topMenu .sub li { border-top: 1px solid rgba(0, 0, 0, 0.149); border-bottom: 1px solid #303030; } #topHeader2 #topMenu .sub li:hover { background: #e0e0e0; } #topHeader2.color_black #topMenu .sub li:hover, #topHeader2.color_theme #topMenu .sub li:hover { background-color: #1e1e1e; } #topHeader2 #topMenu li a:not(:hover):not(.selected) { color: #000000; } #topHeader2.color_black #topMenu li a:not(:hover):not(.selected), #topHeader2.color_theme #topMenu li a:not(:hover):not(.selected) { color: #ffffff; } #topHeader2.color_theme #topMenu li a:hover { color: rgba(255, 255, 255, 0.58); } #topHeader2.color_theme #topMenu li .selected { color: rgba(255, 255, 255, 0.58); } #topHeader2 #topMenu li a:active { position: relative; top: 1px; } #topHeader2 #topService { color: #000000; border: 0; vertical-align: middle; font-size: 12px; } #topHeader2.color_black #topService { color: #ffffff; } #topHeader2 #topService li { border: 0; padding: 0 5px; } #topHeader2 #topService li a:not(:hover):not(.selected) { color: #000000; } #topHeader2.color_black #topService li a:not(:hover):not(.selected), #topHeader2.color_theme #topService li a:not(:hover):not(.selected) { color: #ffffff; } #topHeader2.color_theme #topService > li > a:hover { color: rgba(255, 255, 255, 0.58); } #topHeader2 #topService li > a:active { position: relative; top: 1px; } #topHeader2 #topMenu:not(.transfered) > li:first-child a { padding-left: 0px; } #topHeader2 #topMenu.transfered > li { padding-left: 0px; } #topHeader2 #topMenu .bar > a { background: url(/bitrix/templates/dresscode/headers/header2/css/images/menuMore.png) 0 50% no-repeat transparent; } #topHeader2 #topMenu .bar > a:hover, #topHeader2 #topMenu .bar.active > a { pointer-events: none; } #topHeader2.color_black #topMenu .bar > a, #topHeader2.color_theme #topMenu .bar > a { background: url(/bitrix/templates/dresscode/headers/header2/css/images/menuMore2.png) 0 50% no-repeat transparent; } #topHeader2.color_black #topMenu .bar > a:hover, #topHeader2.color_black #topMenu .bar.active > a, #topHeader2.color_theme #topMenu .bar > a:hover, #topHeader2.color_theme #topMenu .bar.active > a { background: url(/bitrix/templates/dresscode/headers/header2/css/images/menuMore2.png) -21px 50% no-repeat transparent; } #topHeader2.color_theme .user-geo-position-label, #topHeader2.color_theme .user-geo-position-value, #topHeader2.color_theme .user-geo-position-value-link { color: #ffffff; } #topHeader2.color_theme .user-geo-position-value-link:hover { color: rgba(255, 255, 255, 0.58); } #subHeader2 .h4 { font-weight: bold } #subHeader2 { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #eaeaea; background-color: #ffffff; position: relative; clear: both; } #subHeader2.color_black { border-top: 1px solid rgba(243, 243, 243, 0.2); background-color: #2b2b2b; } #subHeader2.color_theme { border-top: 1px solid rgba(243, 243, 243, 0.2); } #subHeader2 .subTable { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #subHeader2 .subTableColumn { vertical-align: middle; display: table-cell; } #subHeader2 .subTableColumn:first-child { width: 680px; } #subHeader2 .subTableColumn:last-child { padding-left: 24px; text-align: right; width: 381px; } #subHeader2 .subTableColumn:nth-child(2) { text-align: center; width: 50%; } #subHeader2 .subContainer { overflow: hidden; } #subHeader2 #logo, #subHeader2 #topHeading { border: 0; } #subHeader2.color_black #topHeading p, #subHeader2.color_theme #topHeading p { color: #ffffff; } #subHeader2 #topCallback { line-height: 102px; list-style: none; float: left; margin: 0; } #subHeader2.color_black #topSearch2 input[placeholder], #subHeader2.color_theme #topSearch2 input[placeholder] { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: rgba(255, 255, 255, 0.7); } #subHeader2.color_black #topSearch2 input::-webkit-input-placeholder, #subHeader2.color_theme #topSearch2 input::-webkit-input-placeholder { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: rgba(255, 255, 255, 0.7); } #subHeader2.color_black #topSearch2 input::-moz-placeholder, #subHeader2.color_theme #topSearch2 input::-moz-placeholder { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: rgba(255, 255, 255, 0.7); } #subHeader2.color_black #topSearch2 input:focus[placeholder], #subHeader2.color_theme #topSearch2 input:focus[placeholder] { color: transparent; } #subHeader2.color_black #topSearch2 input:focus::-webkit-input-placeholder, #subHeader2.color_theme #topSearch2 input:focus::-webkit-input-placeholder { color: transparent; } #subHeader2.color_black #topSearch2 input::-moz-placeholder, #subHeader2.color_theme #topSearch2 input::-moz-placeholder { color: transparent; } #subHeader2 .topWishlist, #subHeader2 .topCompare, #subHeader2 .cart { vertical-align: middle; display: inline-block; } #subHeader2 .topWishlist, #subHeader2 .topCompare { width: 50px; } #subHeader2 #topCallback { padding: 0 18px; } #subHeader2 #topCallback .wrap { vertical-align: middle; display: inline-block; line-height: 21px; } #subHeader2 #topCallback .icon { background: url(/bitrix/templates/dresscode/headers/header2/css/images/callbackH2.png) 0 0 no-repeat transparent; border: 1px solid #f3f3f3; vertical-align: middle; display: inline-block; height: 50px; width: 50px; } #subHeader2.color_black #topCallback .icon, #subHeader2.color_theme #topCallback .icon { background: url(/bitrix/templates/dresscode/headers/header2/css/images/callbackH2W.png) 0 0 no-repeat transparent; border: 1px solid rgba(255, 255, 255, 0.3); } #subHeader2 #topCallback .icon:active { position: relative; top: 1px; } #subHeader2.color_theme #topCallback .link { border-bottom: 1px dashed #ffffff; color: #ffffff; } #subHeader2.color_theme #topCallback .link:hover { opacity: 0.8; } #subHeader2 #topCallback .nf { vertical-align: middle; display: inline-block; margin-left: 12px; } #subHeader2 #topCallback .heading { text-decoration: none; padding-top: 4px; font-size: 18px; display: block; } #subHeader2 #topCallback .heading { color: #000000; } #subHeader2.color_black #topCallback .heading, #subHeader2.color_theme #topCallback .heading { color: #ffffff; } #subHeader2 #topCallback .link { text-decoration: none; font-size: 13px; } #subHeader2 #topCallback .link:active { position: relative; top: 1px; } #subHeader2 #searchResult { text-align: left; } #geo-location-window .geo-location-window-list-item a:not(:hover) { color: #000000 !important; } @media all and (max-width: 1580px) { #subHeader2 .subTableColumn:first-child { width: 468px; } } @media all and (max-width: 1270px) { #subHeader2 .subTableColumn:last-child { width: 323px; } #subHeader2 .subTableColumn:first-child { width: 400px; } #subHeader2 #topCallback .icon { display: none; } #subHeader2 .cart .heading { width: 180px; } #subHeader2 .cart .adds { display: none; } .cart:not(.active) .icon { margin-right: 8px; } #subHeader2 .cartLabel { display: none; } } @media all and (max-width: 1150px) { #subHeader2 .topWishlist, #subHeader2 .topCompare { margin-right: 12px; } #subHeader2 .subTableColumn:last-child { padding-left: 24px; } #subHeader2 .subTableColumn:last-child { width: 361px; } #subHeader2 .subTableColumn:first-child { width: 630px; } #subHeader2 .subTableColumn:nth-child(2) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; position: absolute; text-align: center; display: block; width: 100%; top: 100px; left: 0; } #subHeader2 #topCallback .icon { display: inline-block; } #subHeader2 .cart .adds { display: inline; } #subHeader2 .cartLabel { display: inline; } #subHeader2 .cart .heading { width: 230px; padding: 0 15px; } #subHeader2 #searchOverlap { top: 207px !important; } #subHeader2 #searchResult { left: -15px !important; top: 76px !important; } } @media all and (max-width: 1080px) { #subHeader2 #topHeading { display: none; } #subHeader2 .subTableColumn:first-child { width: 432px; } } @media all and (max-width: 1000px) { #subHeader2 .subTableColumn:first-child { width: 377px; } #subHeader2 #topCallback .icon { display: none; } } @media all and (max-width: 830px) { #subHeader2 .cartLabel { display: none; } #subHeader2 .cart .heading { width: 180px; } #subHeader2 .subTableColumn:last-child { width: 311px; } #subHeader2 .cart .adds { display: none; } } @media all and (max-width: 780px) { .cart .heading ins { display: none; } #subHeader2 .cart .heading { width: 50px; } #subHeader2 .subTableColumn:last-child { width: 181px; } .cart .icon { margin-right: 0px; } } @media all and (max-width: 700px) { #subHeader2 .limiter { padding: 0 5px 0 7px; } #subHeader2 .subTableColumn:first-child { width: 389px; } #subHeader2 .subTableColumn:last-child { padding-right: 12px; } #subHeader2 .subTableColumn:nth-child(2) { padding: 0 12px; } #subHeader2 .topCompare { display: none; } #subHeader2 .subTableColumn:last-child { width: 116px; } #subHeader2 #searchResult { left: -10px !important; } #subHeader2 #timetable { display: none } } @media all and (max-width: 560px) { #subHeader2 .subTableColumn:first-child { width: 100%; } #subHeader2 .subTableColumn:last-child { position: absolute; right: 0px; top: 100px; } #subHeader2 .subTableColumn:nth-child(2) { padding-right: 142px; } #subHeader2 #topCallback { text-align: right; float: right; } #topHeader2 #topMenu { margin-left: 12px; } #topHeader2 .user-geo-position-label { display: none; } #subHeader2 #topCallback { margin-right: 12px; padding: 0; } #topHeader2 .top-auth-personal, #topHeader2 .top-auth-exit, #topHeader2 .top-auth-login, #topHeader2 .top-auth-register { position: static; left: auto; top: auto; } #topHeader2 #topService li { display: inline-block; padding: 0 8px; float: none; } #topHeader2 .user-geo-position { padding-right: 0px; } #topHeader2 #topService { display: inline-block; text-align: right; } #topHeader2 #topService .null { display: none; } #subHeader2 #logo { padding: 0; } #topHeader2 .user-geo-position-value-link { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 102px; } } @media all and (max-width: 410px) { #subHeader2 .limiter { gap: 5px !important; } #topHeader2 #topService li { padding: 0 6px; } #topHeader2 .rightColumn { padding-right: 6px; } #subHeader2 .topWishlist { display: none; } #subHeader2 .subTableColumn:last-child { width: 50px; } #subHeader2 .subTableColumn:nth-child(2) { padding-right: 74px; padding-left: 12px; } #subHeader2 #topCallback .heading { font-size: 16px; } #subHeader2 .cart { margin-top: 0px; } } @media all and (max-width: 350px) { #logo img { max-height: 40px } #topHeader2 #topService li { padding: 0 4px; } #topHeader2 .rightColumn { padding-right: 8px; } #topHeader2 .user-geo-position-value-link { max-width: 95px; } #subHeader2 #topCallback .nf { margin-left: 0px; } #topMenu .bar { padding: 0px; } } /* End */ /* Start:/bitrix/templates/dresscode/headers/header2/css/types/type1.min.css?1658863525173*/ #subHeader2 #topCallback .icon,.topCompare .icon,.topWishlist .icon{border-radius:50%}#topSearch2 .searchContainerInner{border-radius:40px}.cart .heading{border-radius:24px} /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/menu/horizontal_multilevel_top/style.css?16588635251370*/ #topMenu{ border-left: 1px solid #3a3a3a; float: left; padding: 0; margin: 0; } #topMenu ul{ padding: 0; margin: 0; } #topMenu li{ list-style: none; float: left; padding: 0; margin: 0; } #topMenu li a{ font: normal normal 12px "roboto_ltregular" , arial , sans-serif; -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; letter-spacing: 0px; line-height: 30px; padding: 0 12px; color: #cccccc; display: block; } #topMenu .openEnder{ -webkit-transition: none; -o-transition: none; transition: none; } #topMenu .bar{ position: relative; padding: 0 12px; } #topMenu .bar > a{ height: 30px; width: auto; padding: 0; border: 0; display: block; } #topHeader2 #topMenu .bar > a,#topHeader2 #topMenu .bar > a:hover{ background:none; } #topMenu .sub{ position: absolute; display: none; background: #232323; min-width:180px; z-index: 99; left: -1px; top: 30px; } #topMenu .sub li{ border-top: 1px solid rgba(0, 0, 0, 0.149); border-bottom: 1px solid #303030; display: block; float: none; } #topMenu .sub li:first-child{ border-top: 0; } #topMenu .sub li:hover{ background: #1e1e1e; } #topMenu .sub li a{ border: none; line-height: 21px; padding: 4px 12px; } #topMenu .bar:hover .sub, #topMenu .bar:active .sub{ display: inline-block; } /* End */ /* Start:/local/components/mamont.yandexrating/rating.view.short/templates/.default/style.css?1683219685382*/ #topHeader2 .rightColumn .rating-blog__item { display: inline-block; margin-right: 5px; } #topHeader2 .rightColumn .rating-blog__item img { height: 14px; vertical-align: middle; width: 14px; } @media (max-width: 800px) { #topHeader2 .rightColumn .rating-blog__item img { height: 10px; width: 10px; vertical-align: baseline; } } /* End */ /* Start:/bitrix/components/dresscode/favorite.line/templates/version2/style.css?16588635001118*/ .topWishlist{ position: relative; margin-right: 12px; } .topWishlist .icon{ background: url(/bitrix/components/dresscode/favorite.line/templates/version2/images/wishlistH2.png) 0 0 no-repeat transparent; border: 1px solid #f3f3f3; display: block; height: 50px; width: 50px; } #subHeader2.color_black .topWishlist .icon, #subHeader2.color_theme .topWishlist .icon{ background: url(/bitrix/components/dresscode/favorite.line/templates/version2/images/wishlistH2W.png) 0 0 no-repeat transparent; border: 1px solid rgba(255, 255, 255, 0.3); } .topWishlist .icon:active{ position: relative; top: 1px; } .topWishlist .text{ background-color: #dedede; text-decoration: none; display: inline-block; position: absolute; border-radius: 50%; font-size: 12px; color: #ffffff; padding: 0 7px; right: 4px; top: -4px; } #subHeader2.color_black .topWishlist .text{ background-color: rgba(0, 0, 0, 1); color: #ffffff; } #subHeader2.color_theme .topWishlist .text{ background-color: rgba(255, 255, 255, 0.3); color: #ffffff; } .topWishlist .text:active{ top: -3px; } #subHeader2.color_theme .topWishlist .text.active{ background-color: rgba(255, 255, 255, 0.4); } /* End */ /* Start:/bitrix/components/dresscode/compare.line/templates/version2/style.css?16588635001105*/ .topCompare{ position: relative; margin-right: 24px; } .topCompare .icon{ background: url(/bitrix/components/dresscode/compare.line/templates/version2/images/compareH2.png) 0 0 no-repeat transparent; border: 1px solid #f3f3f3; display: block; height: 50px; width: 50px; } #subHeader2.color_black .topCompare .icon, #subHeader2.color_theme .topCompare .icon{ background: url(/bitrix/components/dresscode/compare.line/templates/version2/images/compareH2W.png) 0 0 no-repeat transparent; border: 1px solid rgba(255, 255, 255, 0.3); } .topCompare .icon:active{ position: relative; top: 1px; } .topCompare .text{ background-color: #dedede; text-decoration: none; display: inline-block; position: absolute; border-radius: 50%; font-size: 12px; color: #ffffff; padding: 0 7px; right: 4px; top: -4px; } #subHeader2.color_black .topCompare .text{ background-color: rgba(0, 0, 0, 1); color: #ffffff; } #subHeader2.color_theme .topCompare .text{ background-color: rgba(255, 255, 255, 0.3); color: #ffffff; } .topCompare .text:active{ top: -3px; } #subHeader2.color_theme .topCompare .text.active{ background-color: rgba(255, 255, 255, 0.4); } /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart2/style.css?17350608611816*/ .cart .heading{ background-color: #ffffff; border: 1px solid #f3f3f3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; text-decoration: none; display: inline-block; text-align: center; position: relative; padding: 0 25px; color: #aaaaaa; } #subHeader2.color_black .cart .heading, #subHeader2.color_theme .cart .heading{ border: 1px solid rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.7); background: transparent; } .cart .heading:active{ position: relative; top: 1px; } .cart .heading.active{ color: #ffffff; } #subHeader2.color_black .cart .heading.active, #subHeader2.color_theme .cart .heading.active{ color: #ffffff; border: none; } .cart .heading ins{ text-decoration: none; } .cart .icon{ background: url(/bitrix/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart2/images/cartH2.png) 0 0 no-repeat transparent; vertical-align: middle; display: inline-block; margin-right: 12px; position: relative; height: 50px; width: 26px; } #subHeader2.color_black .cart .icon, #subHeader2.color_theme .cart .icon{ background: url(/bitrix/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart2/images/cartH2W.png) 0 0px no-repeat transparent; } #subHeader2.color_theme .cart .heading.active{ border: 1px solid rgba(255, 255, 255, 0.3); } .cart .count{ background-color: rgba(0, 0, 0, 0.4); position: absolute; border-radius: 50%; text-align: center; line-height: 18px; font-size: 12px; color: #ffffff; padding: 0 5px; display: none; left: 12px; top: 6px; } .cart .active .count{ display: inline-block; } #subHeader2.color_black .cart .icon, #subHeader2.color_theme .cart .icon, .cart .active .icon{ background-position: 0 -50px; } /* End */ /* Start:/bitrix/templates/dresscode/components/dresscode/search.line/version2/style.min.css?16588635256930*/ #topSearch2 .searchContainerInner{height:30px}#subHeader2.color_black #topSearch2 .searchContainerInner{border:1px solid rgba(255,255,255,.3);background-color:rgba(0,0,0,.1)}#subHeader2.color_theme #topSearch2 .searchContainerInner{border:1px solid rgba(255,255,255,.3);background-color:rgba(255,255,255,.1)}#topSearch2 .searchContainer{border-collapse:collapse;table-layout:fixed;line-height:30px;display:table;height:30px;width:100%}#topSearch2 .searchColumn{vertical-align:middle;display:table-cell;background-color:#fff}#topSearch2 .searchColumn:last-child{width:54px}#topSearch2 #goSearch,#topSearch2 #searchQuery{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:50px;border:0}#topSearch2 #searchQuery{background:url(/bitrix/templates/dresscode/components/dresscode/search.line/version2/images/searchH2.png) 14px 50% no-repeat;padding-left:42px;width:100%}#topSearch2 #goSearch{background:url(/bitrix/templates/dresscode/components/dresscode/search.line/version2/images/searchIcoH2.png) 0 0 no-repeat;color:transparent;cursor:pointer;width:50px}#subHeader2.color_black #topSearch2 #searchQuery,#subHeader2.color_theme #topSearch2 #searchQuery,#subHeader6.color_black #topSearch2 #searchQuery,#subHeader6.color_theme #topSearch2 #searchQuery,#subHeader7.color_black #topSearch2 #searchQuery,#subHeader7.color_theme #topSearch2 #searchQuery,#subHeader9.color_black #topSearch2 #searchQuery,#subHeader9.color_theme #topSearch2 #searchQuery{background:url(/bitrix/templates/dresscode/components/dresscode/search.line/version2/images/searchH2W.png) 14px 50% no-repeat;color:rgba(255,255,255,.7)}#subHeader5.color_black #topSearch2 #searchQuery,#subHeader5.color_theme #topSearch2 #searchQuery{background:url(/bitrix/templates/dresscode/components/dresscode/search.line/version2/images/searchH5W.png) 14px 50% no-repeat;color:rgba(255,255,255,.7)}#subHeader2.color_black #goSearch,#subHeader2.color_theme #goSearch{background:url(/bitrix/templates/dresscode/components/dresscode/search.line/version2/images/searchIcoH2W.png) 0 0 no-repeat}#subHeader5.color_black #goSearch,#subHeader5.color_theme #goSearch,#subHeader6.color_black #goSearch,#subHeader6.color_theme #goSearch,#subHeader7.color_black #goSearch,#subHeader7.color_theme #goSearch,#subHeader9.color_black #goSearch,#subHeader9.color_theme #goSearch{background:url(/bitrix/templates/dresscode/components/dresscode/search.line/version2/images/searchIcoH5W.png) 0 0 no-repeat}#searchResult{border-top:1px solid #f3f3f3;background-color:#fff;position:absolute;display:none;height:auto;z-index:999;width:100%;top:42px;left:0}#subHeader2 #searchResult{top:102px}#subHeader2 #searchOverlap{top:172px}#searchResult h1{text-transform:uppercase;background-color:#fff;line-height:55px;font-size:18px;height:55px;margin:0}#searchResult.visible{display:block}#searchResult .productList{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:24px;padding:0 24px}#searchResult .item{width:14.285%}#searchResult .searchAllResult{-webkit-transition:all .2 ease-in-out;-o-transition:all .2 ease-in-out;transition:all .2 ease-in-out;border-top:1px solid #e7e8ea;background-color:#f3f3f3;text-transform:uppercase;text-decoration:none;position:relative;text-align:center;line-height:85px;font-size:14px;display:block;color:#000;height:85px}#searchResult .searchAllResult:hover{background-color:#eee}#searchResult .searchAllResult span{border-bottom:1px dashed #000;padding-bottom:4px}#searchResult .errorMessage{margin:24px 36px;text-align:center;font-size:14px;color:#000}#searchProductsClose{background:url(/bitrix/templates/dresscode/components/dresscode/search.line/version2/images/exit.png) 0 0 no-repeat;position:absolute;margin-top:-9px;display:block;height:18px;width:18px;right:24px;top:50%}#searchProductsClose:hover{background-position:-18px 0}#searchProductsClose:active{background-position:-36px 0}@media all and (max-width:1200px){#topSearchLine.color_black #topSearch2 #searchQuery{background:url(/bitrix/templates/dresscode/components/dresscode/search.line/version2/images/searchH5W.png) 14px 50% no-repeat;color:rgba(255,255,255,.7)}#topSearchLine.color_black #goSearch{background:url(/bitrix/templates/dresscode/components/dresscode/search.line/version2/images/searchIcoH5W.png) 0 0 no-repeat}#subHeader6 #topSearchLine #topSearch2 #searchQuery{background:url(/bitrix/templates/dresscode/components/dresscode/search.line/version2/images/searchH2.png) 14px 50% no-repeat;color:#000}#subHeader6 #topSearchLine #topSearch2 #goSearch{background:url(/bitrix/templates/dresscode/components/dresscode/search.line/version2/images/searchIcoH2.png) 0 0 no-repeat}#subHeader6 #topSearchLine #topSearch2 input[placeholder]{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:rgba(0,0,0,.7)}#subHeader6 #topSearchLine #topSearch2 input::-webkit-input-placeholder{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:rgba(0,0,0,.7)}#subHeader6 #topSearchLine #topSearch2 input::-moz-placeholder{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:rgba(0,0,0,.7)}}.bx-pagination{margin:10px 0}#searchResult h1,.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px}.bx-pagination .bx-pagination-container ul li a,.bx-pagination .bx-pagination-container ul li span{border-radius:16px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span{background:#fff;border-color:#dadada;color:#000}@media all and (max-width:1920px){#searchResult .item{width:16.666666%}}@media all and (max-width:1600px){#searchResult .item{width:20%}}@media all and (max-width:1300px){#searchResult .item{width:25%}}@media all and (max-width:1024px){#searchResult .item{width:33.33333%}}@media all and (max-width:790px){#searchResult .item{width:50%}}@media all and (max-width:600px){#searchResult .item{width:100%}} /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/menu/leftMenu/style.css?17416997376928*/ #leftMenu { background: #2b2b2b; padding: 12px 0 12px 0; position: relative; list-style: none; z-index: 33; margin: 0; } #leftMenu li { list-style: none; } #leftMenu > li:first-child { border: 0; } #leftMenu > li { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; background: #2b2b2b; display: block; } #leftMenu > li:hover, #leftMenu .activeDrop { background: #ffffff; } #leftMenu > li:hover > a { background: #f5f5f5; } #leftMenu li:hover .menuLink, #leftMenu .activeDrop .menuLink { color: #000000; } #leftMenu li .menuLink { -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; text-decoration: none; padding-right: 8px; position: relative; line-height: 18px; font-size: 13px; display: block; color: #ffffff; } #leftMenu .drop li .menuLink { padding-left: 40px; } #leftMenu .menuItems li > img { float: left; } #leftMenu .menuLink img { vertical-align: middle; float: left; margin-right: 5px; } #leftMenu li .tb { display: table; width: 100%; } #leftMenu .pc, #leftMenu .tx { vertical-align: middle; display: table-cell; padding: 8px; } #leftMenu li .pc { -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; padding-left: 18px; text-align: center; height: 21px; width: 24px; } #leftMenu .pc img { max-width: 100%; } #leftMenu ul { padding: 0; margin: 0; } #leftMenu .drop { box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.4); border-collapse: collapse; background: #ffffff; table-layout: fixed; position: absolute; /*min-height: 400px;*/ /*overflow: hidden;*/ z-index: 999999; display: none; margin-top: -40%; left: 90%; width: 1%; /*top: 0%;*/ } #leftMenu .drop:not(:has(.menuItems + .menuItems)) { margin-top: -20%; } #leftMenu .menuItems { border-right: 1px solid #e7e8ea; background-color: #ffffff; display: table-cell; vertical-align: top; padding: 12px; width: 300px; } #leftMenu .menuItems > li:first-child { margin-top: 0; } #leftMenu .menuItems > li { position: relative; margin-top: 8px; clear: both; } #leftMenu .menuItems span, #leftMenu .menuItems .upper { -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; font-size: 15px; font-weight: bold; color: #444444; } #leftMenu .menuItems small { position: absolute; margin-top: -11px; line-height: 22px; height: 22px; color: #888; right: 0; top: 50%; } #leftMenu .menuItems a { -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: 21px; display: block; color: #000; } #leftMenu .menuItems a:hover { color: #999; } #leftMenu .menuItems a img { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #leftMenu .menuItems a:hover img { opacity: 0.8; } #leftMenu .menuSlider { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #f9fafc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 50%, #f9fafc 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 50%, #f9fafc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9fafc', GradientType=0); /* IE6-9 */ vertical-align: top; display: table-cell; position: relative; width: 250px; } #leftMenu .menuSlider > ul { position: relative; list-style: none; padding: 0; margin: 0; } #leftMenu .menuSlider > ul > li { position: relative; float: left; } #leftMenu .menuSlider .slideBtnLeft, #leftMenu .menuSlider .slideBtnRight { background: url(/bitrix/templates/dresscode/components/bitrix/menu/leftMenu/images/slideArrow.png) 0 0 no-repeat transparent; position: absolute; margin-top: 3px; z-index: 99; height: 16px; opacity: 0.5; width: 14px; top: 30%; } #leftMenu .menuSlider .slideBtnLeft:hover, #leftMenu .menuSlider .slideBtnRight:hover { opacity: 0.8; } #leftMenu .menuSlider .slideBtnLeft:active, #leftMenu .menuSlider .slideBtnRight:active { opacity: 1; } #leftMenu .menuSlider .slideBtnLeft { left: 12px; } #leftMenu .menuSlider .slideBtnRight { background-position: -14px 0; right: 12px; } #leftMenu .product { position: relative !important; height: auto !important; width: 100% !important; border: 0 !important; } #leftMenu .product .tabloid { border: 0 !important; height: auto !important; position: static !important; background: transparent !important; } #leftMenu .product:hover .tabloid { box-shadow: none; } #leftMenu .oSkuDropdownList { position: relative; display: none; border-top: 1px solid #e7e8ea; border-bottom: 0; border-right: 0; border-left: 0; top: 0; } #leftMenu .oSkuDropdownList.opened { display: block; } #leftMenu .link-svgs>a { margin-right: 15px; } #leftMenu .link-svgs>a img { margin-right: 5px; } .left-menu-tags-block { display: flex; flex-direction: row; flex-wrap: wrap; } #leftMenu .drop li .left-menu-tags-block a.menuLink { display: inline; padding: 2px 8px; background: #f5f5f5; white-space: nowrap; margin: 2px; border-radius: 10px; } #leftMenu .menuItems > li.parent .parent-link { display: flex; align-items: center; flex-direction: row; margin-bottom: 5px; } #leftMenu .drop li.parent .parent-link .menuLink { padding-left: 10px; } #main.color_white #leftMenu .drop li .left-menu-tags-block a.menuLink:hover { background: #fff8c7; color: #000 !important; } #leftMenu .link-svgs.selected-cat a span { color: #28c148; font-weight: 600; } #main.color_white #leftMenu li .menuLink.selected-cat { color: #28c148!important; } #main.color_white #leftMenu .drop li .menuLink.selected-cat:not(.upper) { color: #fff!important; background: #28c148; } #leftMenu .accordion a.selected-cat { color: #28c148; font-weight: 600; } #leftMenu .accordion a:hover { color: #28c148; } /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/menu/leftSubMenu/style.css?1658863525302*/ #subLeftMenu{ border-top: 1px solid #484848; background: #2b2b2b; margin: 0 0 24px 0; padding: 12px 24px; list-style: none; } #subLeftMenu a{ text-decoration: none; font-size: 13px; padding: 4px 0; color: #888888; display: block; } #subLeftMenu a:hover{ color: #ffffff; } /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/news.list/leftNews/style.css?16588635251624*/ #newsBlock { position: relative; overflow: hidden; color: #888; font-size: 12px; line-height: 16px; } #newsBlock .newsTitle { -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; display: inline-block; color: #000; margin: 4px 0; } #newsBlock .newsPreview { border-bottom: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; border-right: 1px solid #e7e8ea; padding: 12px; position: relative; background-color: #f9f9f9; overflow: hidden; } #newsBlock .newsPic { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; float: left; width: 40%; display: none; } #newsBlock .newsPic img { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: 100%; } #newsBlock .newsPic:hover img{ opacity: 0.9; } #newsBlock .newsPic:active{ position: relative; top: 1px; } #newsBlock .newsTitle { display: block; } #newsBlock .preText { font-size: 12px; height: 79px; overflow: hidden; display: none; } #newsBlock .newsPreview:first-child { background-color: #fff; } #newsBlock .newsPreview:first-child .newsPic, #newsBlock .newsPreview:first-child .preText { display: block; } #newsBlock .newsPreview:first-child .newsPic + .newsOverview { float: right; width: 56%; } @media all and (max-width: 1366px){ #newsBlock .newsPreview:first-child .preText{ display: none; } #newsBlock .newsPic{ width: 36%; } } /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/subscribe.form/.default/style.css?16588635251135*/ #subscribe{ background-color: #ffffff; margin-top: 24px; overflow: hidden; } #subscribe form{ padding: 0 12px; } #subscribe input::-webkit-input-placeholder{ color: #888888; } #subscribe input::-moz-placeholder{ color: #888888; } #subscribe input:focus::-webkit-input-placeholder{ color: transparent; } #subscribe input:focus::-moz-placeholder{ color: transparent; } #subscribe input:focus:-moz-placeholder{ color: transparent; } #subscribe input:focus:-ms-input-placeholder{ color: transparent; } #subscribe 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; background: #e7e8ea; text-align: center; margin: 12px auto; padding-left: 8px; line-height: 50px; font-size: 14px; color: #888888; display: block; height: 50px; width: 100%; border: 0; } #subscribe input[type="text"]:focus{ background-color: #f3f3f3; } #subscribe .submit{ cursor: pointer; color: #ffffff; } /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/news.list/leftCollection/style.css?16588635251596*/ #collectionBlock { margin-top: 24px; position: relative; overflow: hidden; color: #888; font-size: 12px; line-height: 16px; background-color: #ffffff; } #collectionBlock .sideBlockContent{ border: 1px solid #e7e8ea; padding: 12px; } #collectionBlock .item{ margin-top: 12px; overflow: hidden; } #collectionBlock .item:first-child{ margin-top: 0px; } #collectionBlock .name{ -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; display: block; margin-bottom: 8px; color: #000000; font-size: 12px; } #collectionBlock .description{ height: 48px; overflow: hidden; } #collectionBlock .link{ text-decoration: none; } #collectionBlock .link:hover{ color: #000000; } #collectionBlock .picBlock{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 70px; height: 70px; line-height: 70px; display: inline-block; vertical-align: top; border: 1px solid #e7e8ea; margin-right: 6px; text-align: center; } #collectionBlock .picBlock 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: 90%; max-width: 90%; } #collectionBlock .picBlock:hover img{ opacity: 0.8; } #collectionBlock .tools{ vertical-align: top; display: inline-block; width: 60%; } #collectionBlock .tools .date{ margin-bottom: 6px; display: block; color: #888888; } /* End */ /* Start:/bitrix/templates/dresscode/components/bitrix/breadcrumb/.default/style.css?16588635251422*/ #breadcrumbs{ margin-bottom: 12px; line-height: 21px; overflow: hidden; font-size: 12px; } #breadcrumbs ul{ overflow: hidden; list-style: none; padding: 0; margin: 0; } #breadcrumbs ul li{ vertical-align: middle; display: inline-block; } #breadcrumbs ul li a{ text-decoration: none; display: inline-block; line-height: 21px; } #breadcrumbs ul li span{ display: inline-block; line-height: 21px; } #breadcrumbs ul li:last-child span {color:#27c149;} #breadcrumbs .arrow{ vertical-align: middle; display: inline-block; font-family: arial; font-size: 18px; margin: 0 12px; } @media all and (max-width: 1024px) { #breadcrumbs{ position: relative; min-width: 100%; overflow-x: auto; height: 21px } #breadcrumbs ul{ white-space: nowrap; overflow: auto; } #breadcrumbs li{ white-space: nowrap; } #breadcrumbs::after { background: -moz-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%); background: -webkit-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%); background: -o-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%); background: -ms-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%); background: linear-gradient(to right, rgba(255,255, 255, 0.2), #ffffff 100%); pointer-events: none; position: absolute; right: 0; top: 0; height: 100%; content: ''; width: 35px; } } /* End */ /* Start:/local/components/mamont.yandexrating/rating.view/templates/.default/style.css?16832196851716*/ .rating-blog { display: flex; flex-direction: column; } .rating-blog .yandex-rating { margin-bottom: 15px; } .rating-blog__item { align-items: center; display: flex; flex-direction: row; color: #000; text-decoration: none; } .rating-blog__item img { height: 40px; width: 40px; } .rating-blog__content { margin-left: 15px; } .rating-blog__title { font-size: 16px; line-height: 16px; white-space: nowrap; color: #fff; } .c-rating-preview { align-items: center; display: flex; flex-wrap: wrap; } .c-rating-preview ._num { color: #a9a9a9; font-size: 8.5pt; margin: 3px 10px 3px 0; padding-top: 0; } .rating-blog__content .c-rating-preview span { color: #fff; font-size: 17px; font-weight: 700; } .c-rating-preview ._stars { background-image: url(/local/components/mamont.yandexrating/rating.view/templates/.default/images/star-off.svg); background-repeat: no-repeat; background-size: contain; height: 14px; margin-right: 3px; position: relative; width: 80px; } .footer_blk .c-rating-preview ._stars { height: 19px; width: 91px; } .c-rating-preview ._active { background-repeat: no-repeat; background-size: cover; height: inherit; left: 0; overflow: hidden; position: absolute; top: 0; width: 0; } .c-rating-preview ._active:before { background-image: url(/local/components/mamont.yandexrating/rating.view/templates/.default/images/star-on.svg); background-repeat: no-repeat; background-size: contain; content: ""; height: 14px; left: 0; position: absolute; width: 80px; } .footer_blk .c-rating-preview ._active:before { height: 16px; width: 91px; } .rating-blog__content p { font-size: 14px; line-height: 16px; margin: 0; } /* End */ /* Start:/local/components/mamont.popups/templates/.default/style.css?17350608614413*/ .popups-banners-container * { font-family: 'Geologica', sans-serif; } .popups-banners-container { border-radius: 20px; } .popups-banners-container:not(.only-img) .popups-banners-html-container { max-height: 370px; } .popups-banners-html-container { margin: 0 !important; overflow: hidden !important; border-radius: 20px } .popups-banners-html-container .promo-popups-modal-body { display: flex; align-items: stretch; } .popups-banners-container.only-img { background: transparent; } .promo-popups-modal-body-flex { padding: 35px; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: start; max-width: 400px; min-width: 400px; box-sizing: border-box; height: auto; max-height: 370px; overflow: auto; border-bottom: 20px solid #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .promo-popups-modal-body-flex::-webkit-scrollbar { width: 0; } .promo-popups-modal-title { text-align: center; font-size: 40px; font-weight: bold; line-height: 1; color: #0E182B; } .popups-banners-container:not(.only-img) .promo-popups-modal-img { max-width: 300px; } .promo-popups-modal-img img { max-width: 100%; border-top-left-radius: 20px; border-bottom-left-radius: 20px; object-fit: cover; } .popups-banners-container.only-img .promo-popups-modal-img img { border-radius: 20px; } .mobile-img { display: none; } .promo-popups-modal-desc { margin: 15px 0; font-size: 15px; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: start; } .promo-popups-modal-desc p { color: #0E182B; margin-top: 0; font-weight: 400; text-align: left; } .promo-popups-modal-desc p.light { color: #54677A; font-weight: 300; margin-bottom: 25px; } .row-flex:first-child p:last-child { margin-bottom: 15px; } .row-flex + .row-flex p:last-child { margin-bottom: 15px; } .row-flex:last-child p:last-child { margin-bottom: 15px; } .row-flex { display: flex; justify-content: flex-start; align-items: flex-start; gap: 25px; flex-direction: row; flex-wrap: nowrap; } .row-flex .blue { width: 100px; color: #287EF6; font-weight: 400; } .promo-popups-modal-btn { border: 1px #287EF6 solid; border-radius: 30px; background: #D4E5FD; color: #287EF6; width: 100%; height: 60px; min-height: 60px; font-size: 15px; line-height: 30px; box-shadow: unset; box-sizing: border-box; } .promo-popups-modal-btn svg { margin-right: 10px; vertical-align: text-bottom; } .promo-popups-modal-btn:hover { background: #287EF6; color: #fff; } .promo-popups-modal-btn:hover svg path { fill: #fff; } @media (max-width: 767.98px) { .promo-popups-modal-body-flex { align-items: center; max-width: unset; min-width: unset; } .popups-banners-html-container { max-height: max-content; } .popups-banners-container:not(.only-img) .popups-banners-html-container { max-height: max-content; } .popups-banners-html-container .promo-popups-modal-body{ flex-direction: column; } .popups-banners-container:not(.only-img) .promo-popups-modal-img { max-width: 100%; } .promo-popups-modal-img img { max-width: 100%; height: auto; border-top-left-radius: 20px; border-bottom-left-radius: unset; border-top-right-radius: 20px; } .desktop-img { display: none; } .mobile-img { display: block; } .promo-popups-modal-desc { align-items: center; } .promo-popups-modal-desc p.light { text-align: center; } } @media only screen and (min-device-width : 320px) and (max-device-width : 767px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3) { .promo-popups-modal-body-flex { align-items: center; max-width: unset; } .desktop-img { display: none; } .mobile-img { display: block; } } @media (max-width: 424.98px) { .promo-popups-modal-desc { padding: 0 10px; } .promo-popups-modal-body-flex { padding: 20px 15px; } .promo-popups-modal-title { font-size: 35px; } } /* End */ /* Start:/local/components/mamont.cookie/templates/.default/style.css?16941656653271*/ #modal-cookies { position: fixed !important; bottom: 0; top: unset !important; background-color: rgb(255 255 255 / 90%); } #mamont-cookie.cookie-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgb(0 0 0 / 56%); z-index: 99; } body.cookie-overlay { overflow: hidden; } .js-cookie-popup-cancel { background: transparent; border-color: #aaa; color: #000; min-width: 114px; padding: 6px 8px 4px; margin-right: 14px; border: unset; font-size: 14px; cursor: pointer!important; text-align: center; } #modal-cookies .popup-window-content { background: none; } #modal-cookies a, #modal-cookie-agree a { text-decoration: underline dotted; } .cookie-agree-bg { background: #27c148; color: #fff; } .cookie-agree-bg:hover { background: #19cc3f; border-color: #19cc3f; color: #fff; } .cookie-modal-body { display: flex; justify-content: center; flex-direction: row; flex-wrap: nowrap; align-items: center; } .cookie-modal-body .popup-btns { margin-left: 20px; display: flex; align-items: center; justify-content: center; } #modal-cookie-agree { max-width: 100vw; max-height: 100vh; } #modal-cookie-agree input { -webkit-appearance: none; background: #fff; border: 1px solid #717171; width: 18px; height: 18px; display: inline-block; margin: 0 10px 0 0; min-width: 18px; } #modal-cookie-agree label { font-weight: 600; line-height: 1.3; margin: 0 0 4px; font-size: 1.3em; } #modal-cookie-agree input:checked { background: #009a46; border-color: #009a46; } #modal-cookie-agree input:disabled { background: #056d34; border-color: #056d34; } #popup-window-content-modal-cookie-agree { overflow-y: auto; } #modal-cookie-agree .cookie-options { margin-top: 20px; } #modal-cookie-agree .cookie-option { display: flex; flex-direction: column; margin-bottom: 20px; } #modal-cookie-agree .cookie-option-input { display: flex; } #modal-cookie-agree .cookie-option-input label {} #modal-cookie-agree .cookie-option-disc { padding: 0 0 0 29px; } #modal-cookie-agree .cookie-option-disc p { font-size: 1em; margin: 0; } #modal-cookie-agree .cookie-option-alert { padding: 20px 20px 20px 55px; display: -ms-flexbox; margin: 12px 0; border-radius: 4px; font-size: 1em; line-height: 1.3; background: url(/local/components/mamont.cookie/templates/.default/images/attention.svg) no-repeat 15px 15px, #fbeff1; } @media (max-width: 992px) { .cookie-modal-body { flex-direction: column; } .cookie-modal-body .popup-btns { margin-top: 10px; } } @media (max-width: 600px) { .cookie-modal-body > div br { display: none; } .cookie-modal-body .popup-btns button { max-height: 30px; } .cookie-modal-body { font-size: 11px; } .cookie-wrap { font-size: 12px; } } @media (max-width: 450px) { .cookie-modal-body > div { text-align: center; } .cookie-modal-body .popup-btns { flex-wrap: wrap; margin-top: 5px; } .cookie-modal-body .popup-btns button { margin-bottom: 5px; } } /* End */ /* Start:/bitrix/templates/dresscode/template_styles.css?1752180624259771*/ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 100%; } .addres { padding: 0 25px; font-family: arial } .input_text { box-sizing: border-box; border: 1px solid #fbc901; background: #fff; padding-left: 12px; font-size: 14px; display: block; clear: both; height: 40px; width: 100% } body { font: normal normal 14px arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; background-color: #fff; line-height: 21px; margin: 0 } img { border: 0 } input { font: normal normal 13px arial, sans-serif; outline: none } input[placeholder] { text-overflow: ellipsis } input::-moz-placeholder { text-overflow: ellipsis } input:-moz-placeholder { text-overflow: ellipsis } input:-ms-input-placeholder { text-overflow: ellipsis } a:not([href]) { cursor: default } :focus::-webkit-input-placeholder { color: transparent } :focus::-moz-placeholder { color: transparent } :focus:-moz-placeholder { color: transparent } :focus:-ms-input-placeholder { color: transparent } input:focus { outline: none } a { outline: none } h1 { line-height: 36px; font-weight: 400; text-align: left; margin: 0 0 20px; font-size: 24px; color: #000; display: block } h2 { font-weight: 400; font-size: 18px } h3 { font-weight: 400; font-size: 16px } * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } #topHeader { position: relative; min-width: 320px; height: 30px; z-index: 35 } .clearfix:before, .clearfix:after { content: ''; display: table } .clearfix:after { clear: both } .loading #topHeader, .loading #topHeader2, .loading #topHeader3, .loading #topHeader4, .loading #topHeader5, .loading #topHeader6, .loading #topHeader7, .loading #topHeader8, .loading #topHeader9 { overflow: hidden } .loading #topMenuNew { opacity: 0 } .bold { font-weight: bold } .text-nowrap { text-wrap: nowrap; } .underline { text-decoration: underline; } .mt-1 { margin-top: .25rem } .fast-order { display: flex; align-items: center; justify-content: flex-start; background-color: #f9f9f9; padding: 0 0 0 50px; height: 75px } .fast-order img { max-width: 40px } .wrapper-fast { width: 84.3%; margin-left: 2% } .fast-order img { margin-bottom: 0 } .fast-order .fastBayText { margin-bottom: 0 } #topService { float: right; padding: 0; margin: 0 } #topService div[id^=bx_incl_area_] { float: left } #topService li { line-height: 30px; list-style: none; padding: 0 12px; float: left; margin: 0 } #topService .null { display: inline-block; line-height: 0; padding: 0; height: 0; width: 0 } #topService li:not(.null) a { font: normal normal 13px arial, sans-serif; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; vertical-align: middle; text-decoration: none; display: inline-block } #topService li:not(.null) a:active { position: relative; top: 1px } #topService li:not(.null) a:focus { transition: all .7s } #subHeader { min-width: 320px; height: 102px; z-index: 3 } .loading #subHeader, .loading #subHeader2, .loading #subHeader3, .loading #subHeader4, .loading #subHeader5, .loading #subHeader6, .loading #subHeader7, .loading #subHeader8, .loading #subHeader9, .loading #subHeaderV2 { overflow: hidden } #subHeaderV2 { background-color: #fff } #subHeaderV2 .subHeaderContainer { border-collapse: collapse; table-layout: fixed; display: table; width: 100% } #subHeaderV2 .subHeaderLeft, #subHeaderV2 .subHeaderCenter, #subHeaderV2 .subHeaderRight { vertical-align: middle; display: table-cell } #subHeaderV2 .subHeaderLeft { width: 680px } #subHeaderV2 .subHeaderCenter { text-align: center } #subHeaderV2 .subHeaderRight { text-align: right } #logo a { display: block } #logo a:active { position: relative; top: 1px } #logo img { vertical-align: middle; max-height: 74px; max-width: 100% } #topHeading p { font: normal normal 16px arial, sans-serif; vertical-align: middle; display: inline-block; text-align: left; margin: 0; font-size: 14px } #headerTools { float: right; height: 96px } #headerTools .tools { list-style: none; padding: 0; margin: 0 } #headerTools .tools .icon { float: left } #headerTools .tools .heading { text-decoration: none; font-size: 18px; display: block } #headerTools .tools .link { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; font-size: 13px } #headerTools .tools .link:active { position: relative; top: 1px } #headerTools .tools li { line-height: 102px; list-style: none; padding: 0 18px; float: left; margin: 0 } #headerTools .tools div[id*="bx_"] { float: left } #headerTools .wrap { vertical-align: middle; display: inline-block; line-height: 21px } #headerTools .icon { margin: 0 4px; height: 40px } #headerTools .nf { float: left; margin-left: 12px } #headerTools .text { font-size: 13px } #headerTools .icon:active { position: relative; top: 1px } #headerTools .telephone .icon { width: 35px } #headerTools .search .wrap { padding: 0 8px } #headerTools .search .icon { width: 35px; margin: 0 } #headerTools .wishlist .icon { width: 36px } #headerTools .compare .icon { width: 35px } #headerTools .cart .icon { width: 44px } #headerTools .cart ins { display: inline-block; text-decoration: none; border-radius: 3px; text-align: center; margin-left: 4px; padding: 0 6px; font-size: 13px } #changeYouCity { position: relative; min-width: 320px; padding: 18px 0; display: none } #changeYouCity .limiter { position: relative } #changeYouCity .heading { font-size: 21px; display: block } #changeYouCity .list { text-align: center; overflow: hidden } #changeYouCity .list li { margin-top: 12px; text-align: left; float: left; width: 25% } #changeYouCity .list li a { text-decoration: none; font-size: 14px } #changeYouCity .list li a:hover { text-decoration: underline } #changeYouCity #cityClose { text-decoration: none; position: absolute; padding: 4px 12px; font-size: 14px; display: block; right: 24px; top: 0 } #changeYouCity #cityClose ins { display: inline-block; margin-right: 6px; height: 10px; width: 10px } #topMenuNew .bar > a { background: url(/bitrix/templates/dresscode/images/menuMore.png) 0 50% no-repeat transparent } #topHeader.color_default #topMenuNew .bar > a { background-image: url(/bitrix/templates/dresscode/images/menuMore2.png) } #topHeader.color_default #topMenuNew .sub { background-color: #fbfbfb } #topHeader.color_default #topMenuNew .sub li:hover { background: #f9f9f9 } #topHeader.color_default #topMenuNew .sub li { border-top: 1px solid #f3f3f3; border-bottom: 0 } #topMenuNew .bar { padding: 0 } #topMenuNew .bar > a:hover, #topMenuNew .bar.active > a { background: url(/bitrix/templates/dresscode/images/menuMore.png) -21px 50% no-repeat transparent } #main { margin-top: 24px; min-width: 320px } #main .compliter { border-collapse: collapse; table-layout: fixed; display: table; width: 100% } #left { display: table-cell; vertical-align: top; width: 355px; min-width: 355px; } #left .heading { text-decoration: none; padding-left: 24px; line-height: 65px; font-weight: 400; font-size: 18px; display: block; height: 65px } #left .heading .arrow { background-position: -27px 50%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } #left .heading.opened .arrow { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } #left .menuRolled + .collapsed { display: none; } #left .heading ins { vertical-align: middle; display: inline-block; margin-right: 24px; line-height: 65px; height: 65px; float: right; width: 27px; } #left .sideBlock .heading { -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; line-height: 60px; font-size: 16px; height: 60px } #left .sideBlock a.heading:hover { opacity: .95 } #left #subscribe .copy { text-align: center; margin: 12px auto; line-height: 24px; font-size: 12px; display: block; width: 90% } #left .banner { text-align: center; margin-top: 24px } #left .banner img { max-height: 100%; vertical-align: middle; max-width: 100% } #right { display: table-cell; vertical-align: top; padding-left: 24px; width: 100%; } #brandSearch { border-collapse: collapse; table-layout: fixed; border-spacing: 0; width: 100%; display: none } #brandSearch td { line-height: 50px; height: 50px } #brandSearch .label { width: 140px } #brandSearch .label span { display: block; text-align: center } #brandSearch .all { width: 60px } #brandSearch .all a { text-align: center; display: block } #brandSearch a { text-decoration: none; text-align: center; display: block } #slider { position: relative; overflow: hidden } #slider ul { position: relative; list-style: none; padding: 0; margin: 0 } #slider ul li { position: relative; float: left } #slider ul li span { background-position: center center; background-size: cover; -moz-background-size: cover; display: block; height: 557px } #slider ul li img { width: auto; display: inline-block; margin-left: -120px } #slider ol { position: absolute; list-style: none; margin: 0; padding: 0; left: 50%; bottom: 12px } #slider ol li { margin-right: 4px; cursor: pointer; height: 18px; width: 18px; float: left } #main.color_black #slider .sliderContent { color: #fff } #main.color_white #left #leftMenu { border-right: 1px solid #eee; border-left: 1px solid #eee; border-top: 1px solid #eee } #main.color_white #left #subLeftMenu { border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee } #main.color_white #leftMenu { background-color: #fff !important } #main.color_white #leftMenu > li { background-color: #fff !important } #main.color_white #leftMenu > li:hover { background-color: #fdeca7 !important } #main.color_white #leftMenu li .menuLink { color: #000 !important } #main.color_white #subLeftMenu { border-top: 1px solid #eee !important; background-color: #fff !important } #main.color_white #subLeftMenu a { color: #000 !important } #popCats { margin-top: 24px } #popCats .sideBlockContent { padding: 12px; border-top: 0 } #popCats ul { list-style: none; padding: 0; margin: 0 } #popCats li { display: inline-block; margin-right: 8px; margin-bottom: 8px } #popCats li span, #popCats li a { -webkit-transition: .2s all ease-in-out; -o-transition: .2s all ease-in-out; transition: .2s all ease-in-out; text-decoration: none; padding: 4px 12px; line-height: 21px; display: block } #collectionList { margin-top: 24px; position: relative; overflow: hidden } #collectionCarousel { position: relative; overflow: hidden; margin: 0 -12px } #collectionCarousel > ul { list-style: none; padding: 0; margin: 0 } #collectionCarousel > ul li { width: 33.3131313%; float: left } #collectionList .collection { position: relative; padding: 0 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } #collectionList .collection .wrap { border-bottom: none; overflow: hidden; padding: 12px } #collectionList .collection .heading { text-decoration: none; margin-bottom: 12px; line-height: 24px; font-weight: 700; font-size: 18px; height: auto; padding: 0 } #collectionList .collectionDesc { line-height: 18px; font-size: 12px } #collectionList .goTo { vertical-align: middle; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; display: block; -webkit-transition: background-color 0.3s, color .3s; transition: background-color 0.3s, color .3s } #collectionList .pic { display: block; margin-bottom: 18px; text-align: center; line-height: 420px; height: 420px } #collectionList .pic img { max-width: 100%; max-height: 100%; vertical-align: middle } #promoBlock, #promoBlock > div[id*="bx_"] { width: 100%; display: table; overflow: hidden; table-layout: fixed; border-collapse: collapse } #sliderBlock, #bannersBlock, #specialBlock { display: table-cell; vertical-align: top } #bannersBlock, #specialBlock { padding-left: 12px; position: relative; overflow: hidden; width: 356px } #specialBlock { padding-left: 24px; width: 344px } #left #specialBlock { margin-bottom: 24px; padding-left: 0; display: block; width: 100% } #bannersBlock ul { list-style: none; padding: 0; margin: 0 } #bannersBlock ul li { float: left } #bannersBlock ul a { display: block; line-height: 0 } #bannersBlock ul li:first-child { margin-bottom: 12px; float: none } #bannersBlock ul li:first-child + li { padding-right: 12px } #right .heading { margin-bottom: 24px; padding-left: 24px; line-height: 60px; font-size: 18px; display: block; height: 60px } #footer { margin-bottom: 55px; padding-top: 24px; overflow: hidden } #footer.variant_2 #leftFooter, #footer.variant_4 #leftFooter { color: #fff } #footer.variant_5 #leftFooter, #footer.variant_5 #rightFooter, #footer.variant_5 #footerBottom, #footer.variant_6 #rightFooter, #footer.variant_6 #footerBottom, #footer.variant_7 #leftFooter, #footer.variant_7 #footerBottom, #footer.variant_8 #leftFooter, #footer.variant_8 #footerBottom { background-color: #fff } #footer.variant_6 #leftFooter, #footer.variant_7 #rightFooter { background-color: #f3f3f3 } #footer.variant_5 #footerBottom, #footer.variant_6 #footerBottom, #footer.variant_8 #footerBottom { border-top: 1px solid #f1f1f1 } #footer.variant_7 #footerBottom { border-top: 1px solid rgba(0, 0, 0, 0.1) } #footer.variant_8 #footerBottom { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.15) } #footer.variant_2 #leftFooter a, #footer.variant_4 #leftFooter a { color: #fff } #footer.variant_5 #leftFooter a, #footer.variant_6 #leftFooter a, #footer.variant_7 #leftFooter a, #footer.variant_8 #leftFooter a { color: #000 } #footer.variant_2 #leftFooter a:hover, #footer.variant_4 #leftFooter a:hover { opacity: .8 } #footer.variant_2 #leftFooter .selected, #footer.variant_4 #leftFooter .selected { opacity: .7 } #footer.variant_2 #leftFooter .heading, #footer.variant_4 #leftFooter .heading { border-bottom: 1px solid rgba(255, 255, 255, 0.2) } #footer.variant_5 #leftFooter .heading, #footer.variant_6 #leftFooter .heading, #footer.variant_7 #leftFooter .heading, #footer.variant_8 #leftFooter .heading { border-bottom: 1px solid rgba(0, 0, 0, 0.1) } #footer.variant_2 #leftFooter ul li, #footer.variant_4 #leftFooter ul li { border-top: 1px solid rgba(255, 255, 255, 0.2) } #footer.variant_5 #leftFooter ul li, #footer.variant_6 #leftFooter ul li, #footer.variant_7 #leftFooter ul li, #footer.variant_8 #leftFooter ul li { border-top: 1px solid rgba(0, 0, 0, 0.1) } #footer.variant_2 #leftFooter ul li:first-child, #footer.variant_4 #leftFooter ul li:first-child, #footer.variant_5 #leftFooter ul li:first-child, #footer.variant_6 #leftFooter ul li:first-child, #footer.variant_7 #leftFooter ul li:first-child, #footer.variant_8 #leftFooter ul li:first-child { border-top: 0 } #footer.variant_3 #rightFooter, #footer.variant_3 #rightFooter p, #footer.variant_3 #rightFooter .list li, #footer.variant_3 #rightFooter .telephone, #footer.variant_3 #rightFooter .showMap, #footer.variant_4 #rightFooter, #footer.variant_4 #rightFooter p, #footer.variant_4 #rightFooter .list li, #footer.variant_4 #rightFooter .telephone, #footer.variant_4 #rightFooter .showMap, #footer.variant_8 #rightFooter, #footer.variant_8 #rightFooter p, #footer.variant_8 #rightFooter .list li, #footer.variant_8 #rightFooter .telephone, #footer.variant_8 #rightFooter .showMap { color: #fff } #footer.variant_8 #rightFooter .showMap:hover { opacity: .7 } #footer.variant_5 #rightFooter, #footer.variant_5 #rightFooter p, #footer.variant_5 #rightFooter .list li, #footer.variant_5 #rightFooter .email, #footer.variant_6 #rightFooter, #footer.variant_6 #rightFooter p, #footer.variant_6 #rightFooter .list li, #footer.variant_6 #rightFooter .email, #footer.variant_7 #rightFooter, #footer.variant_7 #rightFooter p, #footer.variant_7 #rightFooter .list li, #footer.variant_7 #rightFooter .email { color: #000 } #footer.variant_5 #rightFooter .email a, #footer.variant_6 #rightFooter .email a, #footer.variant_7 #rightFooter .email a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } #footer.variant_3 #rightFooter .showMap:hover, #footer.variant_4 #rightFooter .showMap:hover { opacity: .8 } #footer.variant_3 #rightFooter .telephone, #footer.variant_4 #rightFooter .telephone { margin-top: 12px } #footer.variant_3 #rightFooter .hr, #footer.variant_4 #rightFooter .hr, #footer.variant_8 #rightFooter .hr { border-top: 1px solid rgba(255, 255, 255, 0.2) } #footer.variant_5 #rightFooter .hr, #footer.variant_6 #rightFooter .hr, #footer.variant_7 #rightFooter .hr { border-top: 1px solid rgba(0, 0, 0, 0.1) } #footer.variant_4 #footerBottom { border-top: 1px solid rgba(255, 255, 255, 0.2) } #footer.variant_4 #footerBottom .sn .vk { background: url(/bitrix/templates/dresscode/images/snC.png) 0 0 no-repeat transparent } #footer.variant_4 #footerBottom .sn .fb { background: url(/bitrix/templates/dresscode/images/snC.png) -60px 0 no-repeat transparent } #footer.variant_4 #footerBottom .sn .od { background: url(/bitrix/templates/dresscode/images/snC.png) -120px 0 no-repeat transparent } #footer.variant_4 #footerBottom .sn .tw { background: url(/bitrix/templates/dresscode/images/snC.png) -180px 0 no-repeat transparent } #footer.variant_4 #footerBottom .sn .go { background: url(/bitrix/templates/dresscode/images/snC.png) -240px 0 no-repeat transparent } #footer.variant_4 #footerBottom .sn .yo { background: url(/bitrix/templates/dresscode/images/snC.png) -300px 0 no-repeat transparent } #footer.variant_4 #footerBottom .sn .vk:hover { background-position: 0 -60px } #footer.variant_4 #footerBottom .sn .fb:hover { background-position: -60px -60px } #footer.variant_4 #footerBottom .sn .od:hover { background-position: -120px -60px } #footer.variant_4 #footerBottom .sn .tw:hover { background-position: -180px -60px } #footer.variant_4 #footerBottom .sn .go:hover { background-position: -240px -60px } #footer.variant_4 #footerBottom .sn .yo:hover { background-position: -300px -60px } #footer.variant_5 #footerBottom .sn .vk, #footer.variant_6 #footerBottom .sn .vk, #footer.variant_7 #footerBottom .sn .vk, #footer.variant_8 #footerBottom .sn .vk { background: url(/bitrix/templates/dresscode/images/snW.png) 0 0 no-repeat transparent } #footer.variant_5 #footerBottom .sn .fb, #footer.variant_6 #footerBottom .sn .fb, #footer.variant_7 #footerBottom .sn .fb, #footer.variant_8 #footerBottom .sn .fb { background: url(/bitrix/templates/dresscode/images/snW.png) -60px 0 no-repeat transparent } #footer.variant_5 #footerBottom .sn .od, #footer.variant_6 #footerBottom .sn .od, #footer.variant_7 #footerBottom .sn .od, #footer.variant_8 #footerBottom .sn .od { background: url(/bitrix/templates/dresscode/images/snW.png) -120px 0 no-repeat transparent } #footer.variant_5 #footerBottom .sn .tw, #footer.variant_6 #footerBottom .sn .tw, #footer.variant_7 #footerBottom .sn .tw, #footer.variant_7 #footerBottom .sn .tw { background: url(/bitrix/templates/dresscode/images/snW.png) -180px 0 no-repeat transparent } #footer.variant_5 #footerBottom .sn .go, #footer.variant_6 #footerBottom .sn .go, #footer.variant_7 #footerBottom .sn .go, #footer.variant_8 #footerBottom .sn .go { background: url(/bitrix/templates/dresscode/images/snW.png) -240px 0 no-repeat transparent } #footer.variant_5 #footerBottom .sn .yo, #footer.variant_6 #footerBottom .sn .yo, #footer.variant_7 #footerBottom .sn .yo, #footer.variant_8 #footerBottom .sn .yo { background: url(/bitrix/templates/dresscode/images/snW.png) -300px 0 no-repeat transparent } #footer.variant_5 #footerBottom .sn .vk:hover, #footer.variant_6 #footerBottom .sn .vk:hover, #footer.variant_7 #footerBottom .sn .vk:hover, #footer.variant_8 #footerBottom .sn .vk:hover { background-position: 0 -60px } #footer.variant_5 #footerBottom .sn .fb:hover, #footer.variant_6 #footerBottom .sn .fb:hover, #footer.variant_7 #footerBottom .sn .fb:hover, #footer.variant_8 #footerBottom .sn .fb:hover { background-position: -60px -60px } #footer.variant_5 #footerBottom .sn .od:hover, #footer.variant_6 #footerBottom .sn .od:hover, #footer.variant_7 #footerBottom .sn .od:hover, #footer.variant_8 #footerBottom .sn .od:hover { background-position: -120px -60px } #footer.variant_5 #footerBottom .sn .tw:hover, #footer.variant_6 #footerBottom .sn .tw:hover, #footer.variant_7 #footerBottom .sn .tw:hover, #footer.variant_8 #footerBottom .sn .tw:hover { background-position: -180px -60px } #footer.variant_5 #footerBottom .sn .go:hover, #footer.variant_6 #footerBottom .sn .go:hover, #footer.variant_7 #footerBottom .sn .go:hover, #footer.variant_8 #footerBottom .sn .go:hover { background-position: -240px -60px } #footer.variant_5 #footerBottom .sn .yo:hover, #footer.variant_6 #footerBottom .sn .yo:hover, #footer.variant_7 #footerBottom .sn .yo:hover, #footer.variant_8 #footerBottom .sn .yo:hover { background-position: -300px -60px } #footer.variant_4 .sn li:first-child { border-left: 1px solid rgba(255, 255, 255, 0.2) } #footer.variant_5 .sn li:first-child, #footer.variant_6 .sn li:first-child, #footer.variant_7 .sn li:first-child, #footer.variant_8 .sn li:first-child { border-left: 1px solid rgba(0, 0, 0, 0.1) } #footer.variant_4 .sn li { border-right: 1px solid rgba(255, 255, 255, 0.2) } #footer.variant_5 .sn li, #footer.variant_6 .sn li, #footer.variant_7 .sn li, #footer.variant_8 .sn li { border-right: 1px solid rgba(0, 0, 0, 0.1) } #catalogLine { margin-bottom: 24px; border-radius: 4px; line-height: 55px; padding: 0 12px; height: 55px; background-color: #caceca } #catalogLine .column { display: inline-block; margin-left: 12px } #catalogLine .column:first-child { margin-left: 0 } #catalogLine .column:last-child { float: right } #catalogLine .label { display: inline-block; margin-right: 12px } #catalogLine select { border-radius: 4px; padding: 0 12px; height: 30px } #catalogLine .viewList { vertical-align: middle; display: inline-block; overflow: hidden } #catalogLine .viewList .element { margin-left: 12px; float: left } #catalogLine .viewList .element:first-child { margin-left: 0 } #catalogLine .viewList .element a { vertical-align: middle; display: inline-block; height: 55px; width: 30px } #catalogLine .viewList .element .squares { background-position: 0 0 } #catalogLine .viewList .element .squares:hover { background-position: -30px 0 } #catalogLine .viewList .element .squares.selected { background-position: -60px 0 } #catalogLine .viewList .element .line { background-position: 0 -55px } #catalogLine .viewList .element .line:hover { background-position: -30px -55px } #catalogLine .viewList .element .line.selected { background-position: -60px -55px } #catalogLine .viewList .element .table { background-position: 0 -110px } #catalogLine .viewList .element .table:hover { background-position: -30px -110px } #catalogLine .viewList .element .table.selected { background-position: -60px -110px } #catalogLine .viewList .element .squares:active, #catalogLine .viewList .element .table:active, #catalogLine .viewList .element .line:active { position: relative; top: 1px } .catalogLineSpecialTime { margin-bottom: 12px; color: #666d83; font-size: 0; line-height: 0 } .catalogLineSpecialTime .specialTimeItem { display: inline-block; box-sizing: border-box; border-radius: 2px; text-align: center; overflow: hidden; margin-left: 2px; padding: 8px 0; line-height: 14px; height: 42px; width: 48px; background: #e0e0e0 } .catalogLineSpecialTime .specialTimeItem:first-child { margin-left: 0 } .catalogLineSpecialTime .specialTimeItemValue { font-size: 14px } .catalogLineSpecialTime .specialTimeItemlabel { font-size: 12px } #rowFooter { display: table; width: 100%; table-layout: fixed } #leftFooter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 0 24px 24px; display: table-cell; vertical-align: top; width: 60% } #leftFooter .footerRow { overflow: hidden; list-style: none } #leftFooter .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 48px; width: 33.33%; float: left } #leftFooter .heading { padding-bottom: 12px; margin-bottom: 6px; font-size: 20px; display: block } #leftFooter ul { list-style: none; padding: 0; margin: 0 } #leftFooter ul li:first-child { border: 0 } #leftFooter a { -webkit-transition: .2s all ease-in-out; -o-transition: .2s all ease-in-out; transition: .2s all ease-in-out; text-decoration: none; font-size: 13px; padding: 6px 0; display: block } #rightFooter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 0 24px 24px; vertical-align: top; display: table-cell; width: 50% } #rightFooter .rightTable { border-collapse: collapse; table-layout: fixed; width: 100% } #rightFooter .rightTable td { vertical-align: top } #rightFooter .rightColumn { text-align: center; padding: 0 24px } #rightFooter .rightColumn .wrap { display: inline-block; text-align: left } #rightFooter .list { list-style: none; padding: 0; margin: 12px 0 } #rightFooter .list li { margin-bottom: 8px; line-height: 21px; list-style: none; font-size: 14px; display: block } #rightFooter .email a { text-decoration: none } #rightFooter p { font-size: 14px; display: block } #rightFooter .hr { padding-top: 12px } #rightFooter .telephone { margin-bottom: 24px; font-size: 20px; display: block } #rightFooter .telephone a { color: #888888; } #rightFooter .email { display: block; font-size: 18px } #footerLine .email { color: #777777; font-size: 15px } #rightFooter .showMap { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: underline; margin-top: 12px; display: block } #rightFooter .showMap:active { position: relative; top: 1px } #rightFooter .logo img { vertical-align: middle; max-height: 100%; max-width: 100% } #rightFooter .logo a:active { position: relative; top: 1px } #footerBottom { line-height: 60px; overflow: hidden; height: 60px; clear: both } #footerBottom .creator { padding-left: 24px; float: left; display: none } #footerBottom .creator a { display: block; line-height: 60px } #footerBottom .creator a:active { position: relative; top: 1px } #footerBottom .creator img { vertical-align: middle } #footerBottom .social { padding-right: 24px; float: left } #footerBottom ul { list-style: none; padding: 0; margin: 0 } #appBasket { -webkit-transition: .1s all ease-in-out; -o-transition: .1s all ease-in-out; transition: .1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; height: 100%; width: 100%; z-index: 1001; left: 0; top: 0; display: none } #appBasketContainer { margin-left: -350px; margin-top: -200px; position: absolute; height: 400px; width: 700px; left: 50%; top: 50% } #appBasket .heading { position: relative; text-align: center; line-height: 60px; font-size: 18px } #appBasket .close { position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px } .thimb-wrap iframe { position: absolute; width: 100%; height: 100%; border-width: 0; outline-width: 0; } .thimb-wrap { position: relative; overflow: hidden; padding-bottom: 33.25%; height: 0; max-width: 800px; margin-left: auto; margin-right: auto; } /*#catalog .products__item-img {*/ /* padding-top: 100%;*/ /*}*/ /*.products__item-img {*/ /* width: 100%;*/ /* padding-top: 80%;*/ /*}*/ /*.products__item-img, .products__item-tile {*/ /* display: block;*/ /* position: relative;*/ /* !*top: 7%;*!*/ /*}*/ .products__item-img img { width: auto; height: auto; max-height: 100%; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .swiper-initialized .products__item-img img { left: 0; top: 0; position: relative; transform: translate(0,0); opacity: 1; } .products__img { opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .product .picture .products__item-img img.products__img_active, #specialProduct .productItem .picture img.products__img_active { opacity: 1; z-index: 1!important; } .p-tile__items { display: -ms-flexbox; display: flex; opacity: 0; transition: opacity 0.2s ease-out; position: absolute; left: 0!important; top: 0!important; right: 0; bottom: -2%!important; z-index: 2; } #specialProductSlider .p-tile__items { bottom: 0!important; } .products__item:hover .p-tile__items { opacity: 1; } .p-tile__items_full { left: -15px; right: -15px } .p-tile__item { -ms-flex: 1; flex: 1; position: relative; } .p-tile__item:after { background-color: #ccc; content: ""; left: 1px; right: 1px; bottom: 5px; position: absolute; transition: background-color 0.3s ease-out; height: 3px; } .p-tile__item_active:after { background-color: #fc0; } .p-tile-img .products__img { opacity: 1; transition: opacity 0.2s ease-out; transition-delay: 0.1s } .p-tile-img .products__img + .products__img,.p-tile-img_active .products__img { opacity: 0 } .p-tile-img_active .products__img + .products__img { opacity: 1 } @media (max-width: 850px) { .thimb-wrap { padding-bottom: 56.25%; } } @media (max-width: 1390px) { .thimb-wrap { padding-bottom: 45.25%; } } #appBasket .container { position: relative; overflow: hidden } #appBasket .markerContainer { position: absolute; top: 8px; left: 8px } .markerContainer a { text-decoration: unset; color: #fff; } .markerContainer a span { border-bottom: #fff 1px dashed; padding-bottom: 0; } #appBasket .rating { position: absolute; right: 12px; top: 12px; z-index: 2; width: 79px } #appBasket .rating i { background: url(/bitrix/templates/dresscode/images/rating.png) repeat 0 0 transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0; top: 0 } #appBasket .rating i.m { background: url(/bitrix/templates/dresscode/images/rating.png) repeat 0 -14px transparent; width: 0; z-index: 10 } #appBasket .markerContainer .marker { font: normal normal 12px arial, sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2 } #appBasket .picture { position: relative; line-height: 280px; text-align: center; height: 280px; width: 300px; float: left } #appBasket .picture:active { position: relative; top: 1px } #appBasket .picture img { vertical-align: middle; max-height: 90%; max-width: 90% } #appBasket .information { line-height: 280px } #appBasket .information .wrapper { vertical-align: middle; display: inline-block; line-height: 21px } #appBasket .name { -webkit-transition: .1s all ease-in-out; -o-transition: .1s all ease-in-out; transition: .1s all ease-in-out; max-width: 300px; margin-bottom: 18px; text-decoration: none; font-size: 14px; display: block } #appBasket .price { margin-bottom: 18px; font-size: 18px; display: block } #appBasket .price .discount { padding-left: 8px; font-size: 14px } #appBasket .qtyBlock { margin-bottom: 18px; overflow: hidden } #appBasket .qtyBlock .label { padding-right: 4px } #appBasket .plus, #appBasket .minus { vertical-align: middle; display: inline-block; height: 19px; width: 19px } #appBasket .qty { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: inline-block; text-align: center; font-size: 12px; margin: 0 2px; height: 19px; width: 40px; padding: 0 2px; border: 0 } #appBasket .qty.error { border: 1px solid red } #appBasket .sum { line-height: 50px; padding: 0 24px; font-size: 18px; height: 50px } #appBasket .sum .discount { padding-left: 8px; font-size: 14px } #appBasket .lower { line-height: 60px; overflow: hidden; height: 60px } #appBasket .lower .tools { border-collapse: collapse; table-layout: fixed; border-spacing: 0; width: 100% } #appBasket .lower tbody { vertical-align: top } #appBasket .lower .tools td { padding: 0 } #appBasket .lower .tools .icon { -webkit-transition: .1s all ease-in-out; -o-transition: .1s all ease-in-out; transition: .1s all ease-in-out; vertical-align: top; text-align: center; line-height: 60px; height: 60px; width: 70px } #appBasket .lower .tools .av:hover { background: unset } #appBasket .lower .tools .icon a { text-decoration: none; color: transparent; display: block } #appBasket .lower .tools .icon .ico { vertical-align: middle; display: inline-block; height: 16px; width: 17px } #appBasket .lower .tools .addCompare .ico { background: url(/bitrix/templates/dresscode/images/compare.png) 0 0 no-repeat transparent } #appBasket .lower .tools .addCompare.added .ico { background: url(/bitrix/templates/dresscode/images/compareActive.png) 0 0 no-repeat transparent } #appBasket .lower .tools .addWishlist .ico { background: url(/bitrix/templates/dresscode/images/wishlist.png) 0 0 no-repeat transparent } #appBasket .lower .tools .addWishlist.added .ico { background: url(/bitrix/templates/dresscode/images/wishlistActive.png) 0 0 no-repeat transparent } #appBasket .lower .tools .inStock .ico { background: url(/bitrix/templates/dresscode/images/inStock.png) 0 0 no-repeat transparent; border-bottom: 0 !important } #appBasket .lower .tools .outOfStock .ico { background: url(/bitrix/templates/dresscode/images/outOfStock.png) 0 0 no-repeat transparent } #appBasket .lower .tools .onOrder .ico { background: url(/bitrix/templates/dresscode/images/onOrder.png) 0 0 no-repeat transparent } #appBasket .lower .tools .delete .ico { background: url(/bitrix/templates/dresscode/images/delete.png) 0 0 no-repeat transparent } #appBasket .lower .tools .continue { text-align: center; width: 50% } #appBasket .lower .tools .continue, #appBasket .lower .tools .goToBasket { -webkit-transition: .1s all ease-in-out; -o-transition: .1s all ease-in-out; transition: .1s all ease-in-out } #appBasket .lower .tools .continue a, #appBasket .lower .tools .goToBasket a { line-height: 60px; text-decoration: none; font-size: 14px; display: block } #appBasket .lower .tools .continue .text, #appBasket .lower .tools .goToBasket .text { margin-top: 2px; display: inline-block } #appBasket .lower .tools .goToBasket img { margin-top: -3px } #appBasket .lower .tools .continue img, #appBasket .lower .tools .goToBasket img { vertical-align: middle; padding-right: 12px } #appBasket .lower .tools .goToBasket { text-align: center; width: 50% } #appFastBuy { -webkit-transition: .1s all ease-in-out; -o-transition: .1s all ease-in-out; transition: .1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; height: 100%; width: 100%; z-index: 1001; left: 0; top: 0; display: none } #appFastBuyContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #fff; transform: translate(-50%, -50%); position: absolute; overflow: hidden; height: auto; width: auto; max-width: 760px; left: 50%; top: 50%; overflow: auto; max-height: 100vh; } #appFastBuyContainer .wrapper { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 30px } #appFastBuyContainer .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; width: 380px; margin-bottom: 15px; } #appFastBuyContainer .column:first-child { text-align: center; width: 320px } #appFastBuyContainer .heading { position: relative; text-align: center; line-height: 60px; font-size: 18px; height: 60px } #appFastBuyContainer .title { margin-bottom: 12px; text-align: center; margin-right: 24px; font-size: 16px; display: block } #appFastBuyContainer .formLine { margin-bottom: 12px } #appFastBuyContainer input { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 12px; width: 100%; height: 50px; border: 0 } #appFastBuyContainer input[type="checkbox"] { vertical-align: middle; display: inline-block; margin-right: 6px; margin-top: 0; height: 14px; width: 14px } #appFastBuyContainer input[type="checkbox"].error + label { border-bottom: 1px solid red !important } #appFastBuyContainer textarea { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 12px; padding-top: 12px; resize: none; width: 100%; height: 60px; border: 0 } #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus { outline: none } #appFastBuyContainer #fastBuyFormSubmit { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; display: block; height: 50px; width: 100% } #appFastBuyContainer #fastBuyFormSubmit:active { position: relative; top: 1px } #appFastBuyContainer #fastBuyFormSubmit.loading { -webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: .9 } #appFastBuyContainer #fastBuyFormSubmit.loading img { display: none } #appFastBuyContainer #fastBuyFormSubmit img { vertical-align: middle; padding-right: 4px; margin-top: -2px } #appFastBuyContainer .markerContainer { position: absolute; top: 0; left: 12px } #appFastBuyContainer #fastBuyResult { /*transform: translateY(50%);*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px } #fastBuyResult #fastBuyResultTitle { text-align: center; margin-top: 24px; font-size: 16px } #fastBuyResult #fastBuyResultMessage { text-align: center; margin-top: 24px } #fastBuyResult #fastBuyResultClose { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; margin: 24px auto; font-size: 14px; display: block; height: 50px; width: 254px } #fastBuyResult #fastBuyResultClose:active { position: relative; top: 1px } #appFastBuyContainer .marker { font: normal normal 12px arial, sans-serif; margin-bottom: 8px; padding: 3px 4px; line-height: 16px; z-index: 2 } #appFastBuyContainer .name { -webkit-transition: .2s all ease-in-out; -o-transition: .2s all ease-in-out; transition: .2s all ease-in-out; font-size: 14px; display: block; text-decoration: none; margin-bottom: 12px; height: 44px; line-height: 44px; overflow: hidden } #appFastBuyContainer .middle { line-height: 21px; vertical-align: middle; display: inline-block } #appFastBuyContainer .price { text-decoration: none; margin-bottom: 12px; font-size: 18px; display: block } #appFastBuyContainer .price .discount { padding-left: 4px; font-size: 14px } #appFastBuyContainer #fastBuyName { padding: 0 24px } #appFastBuyContainer #fastBuyPicture { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; margin-bottom: 12px; position: relative; text-align: center; line-height: 230px; display: block; height: 230px } #appFastBuyContainer #fastBuyPicture .url { text-align: center; line-height: 230px; display: block; height: 230px } #appFastBuyContainer #fastBuyPicture .picture { vertical-align: middle; max-height: 90%; max-width: 90% } #appFastBuy .close { background: url(/bitrix/templates/dresscode/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px } #appFastBuy .close:hover { background-position: 0 -21px } #appFastBuy .close:active { background-position: 0 -42px } #appFastView { -webkit-transition: .1s all ease-in-out; -o-transition: .1s all ease-in-out; transition: .1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; overflow: auto; z-index: 1000; height: 100%; width: 100%; left: 0; top: 0 } #appFastView .appFastViewContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: #fff; margin-left: -500px; margin-top: -275px; position: absolute; height: 580px; width: 1000px; left: 50%; top: 50% } #appFastView .appFastViewColumnContainer { height: 520px } #appFastView .appFastViewPictureColumn { border-right: 1px solid #ddd; position: relative; height: 520px; width: 336px; float: left } #appFastView .appFastViewDescriptionColumn { position: relative; overflow: hidden; height: 100%; width: 395px; float: left } #appFastView .appFastViewDescriptionColumnContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 24px; padding-top: 24px; overflow-x: hidden; position: absolute; overflow-y: scroll; height: 100%; width: 100%; left: 24px } #appFastView .appFastViewDescriptionColumn:after, #appFastView .appFastViewInformationColumn:after { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); pointer-events: none; position: absolute; display: block; height: 50px; content: ''; width: 100%; bottom: 0; left: 0 } #appFastView .appFastViewInformationColumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f3f3f3; position: relative; padding: 6px 24px 0; height: 100%; width: 267px; float: left; overflow: hidden; } #appFastView .appFastViewInformationColumn .appFastViewInformationColumnContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 45px; padding-bottom: 20px; overflow-x: hidden; position: absolute; overflow-y: scroll; height: 100%; width: 100%; left: 24px; } #appFastView .appFastViewInformationColumn .appFastViewInformationColumnContainer p.sanctions { margin-bottom: 0px; margin-top: -10px; color: rgb(113, 113, 113); font-size: 14px; } #appFastView .appFastViewInformationColumn .appFastViewInformationColumnContainer span.priceVal.has-sanctions { background: rgba(113, 113, 113, 0.5); font-weight: bold; padding: 7px 12px; color: #000; margin-right: 5px; } #appFastView .markerContainer { position: absolute; color: #fff; z-index: 88; left: 12px; top: 12px } #appFastView .marker { font: normal normal 12px arial, sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2 } #appFastView .appFastViewPictureSlider, #appFastView .appFastViewPictureCarousel, #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems { -webkit-transition: left .2s ease-in-out; -o-transition: left .2s ease-in-out; transition: left .2s ease-in-out; position: relative; overflow: hidden } #appFastView .appFastViewPictureSliderItems, #appFastView .appFastViewPictureCarouselItems { left: 0 } #appFastView .appFastViewPictureCarouselItems { padding-bottom: 12px } #appFastView .appFastViewPictureCarousel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px 12px; margin: 0 24px } #appFastView .appFastViewPictureSliderItem, #appFastView .appFastViewPictureCarouselItem { text-align: center; float: left } #appFastView .appFastViewPictureSliderItem { line-height: 410px; height: 410px } #appFastView .appFastViewPictureSliderItemLayout { vertical-align: middle; display: inline-block; line-height: 0 } #appFastView .appFastViewPictureCarouselItem { line-height: 60px; height: 60px } #appFastView .appFastViewPictureSliderItemPicture, #appFastView .appFastViewPictureCarouselItemPicture { vertical-align: middle; max-height: 100%; max-width: 100% } #appFastView .appFastViewPictureCarouselLeftButton, #appFastView .appFastViewPictureCarouselRightButton { background: url(/bitrix/templates/dresscode/images/carouselArrowSmall.png) 0 0 no-repeat transparent; position: absolute; margin-top: -14px; height: 16px; opacity: .5; z-index: 99; width: 14px; top: 50% } #appFastView .appFastViewPictureCarouselLeftButton:hover, #appFastView .appFastViewPictureCarouselRightButton:hover { opacity: .8 } #appFastView .appFastViewPictureCarouselLeftButton:active, #appFastView .appFastViewPictureCarouselRightButton:active { opacity: 1 } #appFastView .appFastViewPictureCarouselLeftButton:active { left: 1px } #appFastView .appFastViewPictureCarouselRightButton:active { right: 1px } #appFastView .appFastViewPictureCarouselLeftButton { left: 0 } #appFastView .appFastViewPictureCarouselRightButton { background-position: -14px 0; right: 0 } #appFastView .appFastViewPictureSliderItemLink, #appFastView .appFastViewPictureCarouselItemLink { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } #appFastView .appFastViewPictureSliderItemLink img { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } #appFastView .appFastViewPictureSliderItemLink { display: inline-block; position: relative; line-height: 0; height: auto } #appFastView .appFastViewPictureCarouselItemLink { position: relative; display: block; height: 60px; opacity: .3 } #appFastView .appFastViewPictureSliderItemLink:hover img, #appFastView .appFastViewPictureCarouselItemLink:hover { opacity: .9 } #appFastView .appFastViewPictureCarouselItemLink.active { pointer-events: none; position: relative; opacity: 1 } #appFastView .appFastViewPictureCarouselItemLink.active:hover { opacity: 1 } #appFastView .appFastViewPictureSliderItemLink:active, #appFastView .appFastViewPictureCarouselItemLink:active { position: relative; top: 1px } #appFastView .appFastViewPictureCarouselItemLink.active:after { background: rgba(0, 0, 0, 1); transform: translateX(-50%); position: absolute; display: block; bottom: -4px; content: ''; height: 2px; width: 20%; left: 50% } #appFastView .appFastViewPictureLoupe { background-repeat: no-repeat; border: 1px solid #000; border-radius: 50%; position: absolute; margin-left: -75px; margin-top: -75px; cursor: crosshair; height: 150px; width: 150px; left: -9999px; top: -9999px } #appFastView .appFastViewHeading { background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #fff } #appFastView .appFastViewProductHeading { line-height: 33px; font-size: 21px } #appFastView .appFastViewProductHeading a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; color: #000 } #appFastView .appFastViewProductHeading a:hover { color: #555 } #appFastView .appFastViewProductHeading a:active { position: relative; top: 1px } #appFastView .appFastSkuProductPropertiesHeading, #appFastView .appFastViewProductPropertiesHeading { margin-top: 24px; font-size: 16px } #appFastView .appFastViewProductPropertiesHeading { margin-bottom: 12px } #appFastView .propertyTable { table-layout: fixed; display: table; width: 100%; font-size: 13px } #appFastView .propertyTable .propertyName, #appFastView .propertyTable .propertyValue { background-color: #fff; vertical-align: middle; display: table-cell; position: relative; overflow: hidden; padding: 4px 0 } #appFastView .propertyTable .propertyValue { padding-left: 12px; width: 40% } #appFastView .propertyTable .propertyName:after { border-bottom: 1px dotted #ccc; position: absolute; margin-left: 12px; height: 13px; content: ''; width: 100% } #appFastView .propertyTable .propertyValue a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #555 } #appFastView .propertyTable .propertyValue a:hover { color: #000 } #appFastView .appFastViewDescription { display: none } #appFastView .appFastViewDescription.visible { display: block } #appFastView .appFastViewDescriptionHeading { margin-top: 24px; font-size: 16px } #appFastView .appFastViewDescriptionText { line-height: 21px; margin-top: 12px; font-size: 13px } #appFastView .skuPropertyList { margin: 0 0 0 -6px; overflow: hidden; list-style: none; padding: 0 } #appFastView .skuProperty { overflow: hidden; margin: 12px 0 } #appFastView .skuProperty:last-child { margin-bottom: 0 !important } #appFastView .skuPropertyName { padding-left: 2px; font-size: 13px } #appFastView .skuProperty li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 12px; overflow: hidden; padding: 0 6px; min-width: 18%; float: left } #appFastView .skuProperty .selected .skuPropertyLink { pointer-events: none; position: relative } #appFastView .skuProperty .disabled { display: none } #appFastView .skuPropertyLink { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; text-align: center; line-height: 28px; padding: 4px 6px; min-height: 28px; display: block } #appFastView .skuPropertyLink:hover { opacity: .8 } #appFastView .skuPropertyList img { vertical-align: middle; max-height: 100%; max-width: 100% } #appFastView .skuProperty .selected .skuPropertyLink { border: 1px solid #ff9601 } #appFastView .skuPropertyLink { border: 1px solid #ddd; color: #000 } #appFastView .oSkuDropDownProperty { overflow: visible; margin: 0 } #appFastView .oSkuDropDownProperty .oSkuDropdownListItem { box-sizing: content-box; overflow: visible; min-width: auto; margin-top: 0; padding: 0; float: none } #appFastView .oSkuDropdown { background-color: #fff; 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: 88%; margin-top: 4px } #appFastView .oSkuCheckedItem { background: url(/bitrix/templates/dresscode/images/selectArrow.png) 97% 50% no-repeat transparent; padding: 12px 30px 12px 8px !important; border-radius: 4px; cursor: pointer; display: block; color: #000 } #appFastView .oSkuCheckedItem:hover { opacity: .8 } #appFastView .oSkuCheckedItem:active { position: relative; top: 1px } #appFastView .oSkuDropdown label:before, #appFastView .oSkuCheckboxList label:before { display: none } #appFastView .oSkuDropdownList { background-color: #fff; border: 1px solid #e7e8ea; visibility: hidden; position: absolute; list-style: none; margin: 0 -1px; opacity: 0; padding: 0; z-index: 2; top: 42px; right: 0; left: 0 } #appFastView .oSkuDropdownList.opened { visibility: visible; opacity: 1 } #appFastView .pics .oSkuDropdownList { top: 52px } #appFastView .oSkuDropdownList .skuPropertyValue { border-top: 1px solid #e7e8ea; position: relative; display: block } #appFastView .oSkuDropdownList .skuPropertyValue:first-child { border-top: 0 } #appFastView .oSkuDropdownList .selected { box-shadow: 1px 1px 12px #f1f1f1 inset; } #appFastView .oSkuDropdownList .selected, #appFastView .oSkuDropdownList .skuPropertyValue:hover { background-color: #f9f9f9; cursor: pointer; color: #fff; opacity: .8 } #appFastView .oSkuDropdownList .oSkuPropertyItemLink { padding: 12px 8px !important; text-decoration: none; line-height: 18px; text-align: left; font-size: 13px; min-height: 0; color: #000; display: block; border: 0 } #appFastView .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink { border: 0 } #appFastView .oSkuDropdownList .oSkuDropdownListItem.disabled { display: none } #appFastView .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink, #appFastView .oSkuDropdownList .oSkuPropertyItemLink:active { position: relative; top: 1px } #appFastView .oSkuDropdownList .skuPropertyValue.loading:after { left: 24px } #appFastView .appFastViewExit { position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px } #appFastView .appFastViewMoreLink { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; margin-bottom: 24px; position: relative; margin-top: 24px; color: #000; z-index: 0 } #appFastView .appFastViewMoreLink:hover { color: #555 } #appFastView .appFastViewMoreLink:active { position: relative; top: 1px } #appFastView .addCart { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; margin-bottom: 16px; border-radius: 4px; line-height: 60px; text-align: center; margin-top: 12px; font-size: 16px; display: block; color: #fff; height: 60px } #appFastView .catalogQtyBlock { margin-bottom: 12px } #appFastView .catalogQtyBlock .catalogQty { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: inline-block; text-align: center; font-size: 12px; margin: 0 2px; height: 19px; width: 40px; padding: 0 2px; border: 0; background-color: #e7e8ea; color: #000 } #appFastView .catalogQtyBlock .catalogQty.error { border: 1px solid red } #appFastView .catalogQtyBlock .catalogPlus, #appFastView .catalogQtyBlock .catalogMinus { vertical-align: middle; display: inline-block; height: 19px; width: 19px; background: url(/bitrix/templates/dresscode/images/plusMinusCatalog.png) 0 0 no-repeat #424242 } #appFastView .catalogQtyBlock .catalogPlus { background-position: 0 -19px } #appFastView .catalogQtyBlock .catalogPlus:hover { background-position: -19px -19px } #appFastView .catalogQtyBlock .catalogPlus:active { background-position: -38px -19px } #appFastView .catalogQtyBlock .catalogMinus:hover { background-position: -19px 0 } #appFastView .catalogQtyBlock .catalogMinus:active { background-position: -38px 0 } #elementTools .secondTool .row:last-child, #smallElementTools .secondTool .row:last-child { margin-bottom: 0 } #appFastView .price { text-decoration: none; position: relative; line-height: 28px; margin-top: 12px; font-size: 21px; display: block; color: #000 } #appFastView .getPriceWindow { line-height: 33px } #appFastView .priceValue { border-bottom: 1px dashed #bbb; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; padding-bottom: 8px; color: #000 } #appFastView .priceValue:hover { color: #333 } #appFastView .priceValue:active { position: relative; top: 1px } #appFastView .article { margin-top: 12px; color: #888 } #appFastView .article.hidden { display: none } #appFastView .discount { padding-left: 4px; font-size: 14px; color: #888 } #appFastView .price .oldPriceLabel { text-decoration: none; margin-top: 6px; font-size: 14px; display: block; color: #888 } #appFastView .price .discount, #appFastView .price .discount { padding-left: 4px; font-size: 14px; color: #888 } #appFastView .icon { vertical-align: middle; display: inline-block } #appFastView .addCart .icon { padding-right: 12px; margin-top: -4px } #appFastView .rating { display: inline-block; vertical-align: middle; margin-left: 6px; margin-top: -4px; position: relative; overflow: hidden; height: 17px; width: 130px; z-index: 2 } #appFastView .rating i { background: url(/bitrix/templates/dresscode/images/rating2.png) repeat 0 0 transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0; top: 0 } #appFastView i.m { background: url(/bitrix/templates/dresscode/images/rating2.png) repeat 0 -14px transparent; width: 0; z-index: 10 } #appFastView .icon { vertical-align: middle; display: inline-block } #appFastView .appFastViewInformationColumn .row { margin-bottom: 12px; position: relative } #appFastView .appFastViewInformationColumn .row img { vertical-align: middle; padding-right: 6px; margin-top: -4px } #appFastView .appFastViewInformationColumn .label { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; line-height: 21px; font-size: 15px; color: #717171 } #appFastView .appFastViewInformationColumn a.label:hover { color: #000 } #appFastView .appFastViewInformationColumn a.label:active { position: relative; top: 1px } #appFastView .appFastViewInformationColumn .getStoresWindow.inStock span { padding-bottom: 2px } .fastSpecialTime { margin-top: 12px; color: #fff; font-size: 0; line-height: 0 } .fastSpecialTime .specialTimeItem { display: inline-block; box-sizing: border-box; border-radius: 2px; text-align: center; overflow: hidden; margin-left: 2px; padding: 8px 0; line-height: 14px; height: 42px; width: 48px } .fastSpecialTime .specialTimeItem:first-child { margin-left: 0 } .fastSpecialTime .specialTimeItemValue { font-size: 14px; line-height: 14px } .fastSpecialTime .specialTimeItemlabel { font-size: 12px } .appFastViewInformationColumn.has-sanctions .price { color: #717171 !important; } .appFastViewInformationColumn.has-sanctions a.sanctions { margin: 20px auto; line-height: 1; padding: 20px 20px; background: #ffcc00; border-radius: 4px; border: 1px dashed #000; color: #000; text-decoration: unset; font-size: 18px; display: block; text-align: center; } #personalCart input[name="BuyButton"] { margin-bottom: 24px; margin-top: 24px; display: block } #footerTabsCaption { line-height: 85px; margin-top: 24px; height: 85px } #footerTabsCaption .items { text-align: center; overflow: hidden } #footerTabsCaption .item:last-child { margin-right: 0 } #footerTabsCaption .item { vertical-align: middle; display: inline-block; margin-right: 24px } #footerTabsCaption .item a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-transform: uppercase; text-decoration: none; padding-bottom: 8px; font-size: 16px } #footerTabs { overflow: hidden } #footerTabs .tab { display: none } #footerTabs .tab.selected { display: block } #footerTabs .product:hover .wrap, #footerTabs .product:hover .tabloid, #personalCart .product:hover .wrap, #personalCart .product:hover .tabloid { box-shadow: none } #footerTabs .product:hover .tabloid { border-color: transparent } #personalCart .product:hover .tabloid { border-bottom-color: #e7e8ea } #footerLine { line-height: 55px; position: fixed; z-index: 999; height: 55px; bottom: 0; left: 0; right: 0 } #footerLine.color_white { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25); background-color: #fff; border-color: #f3f3f3 } #footerLine.color_theme { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.35); border-color: transparent } #footerLine.color_white .item a { color: #000 } #footerLine.color_theme .item a { color: #fff; opacity: .7 } #footerLine.color_theme .col:first-child .item a { opacity: 1 } #footerLine.color_theme .item .active { color: #fff; opacity: 1 } #footerLine.color_theme .item .active:hover { color: #fff; opacity: .85 } #footerLine.color_white .item a:hover, #footerLine.color_theme .col:first-child .item a:hover { opacity: .8 } #footerLine.color_white .item a:active { position: relative; top: 1px } #footerLine.color_theme .col:first-child .item .callback:hover { color: #fff; opacity: .8 } #footerLine.color_white .item .compare .mark, #footerLine.color_white .item .wishlist .mark, #footerLine.color_white .item .cart .mark { background-color: #f6f6f6; color: #666 } #footerLine.color_theme .item .compare .mark, #footerLine.color_theme .item .wishlist .mark, #footerLine.color_theme .item .cart .mark { background-color: #fcfcfc; color: #222 } #footerLine.color_white .item .compare .icon, #footerLine.color_white .item .wishlist .icon, #footerLine.color_white .item .cart .icon { opacity: .8 } #footerLine.color_theme .item .compare .icon { background-image: url(/bitrix/templates/dresscode/images/compareFooterMinC.png) } #footerLine.color_theme .item .wishlist .icon { background-image: url(/bitrix/templates/dresscode/images/wishlistFooterMinC.png) } #footerLine.color_theme .item .cart .icon { background-image: url(/bitrix/templates/dresscode/images/cartFooterMinC.png) } #footerLine.color_theme .item .callback .icon { background-image: url(/bitrix/templates/dresscode/images/callbackFooterMinC.png) } #footerLine.color_white .item .compare:hover, #footerLine.color_white .item .wishlist:hover, #footerLine.color_white .item .cart:hover, #footerLine.color_white .item .compare:hover .mark, #footerLine.color_white .item .wishlist:hover .mark, #footerLine.color_white .item .cart:hover .mark { color: #000; opacity: 1 } #footerLine.color_theme .item .compare:hover, #footerLine.color_theme .item .wishlist:hover, #footerLine.color_theme .item .cart:hover { color: #fff; opacity: .7 } #footerLine.color_white .item .compare.active:hover, #footerLine.color_white .item .wishlist.active:hover, #footerLine.color_white .item .cart.active:hover, #footerLine.color_white .item .compare.active:hover .mark, #footerLine.color_white .item .wishlist.active:hover .mark, #footerLine.color_white .item .cart.active:hover .mark { opacity: .8 } #footerLine .wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px } #footerLine .col { float: left; width: 50% } #footerLine .col:last-child { text-align: right } #footerLine .item .callback { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-transform: uppercase; text-decoration: none; font-size: 14px } #footerLine .item .callback .icon { vertical-align: middle; display: inline-block; margin-right: 4px; margin-top: -2px; height: 24px; width: 21px } #footerLine .item .compare, #footerLine .item .wishlist, #footerLine .item .cart { text-transform: uppercase } #footerLine .item .compare .mark, #footerLine .item .wishlist .mark, #footerLine .item .cart .mark { border-radius: 4px; margin-left: 12px; line-height: 20px; overflow: hidden; padding: 2px 12px; height: 20px } #footerLine .item .compare .icon, #footerLine .item .wishlist .icon, #footerLine .item .cart .icon { vertical-align: middle; display: inline-block; margin-right: 12px; margin-top: -2px; height: 24px; width: 21px } #footerLine .item .cart .icon { width: 26px } #footerLine .item a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; font-size: 14px } #footerLine .item { display: inline-block; vertical-align: middle; margin-right: 24px } #footerLine .item a:active { position: relative; top: 1px } #footerLine .item:last-child { margin-right: 0 } #authMenu { margin-bottom: 24px; overflow: hidden; list-style: none; padding: 0 } #authMenu li { margin-bottom: 24px; margin-right: 24px; float: left } #authMenu li:last-child { margin-right: 0 } #authMenu li a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-transform: uppercase; text-decoration: none; font-size: 16px } #authMenu li a:active { position: relative; top: 1px } #authMenu li .selected { padding-bottom: 4px } #empty { overflow: hidden } #empty .emptyWrapper { padding-bottom: 24px; overflow: hidden } #empty .pictureContainer { margin-right: 24px; float: left } #empty h3 { text-transform: uppercase; font-weight: 400; font-size: 16px; padding: 0; margin: 0 } #empty p { font-size: 14px } #empty a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; font-size: 14px } #empty a:active { position: relative } #empty a img { vertical-align: middle; padding-right: 12px } #empty .emptyTitle { text-transform: uppercase; margin-top: 24px; font-size: 14px } #empty .emptyMenu { margin: 24px 0 0; list-style: none; overflow: hidden; padding: 0 } #empty .emptyMenu li { margin-bottom: 12px; width: 33.333333%; float: left } #empty .back { padding-bottom: 2px } #empty .back:active { position: relative; top: 1px } #overlap { background-color: #000; position: fixed; display: none; opacity: .8; height: 100%; width: 100%; z-index: 33; left: 0; top: 0 } #searchOverlap { background-color: #000; position: fixed; display: none; opacity: .8; height: 100%; width: 100%; z-index: 34; left: 0; top: 0 } .ajaxContainer { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .ajaxContainer.loading { opacity: .5 } .personal-order-info { margin-bottom: 12px } .personalInfoLabel { margin-top: 24px; font-size: 14px } .productList { list-style: none; padding: 0; margin: 0; } #homeCatalog .productList { border-top: 1px solid #e7e8ea } .product { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 20%; height: 398px; border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea } #leftMenu .product:before { display: none } .product:before { content: ""; position: absolute; left: 0; width: 100%; top: -1px; height: 1px; background: #e7e8ea } .product .btn-simple { display: none } .product.last { line-height: 346px } .product .tabloid { -webkit-transition: box-shadow .3s ease-in-out, border .3s ease-in-out; -moz-transition: box-shadow .3s ease-in-out, border .3s ease-in-out; -o-transition: box-shadow .3s ease-in-out, border .3s ease-in-out; transition: box-shadow .3s ease-in-out, border .3s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; position: relative; overflow: hidden; padding: 15px 8px 8px; height: 397px; z-index: 1; } .product .markerContainer { position: absolute; z-index: 88; left: 8px; top: 6px } .product .marker { font: normal normal 12px arial, sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 4px; z-index: 2; text-align: center; } .product .rating { position: absolute; width: 130px; z-index: 2; right: 8px; top: 5px; display: flex; align-items: center; line-height: 22px; justify-content: flex-end; } .secondTool .rating span { position: relative; top: -1px; } .secondTool .rating .reviews-count { color: #555; font-size: 90%; } #elementContainer .mainContainer .rating { margin-top: -8px; } #elementContainer .mainContainer .rating span { position: relative; top: -1px; } .product .rating span { margin-left: 3px; color: #000; font-size: 13px; } .product .rating .reviews-count { color: #888; margin-left: 1px; } @media (max-width: 980px) { .product .rating { top: 4px; left: 35%; right: unset; justify-content: flex-start; background-color: rgb(255 255 255 / 70%); padding: 0 3px; width: auto; z-index: 99 } .product .rating span { top: 1px; position: relative; font-size: 12px } } .product .rating i { background: url(/bitrix/templates/dresscode/images/rating.png) repeat 0 0 transparent; position: absolute; display: block; height: 15px; width: 79px; left: 0; top: 0 } .product .rating i.m { background: url(/bitrix/templates/dresscode/images/rating.png) repeat 0 -14px transparent; z-index: 10; width: 0 } .productSpecialTime { position: absolute; z-index: 2; top: 33px; left: 8px; width: 48px; color: #ffffff; font-size: 0; line-height: 0 } .productSpecialTime .specialTimeItem { display: inline-block; box-sizing: border-box; border-radius: 2px; text-align: center; overflow: hidden; margin-top: 4px; padding: 6px 0; line-height: 14px; height: 35px; width: 45px; background: #27c149 } .productSpecialTime .specialTimeItem:first-child { margin-top: 0 } .productSpecialTime .specialTimeItemValue { font-size: 12px; line-height: 14px } .productSpecialTime .specialTimeItemlabel { font-size: 11px } .product .name { -webkit-transition: .2s all ease-in-out; -o-transition: .2s all ease-in-out; transition: .2s all ease-in-out; font-size: 14px; display: block; text-decoration: none; margin-bottom: 1px; height: 55px; line-height: 40px; overflow: hidden } .product .middle { line-height: 18px; vertical-align: middle; display: inline-block } .product .price { font-size: 18px; font-weight: bold; display: block; text-decoration: none; margin-top: 3px; } .product .price .measure { font-size: 13px } .product .price .discount { display: inline-block; padding-left: 4px; font-size: 14px } .product .picture { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; position: relative; display: block; text-align: center; height: 200px; width: 200px; line-height: 200px } /* Karatt comment */ /*.product .picture .swiper-wrapper {*/ /*-webkit-transition: opacity .4s cubic-bezier(0.4, 0, 1, 1);*/ /*-moz-transition: opacity .4s cubic-bezier(0.4, 0, 1, 1);*/ /*-ms-transition: opacity .4s cubic-bezier(0.4, 0, 1, 1);*/ /*-o-transition: opacity .4s cubic-bezier(0.4, 0, 1, 1);*/ /*transition: opacity .4s cubic-bezier(0.4, 0, 1, 1);*/ /*vertical-align: middle;*/ /*padding: 10%;*/ /*max-height: 90%;*/ /*max-width: 90%;*/ /*margin: auto;*/ /*}*/ /*.product .picture:hover img {*/ /* opacity: .85*/ /*}*/ /*.product .picture:active img {*/ /* position: relative;*/ /* top: 1px*/ /*}*/ /* Karatt comment */ .loading .product .getFastView { pointer-events: none } .more-info-wrap { display: flex; flex-wrap: wrap; flex-direction: row; align-content: space-between; } .more-info-wrap > div { display: flex; width: 100%; } .product .getFastView, #catalogLineList .picture .getFastView, .productListTable .itemRow .getFastView { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background-color: #2b2b2b; text-decoration: none; border-radius: 2px; visibility: hidden; position: relative; text-align: center; transform: translateX(-50%); margin-top: 10px; line-height: 40px; cursor: pointer; color: #fff; height: 40px; width: 100%; opacity: 0; z-index: 2; left: 50%; top: 50%; } #specialProduct .productItem .getFastView { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background-color: #2b2b2b; text-decoration: none; border-radius: 2px; visibility: hidden; position: absolute; text-align: center; margin-left: -75px; margin-top: -20px; line-height: 40px; cursor: pointer; color: #fff; height: 40px; width: 165px; opacity: 0; z-index: 2; left: 50%; top: 50% } .product:hover .getFastView, #catalogLineList .picture:hover .getFastView, #specialProduct .productItem .picture:hover .getFastView, .productListTable .itemRow .picture:hover .getFastView { visibility: visible; opacity: .9 } .product .getFastView:hover, #catalogLineList .picture .getFastView:hover, #specialProduct .productItem .getFastView:hover, .productListTable .itemRow .getFastView:hover { opacity: 1 } .productListTable .itemRow .picture { position: relative; } .product .addCart { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; line-height: 30px; height: 30px; font-size: 13px; text-align: center; display: block; text-decoration: none; border-radius: 4px } .product .icon { vertical-align: middle; display: inline-block } .product .addCart .icon { padding-right: 12px; margin-top: -4px } .product .row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; overflow: hidden } .product .label { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; line-height: 21px; font-size: 14px; display: block; float: left; width: 55% } .product .row .label:last-child { width: 45% } .product .label .icon { padding-right: 6px; margin-top: -4px } .inStock { color: #73b24e !important; text-decoration: none } .inStock:hover { color: #73b24e !important } .getStoresWindow.inStock span { border-bottom: 1px dashed #73b24e !important; cursor: pointer } .getStoresWindow.inStock:hover span { opacity: .8 } .outOfStock { color: red } .outOfStock:hover { color: red } .product .skuPropertyList { overflow: hidden; list-style: none; padding: 0; margin: 0 } .product .skuProperty { overflow: hidden; margin: 5px 0 } .product .skuPropertyName { padding-bottom: 2px; padding-left: 2px; font-size: 13px } .product .skuProperty li { box-sizing: border-box; overflow: hidden; padding: 4px; float: left; } .product .skuProperty .selected .skuPropertyLink { pointer-events: none; position: relative; border: 2px solid #ffcc00; } .product .skuProperty .disabled { display: none } .product .skuPropertyLink { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; text-align: center; line-height: 30px; padding: 6px 4px; font-size: 12px; } .product .skuPropertyLink:hover { opacity: .8 } .product .skuPropertyList img { vertical-align: middle; max-height: 100%; max-width: 100% } .product:hover { position: relative } .product:hover .tabloid { position: relative; height: auto; width: 100%; z-index: 3 } .product:hover .nowp { overflow: visible } .product:hover .morePhoto { display: block } .product.last .wp { vertical-align: middle; display: inline-block; text-align: center; line-height: 21px; width: 100% } .product.last .showMore { -webkit-transition: .2s all ease-in-out; -o-transition: .2s all ease-in-out; transition: .2s all ease-in-out; vertical-align: middle; display: inline-block; text-align: center; width: 100% } .product.last .showMore:hover { opacity: .7 } .product.last .icon { display: inline-block; margin-bottom: 12px; text-align: center; line-height: 21px; height: 54px; width: 100% } .product.last .icon .iconSmall { display: none } .product.last .ps { font-size: 18px } .product.last .value { padding-left: 6px; font-size: 18px } .product.last .small { display: inline-block; width: 100% } .item .oSkuDropDownProperty { overflow: visible; margin: 0 } .item .oSkuDropDownProperty .oSkuDropdownListItem { box-sizing: content-box; overflow: visible; min-width: auto; padding: 0; float: none } .item .oSkuDropdown { background-color: #fff; 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: 98%; margin-top: 4px } .item .oSkuCheckedItem { background: url(/bitrix/templates/dresscode/images/selectArrow.png) 97% 50% no-repeat transparent; padding: 12px 30px 12px 8px !important; border-radius: 4px; cursor: pointer; display: block; color: #000 } .item .oSkuCheckedItem:hover { opacity: .8 } .item .oSkuCheckedItem:active { position: relative; top: 1px } .item .oSkuDropdown label:before, .item .oSkuCheckboxList label:before { display: none } .item .oSkuDropdownList { background-color: #fff; border: 1px solid #e7e8ea; visibility: hidden; position: absolute; list-style: none; margin: 0 -1px; opacity: 0; padding: 0; z-index: 2; top: 42px; right: 0; left: 0 } .item .oSkuDropdownList.opened { visibility: visible; opacity: 1 } .item .pics .oSkuDropdownList { top: 52px } .item .oSkuDropdownList .skuPropertyValue { border-top: 1px solid #e7e8ea; position: relative; display: block } .item .oSkuDropdownList .skuPropertyValue:first-child { border-top: 0 } .item .oSkuDropdownList .selected { box-shadow: 1px 1px 12px #f1f1f1 inset; background-color: #f9f9f9; cursor: pointer; color: #fff; opacity: .8 } .item .oSkuDropdownList .skuPropertyValue:hover { background-color: #f9f9f9; cursor: pointer; color: #fff; opacity: .8 } .item .oSkuDropdownList .oSkuPropertyItemLink { padding: 12px 8px !important; text-decoration: none; line-height: 18px; text-align: left; font-size: 13px; color: #000; display: block; border: 0 } .item .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink { border: 0 } .item .oSkuDropdownList .oSkuDropdownListItem.disabled { display: none } .item .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink, .item .oSkuDropdownList .oSkuPropertyItemLink:active { position: relative; top: 1px } .item .oSkuDropdownList .skuPropertyValue.loading:after { left: 18px } .sideBlock .heading { padding-left: 18px } .heading.collapsed { text-decoration: none; overflow: hidden; margin-right: 24px; float: left; width: 355px; line-height: 50px; height: 50px; display: block; color: #fff; font-size: 16px } .heading.collapsed ins { vertical-align: middle; display: inline-block; margin: 0 18px 0 0; line-height: 50px; padding: 0 12px; height: 50px; width: 24px } .mfeedback .errortext, .mfeedback .mf-ok-text { font-weight: 400; font-size: 16px } .mfeedback .mf-ok-text + form { display: none } .mfeedback .mf-text { font-size: 14px; margin-top: 8px } .mfeedback input, .mfeedback textarea { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: arial, sans-serif; margin-top: 8px; padding: 0 12px; height: 48px; border: 0 } .mfeedback textarea { padding-top: 12px; height: 150px; outline: none; resize: none } .mfeedback input[type="submit"] { cursor: pointer; padding: 0 48px } #userPersonalInfoReg + label:before { margin-top: -2px } #userPersonalInfoReg.error + label:before { border: 1px solid red !important } .bx-auth { overflow: hidden } .bx-auth .alert { text-transform: uppercase; display: inline-block; margin-bottom: 24px; padding: 12px 48px; font-weight: 400; font-size: 12px } .bx-auth .alert.small { line-height: 28px; max-width: 600px; font-size: 14px } .bx-authform-label-container { margin-bottom: 8px } .bx-auth .bx-authform-description-container { margin-bottom: 12px } .bx-auth .bx-captcha { margin-top: 28px } .bx-auth .bx-authform-formgroup-container { float: left; width: 450px } .bx-auth .bx-authform-formgroup-container-line { overflow: hidden } .bx-auth .registerText { padding-bottom: 24px; max-width: 800px; margin-top: 0; display: block } .bx-auth input { font-family: arial, sans-serif; font-size: 14px } .bx-auth .leftContainer { margin-right: 48px; float: left } .bx-auth .rightContainer { float: left } .bx-auth .rightContainer p { max-width: 450px; display: block } .bx-auth input[type="checkbox"] + label, .bx-auth input[type="radio"] + label { cursor: pointer } .bx-auth input[type="checkbox"]:not(checked), .bx-auth input[type="radio"]:not(checked) { position: absolute; opacity: 0 } .bx-auth input[type="checkbox"]:not(checked) + label, .bx-auth input[type="radio"]:not(checked) + label { position: relative; padding-left: 24px } .bx-auth input[type="checkbox"] + label:before { background: url(/bitrix/templates/dresscode/images/checkBox.png) 0 0 no-repeat transparent } .bx-auth input[type="radio"] + label:before { background: url(/bitrix/templates/dresscode/images/radio.png) 0 0 no-repeat transparent } .bx-auth input[type="checkbox"]:not(checked) + label:before, .bx-auth input[type="radio"]:not(checked) + label:before { position: absolute; content: " "; height: 17px; width: 17px; left: 0; top: 0 } .bx-auth input[type="checkbox"]:not(checked) + label:hover:before, .bx-auth input[type="radio"]:not(checked) + label:hover:before { background-position: 0 -17px } .bx-auth input[type="checkbox"]:checked + label:before, .bx-auth input[type="radio"]:checked + label:before { background-position: 0 -34px } .bx-auth input[type="checkbox"]:checked + label:hover:before, .bx-auth input[type="radio"]:checked + label:hover:before { background-position: 0 -51px } .bx-auth input[type="checkbox"]:disabled + label, .bx-auth input[type="radio"]:disabled + label { cursor: default } .bx-auth input[type="checkbox"]:disabled + label:before, .bx-auth input[type="radio"]:disabled + label:before { background-position: 0 -68px !important } .bx-auth input[type="text"], .bx-auth input[type="password"] { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; margin-top: 12px; padding: 0 12px; width: 420px; height: 48px; border: 0 } .bx-auth .submit, .popup-window .btn { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; text-decoration: none; text-align: center; line-height: 48px; margin-top: 24px; cursor: pointer; font-size: 14px; height: 48px; width: 224px; border: 0 } .bx-auth .send .submit { margin-top: 12px } .popup-window .btn { margin-left: 12px; line-height: 30px; margin-top: 0; height: 30px } .bx-auth .submit:active, .popup-window .btn:active { position: relative; top: 1px } .bx-auth .clear { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background: transparent; display: inline-block; text-decoration: none; text-align: center; margin-left: 12px; line-height: 48px; margin-top: 24px; font-size: 14px; cursor: pointer; height: 48px; width: 160px } .bx-auth .submit:active { position: relative; top: 1px } .bx-auth .forgot, .bx-auth .registerLink { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; margin-left: 12px } .bx-auth .registerLink { margin-left: 0 } .blackLink, .backToIndexPage { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .catalog-item-links { margin-bottom: 12px } .catalog-detail { margin-bottom: 12px } .contactList { margin-bottom: 24px; margin-top: 24px; overflow: hidden; list-style: none; padding: 0 } .contactList li { float: left; width: 25% } .contactList li table { table-layout: fixed; width: 100% } .contactList li table td { vertical-align: middle; text-align: left } .contactList li table td:first-child { padding-right: 12px; text-align: center; width: 42px } .contactList li table td img { vertical-align: middle } .contactList a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none } .contactLabel { font-size: 16px; margin-top: 0 } .blurred { -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: blur(2px); background: #fff } .copyright img { vertical-align: middle } .sn { overflow: hidden; float: right } .sn li { line-height: 60px; float: left } .sn a { display: block; height: 60px; width: 60px } .sn .vk { background: url(/bitrix/templates/dresscode/images/sn.png) 0 0 no-repeat transparent } .sn .fb { background: url(/bitrix/templates/dresscode/images/sn.png) -60px 0 no-repeat transparent } .sn .od { background: url(/bitrix/templates/dresscode/images/sn.png) -120px 0 no-repeat transparent } .sn .tw { background: url(/bitrix/templates/dresscode/images/sn.png) -180px 0 no-repeat transparent } .sn .go { background: url(/bitrix/templates/dresscode/images/sn.png) -240px 0 no-repeat transparent } .sn .yo { background: url(/bitrix/templates/dresscode/images/sn.png) -300px 0 no-repeat transparent } .sn .vk:hover { background-position: 0 -60px } .sn .fb:hover { background-position: -60px -60px } .sn .od:hover { background-position: -120px -60px } .sn .tw:hover { background-position: -180px -60px } .sn .go:hover { background-position: -240px -60px } .sn .yo:hover { background-position: -300px -60px } #upButton { background: url(/bitrix/templates/dresscode/images/up.png) 0 0 no-repeat transparent; position: fixed; cursor: pointer; display: none; bottom: 132px; height: 73px; width: 73px; right: 24px; z-index: 99 } #upButton:hover { background-position: -73px 0 } #upButton:active { background-position: -146px 0 } #upButton.enb { display: block } #upButton a { display: block } #requestPrice { -webkit-transition: .1s all ease-in-out; -o-transition: .1s all ease-in-out; transition: .1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; display: none; z-index: 1001; height: 100%; width: 100%; left: 0; top: 0 } #requestPrice #requestPriceResult { transform: translateY(50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px } #requestPrice #requestPriceResultTitle { text-align: center; margin-top: 24px; font-size: 16px } #requestPrice #requestPriceResultMessage { text-align: center; margin-top: 24px } #requestPrice #requestPriceResultClose { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; margin: 24px auto; font-size: 14px; color: #fff; display: block; height: 50px; width: 254px } #requestPrice #requestPriceResultClose:active { position: relative; top: 1px } #requestPrice #requestPriceContainer { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #fff; margin-left: -350px; margin-top: -215px; position: absolute; overflow: hidden; height: 430px; width: 700px; left: 50%; top: 50% } #requestPrice .requestPriceHeading { background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #fff; height: 60px } #requestPrice .requestPriceHeading .close { background: url(/bitrix/templates/dresscode/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px } #requestPrice .requestPriceHeading .close:hover { background-position: 0 -21px } #requestPrice .requestPriceHeading .close:active { background-position: 0 -42px } #requestPrice .requstProductContainer { border-collapse: collapse; table-layout: fixed; display: table; width: 100% } #requestPrice .productColumn { vertical-align: middle; display: table-cell; text-align: center; width: 320px } #requestPrice .productNameBlock { padding: 0 24px } #requestPrice .productNameBlock .productUrl { -webkit-transition: .2s all ease-in-out; -o-transition: .2s all ease-in-out; transition: .2s all ease-in-out; text-decoration: none; margin-bottom: 12px; line-height: 44px; overflow: hidden; font-size: 14px; display: block; color: #000; height: 44px } #requestPrice .productNameBlock .productUrl:active { position: relative; top: 1px } #requestPrice .productImageBlock { text-align: center; line-height: 270px; display: block; height: 270px } #requestPrice .productImageBlock a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; line-height: 270px; display: block; height: 270px } #requestPrice .productImageBlock a:hover { opacity: .8 } #requestPrice .productImageBlock a:active { position: relative; top: 1px } #requestPrice .productImageBlock img { vertical-align: middle; max-height: 100%; max-width: 100% } #requestPrice .productNameBlock .middle { line-height: 21px; vertical-align: middle; display: inline-block } #requestPrice .formColumn { vertical-align: middle; display: table-cell; width: 380px } #requestPrice .requestPriceFormHeading { margin-bottom: 12px; text-align: center; margin-right: 24px; margin-top: 24px; font-size: 16px; display: block } #requestPrice input { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; padding-left: 12px; width: 354px; height: 50px; border: 0; background-color: #f3f3f3; color: #000 } #requestPrice .personalInfoRequest { margin-bottom: 12px } #requestPrice input[type="checkbox"] { vertical-align: middle; display: inline-block; margin-bottom: 0; margin-right: 6px; margin-top: -2px; height: 14px; width: 14px } #requestPrice input[type="checkbox"].error + label { border-bottom: 1px solid red !important } #requestPrice textarea { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; padding-left: 12px; padding-top: 12px; resize: none; width: 354px; height: 60px; border: 0; background-color: #f3f3f3 } #requestPrice input:focus, #requestPrice textarea:focus { background-color: #e9e9e9; outline: none } #requestPrice #requestPriceSubmit { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; text-align: center; line-height: 50px; font-size: 14px; cursor: pointer; display: block; color: #fff; height: 50px; width: 354px } #requestPrice #requestPriceSubmit:active { position: relative; top: 1px } #requestPrice #requestPriceSubmit.loading { -webkit-transition: background 0s !important; -o-transition: background 0s !important; transition: background 0s !important; text-indent: 12px; opacity: .9 } #requestPrice #requestPriceSubmit.loading img { display: none } #requestPrice #requestPriceSubmit img { vertical-align: middle; padding-right: 4px; margin-top: -2px } #requestPrice .markerContainer { position: absolute; top: 0; left: 12px } #requestPrice .error { border: 1px solid red } #searchSection a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #000 } #searchSection a:hover { opacity: .7 } #stores { margin-top: 24px; font-size: 13px } #stores .wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; overflow: auto } #stores .heading { border-top: 1px solid #efefef; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block } #stores .storeTable { width: 100%; table-layout: fixed; border-collapse: collapse } #stores .storeTable tr:nth-child(odd) td { background-color: #f9f9f9 } #stores .storeTable th { background-color: #f3f3f3; padding: 12px 24px; font-weight: 400; text-align: center } #stores .storeTable td { text-align: center; padding: 12px 24px } #stores .storeTable .name { text-align: left; width: 35% } #stores .storeTable td.name { text-align: left } #stores .storeTable .lb { display: inline-block; text-align: left } #stores .storeTable .icon { vertical-align: middle; padding-right: 6px; margin-top: -4px } #stores .storeTable .green { color: #73b24e } #stores .storeTable .red { color: red } #stores .storeTable .picture { vertical-align: middle; padding-right: 12px } #stores .storeTable a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: underline; color: #000 } #stores .storeTable a:hover { color: #888 } #stores #storeMap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; padding: 0 24px } #error404 { margin-bottom: 24px; text-align: center } #error404 h1 { margin-bottom: 24px; text-align: center; line-height: 48px; font-size: 48px } #error404 .errorPic { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-bottom: 48px; text-align: center; margin-top: 48px; display: block } #error404 .errorPic img { max-height: 90%; max-width: 90% } #error404 .errorPic:hover { opacity: .8 } #error404 .errorText { text-transform: uppercase; line-height: 28px } #error404 .errorText a { color: #ff9601 } #error404 #empty { border-top: 1px solid #e5e5e5; margin-top: 48px } #error404 #empty .emptyTitle { text-align: center; margin-top: 48px } #error404 #empty .emptyMenu a { display: inline-block; width: 250px; text-align: left } #middleSlider img { width: 100% } #modef { left: 371px } #sum a#orderMake.order-ready { background: #009a46; border: 1px solid #ffffff; } body.panels_white #homeCatalog .captionList { border-right: 1px solid #e7e8ea; border-left: 1px solid #e7e8ea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff } body.panels_white #homeCatalog .caption { border-left: 1px solid #e7e8ea } body.panels_white #homeCatalog .caption:not(.selected):hover { background-color: #fbfbfb } body.panels_white #homeCatalog .caption.selected a { color: #fff } body.panels_white #homeCatalog .caption a { -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; color: #000 } body.panels_white #homeCatalog .captionList .cItem:first-child { margin-left: -1px } body.panels_white #homeCatalog #captionCarousel { margin-left: -1px } body.panels_white #left .sideBlock .heading { border: 1px solid #e7e8ea; background-color: #fff; color: #000 } body.panels_white #homeCatalog .captionList { border: unset; } #captionCarousel { background-color: #f3f3f3; } body.panels_white #homeCatalog .caption { border: unset; } body.panels_white #homeCatalog .caption a { background-color: #fff; border: 1px solid #e7e8ea; } .ajaxContainer { margin-top: 20px; } body.panels_white #homeCatalog .caption.selected a { background-color: #27c148; } body.panels_white #homeCatalog .caption { border: unset; } #homeCatalog .caption.selected { background-color: unset; } body.panels_white #homeCatalog .caption:not(.selected):hover { background-color: unset; } body.panels_white #homeCatalog .caption:not(.selected):hover a { background-color: #fbfbfb; } #homeCatalog .cItem:first-child .caption { padding-left: 0; } body.panels_white #homeCatalog .captionList .cItem:last-child .caption { padding-right: 0; } @keyframes animate-arrow-1 { 0%{transform:translateX(-40px);opacity: 0;} 70%,100%{transform:translateX(0px);opacity: 1;} } @keyframes animate-arrow-2 { 0%{transform:translateX(-20px);opacity: 0;} /*70%,100%{transform:translateX(0px);opacity: 0.5;}*/ 70%,100%{transform:translateX(0px);opacity: 1;} } @keyframes animate-arrow-3 { 0%{transform:translateX(-10px);opacity: 0;} 70%,100%{transform:translateX(0px);opacity: 0.3;} } body.panels_white #serviceBlock .sideBlockContent, body.panels_white #collectionBlock .sideBlockContent, body.panels_white #left #subscribe .sideBlockContent { border-top: 0 } body.panels_white #left #subscribe .heading { border-left: 0; border-right: 0 } body.panels_white #right #popSection .heading, body.panels_white #right #brandList .heading { border: 1px solid #e7e8ea; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000 } body.panels_white #left #specialProduct .specialProductHeading { border-bottom: 1px solid #e7e8ea; background-color: #fff; color: #000 } body.panels_white #homeCatalog #captionCarousel:before { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) } #catalogLine .oFilter { display: none; margin-right: 48px } #catalogLine .oSmartFilter .ico { background: url(/bitrix/templates/dresscodeV2/images/filterIco.png) 0 0 no-repeat transparent; vertical-align: middle; display: inline-block; padding-right: 12px; margin-top: -2px; height: 11px; width: 15px } .top-order { background: #f9f9f9; padding: 20px 40px } .top-order-title { font-size: 16px; color: #000; text-transform: uppercase; display: flex; align-items: center; justify-content: center } .top-order-title span { margin-left: 10px } .top-order-title .change-color { color: #009b45 } .top-order-title .fastBayImg { max-width: 25px; margin-bottom: 0 } .top-order p { font-size: 12px; color: #211e1e; line-height: 13px } .personSelect td:first-child span { text-transform: inherit !important; margin-top: 0 !important; color: #9e9e9e !important; font-size: 15px !important } .personSelect td:last-child span { font-size: 12px; color: #aaa; line-height: 13px } .personSelect td:nth-child(2) { width: 300px } .personSelect select { height: 40px !important } .personSelect { border: none !important } .item-step { display: flex; align-items: center; padding: 20px 40px; border: 1px solid #ffcc00; margin-bottom: 20px } .wrapper-steps { max-width: 70% } .step-number { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border: 3px solid #ebedec; border-radius: 50%; color: #009a46; font-size: 30px } .item-step span { margin: 0 25px; color: #000000 !important; font-size: 15px } .cont { cursor: pointer; margin-right: 10px; } .cont .checkmark { margin: 0; font-size: 18px; font-weight: 100; font-family: inherit; background: #ffcc00; border: 1px solid #ebedec; padding: 8px 20px } .button_days .checkmark { text-align: center; margin: 0; font-size: 12px; font-weight: 100; font-family: inherit; background: #f9f9f9; border: 1px solid #cccbc8; padding: 8px 10px; color: #211f1f; width: 12% } .button_days .checkmark span { font-size: 14px; color: black; } .cont.days .checkmark { text-align: center; margin: 0; font-size: 16px; font-weight: 100; font-family: inherit; background: #f9f9f9; border: 1px solid #ebedec; padding: 8px 10px } #txt_top { font-family: arial; color: #545454 !important; font-size: 19px } .top_paddng { padding-top: 10px !important } .days { margin-right: 0 !important } #txt { margin: 0; font-family: arial } #delivery_time { display: none; font-family: 'arial' } .pdnmrgn { padding: 0 !important; margin: 0 !important } .button_days { display: -webkit-flex; -webkit-justify-content: space-between; display: flex; justify-content: space-between; padding: 10px 0 } .bot_inp { padding-bottom: 10px } .checkmark_del_bot { display: flex; align-items: center; margin: 0; font-size: 20px; font-weight: 100; font-family: inherit; background: #f9f9f9; border-top: 1px solid #ebedec; border-right: 1px solid #ebedec; border-left: 1px solid #ebedec; padding: 8px 0 8px 20px; width: 100% } .checkmark_del_top { display: flex; align-items: center; margin: 0; font-size: 20px; font-weight: 100; font-family: inherit; background: #f9f9f9; border-bottom: 1px solid #ebedec; border-right: 1px solid #ebedec; border-left: 1px solid #ebedec; padding: 8px 0 8px 20px; width: 100% } .cont input { display: none } .cont input:checked ~ .checkmark { border: 2px solid #009b45; color: #009b45 !important; } .checked_inp { color: #fff !important; background: #009b45 !important } .not_checked { color: #000 !important; background: #888 !important; pointer-events: none; cursor: not-allowed; } select.method { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; background: #fff; padding-left: 12px; font-size: 14px; display: block; height: 50px; width: 240px; clear: both; height: 40px } .date_picker { display: block !important } select.method_del { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; background: #fff; padding-left: 12px; font-size: 14px; display: block; clear: both; height: 40px } input.method_del { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; background: #fff; padding-left: 12px; font-size: 14px; display: block; clear: both; height: 40px } .rewrite { display: flex; align-items: center; font-size: 24px; text-decoration: underline; color: #727270; font-weight: 700 } .rewrite img { max-width: 14px; margin-left: 10px } .orderLine.bottom.new { width: 30%; position: absolute; right: 0; top: 0; width: 370px; height: auto !important; padding: 20px !important } .orderLine.bottom.new.fix { position: fixed; right: 25px; z-index: 1000 } .orderLine.bottom.new #sum { display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; width: 100% } .order#orderMake { background: #565653; border: 1px solid #615e5e; } .order.active#orderMake { background: #27c148 } .orderLine.bottom.new #sum .order { margin-right: 0; margin-top: 30px } .wrapper-new-order { position: relative } #personalCart .orderLine.bottom.new .label { line-height: 30px; background: #ffcc00; } #personalCart .orderLine.bottom.new { line-height: 20px; background: #ffcc00; } #orderMake.order.disabled { background-color: #f1f1f1 } .input-item { margin-bottom: 15px; display: flex } .input-item input { width: 250px; border: 1px solid #dadada; height: 25px } .input-item span { font-size: 14px; width: 40% } .input-item textarea { width: 250px; border: 1px solid #dadada; height: 55px; resize: none } .rewrite-hidden { display: none } .item-step.last { align-items: flex-start } .wrapper-item-step { padding: 20px 40px; border: 1px solid #ffcc00; margin-bottom: 20px } .wrapper-item-step .item-step { padding: 0; border: none; margin-bottom: 0 } .must-be { margin-left: 25px } .under-text { font-size: 12px; color: #aaa; line-height: 13px; margin-left: 8.5%; display: none } .orderLine.bottom.new #sum > div > div:nth-child(2) { display: none } .orderLine.bottom.new #sum > div > div:nth-child(2).dbl { display: block } .variant { margin-top: 10px; align-items: flex-start; display: none } .variant .variant-wrap { display: flex; align-items: center; } .list-address { margin-left: 8.5% } .variant-title { font-size: 12px; color: #524f4f; line-height: 13px; display: -webkit-inline-box } .variant img { max-width: 50px; margin-right: 10px } .list-address .cont { width: 100%; display: block; margin: 20px 0; border: 1px solid #eee; background: #f9f9f9; padding: 15px } .list-address .cont .checkmark { margin: 0; font-size: 20px; font-weight: 100; font-family: inherit; background: none; border: none; padding: 0; display: flex; justify-content: space-between } .mark { width: 20px; height: 20px; border: 1px solid #eee; background: #fff; border-radius: 50% } .name-address { font-size: 14px; color: #aaa; } .on-map { font-size: 13px; text-decoration: underline; color: gray } .when-date { font-size: 13px; color: gray } .status.active { font-size: 13px; color: #0f904f } .status.active.not { color: #e6997b } .list-address .cont input:checked ~ .checkmark { border: none; color: inherit } .list-address .cont.active { border: 1px solid #0f904f; background: #fff } .list-address .cont.active .mark { background: #0f904f; border: 1px solid #0f904f } .list-address .cont .checkmark { flex-wrap: wrap; align-items: center; } .btn-simple.btn-micro { margin-right: 14px } .getPricesWindow2 { /*background: url(/bitrix/templates/dresscode/icons/icon_strelka2.png) 100% 55% no-repeat;*/ color: #1284cc; font-size: 14px; padding-right: 10px; text-decoration: underline; cursor: pointer; line-height: 14px; font-weight: bold; } .product .optional { position: relative; top: 5px; } #rightFooter .rightTable td:last-child ul li b { font-size: 20px; color: #27c148; font-weight: 400; } @media all and (max-width: 1800px) { body.panels_white #right .heading { border-bottom: 0 } } @media all and (max-width: 1000px) { #error404 .errorText { display: none } } .clean { position: relative; overflow: hidden; padding: 0 2px } .limiter { padding: 0 24px; max-width: 1920px; min-width: 320px; margin: auto; clear: both } .limiter .compliter > div[id*="bx_"] { width: 355px; display: table-cell; vertical-align: top } .limiter .compliter > div[id*="bx_"] #left { padding-right: 0 } .priceTableContainer { max-width: 1000px; overflow-x: auto; min-width: 320px } .priceTableStyle80 { border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% } .priceTableStyle80 th { background-color: #f7f7f7; border: 1px solid #e4e4e4; font-weight: 400; padding: 12px 24px } .priceTableStyle80 td { border: 1px solid #e4e4e4; vertical-align: middle; padding: 12px 24px; text-align: left; color: #333 } .pagePicture { max-width: 100%; height: auto } .skuPropertyValue.loading { position: relative } .skuPropertyValue.loading img { opacity: 0 } .skuPropertyValue.loading:after { content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; margin-left: -10px; left: 50%; background: url(/bitrix/templates/dresscode/images/loaderMin.gif) 50% 50% no-repeat #fff } .addCart:active { position: relative; top: 1px } .clear { clear: both } .hidden { display: none } .hiddenZone { display: none } @media all and (max-width: 1800px) and (min-width: 1300px) { .product:nth-child(4n+1).last { line-height: 70px; height: 70px; width: 100% } .product:nth-child(4n+1).last .icon { display: none } .product:nth-child(4n+1).last .small { display: none } } @media all and (max-width: 1800px) { .product { height: 381px; width: 25% } .product.last { line-height: 340px } .product .tabloid { height: 380px } .product .picture { width: 200px; height: 200px; line-height: 200px } .product .price { font-size: 16px; margin-top: 0px; } .product .price .discount { padding: 0; display: inline-block; font-size: 13px; line-height: 16px; height: 16px } #catalogLineList .prop { width: 80% } /* #catalogTableList .column:nth-child(3) { display: none } */ #catalogTableList .column:nth-child(5) { display: none } #bigDataCarousel .product:nth-child(4n+1), #viewedProduct .product:nth-child(4n+1), #topProduct .product:nth-child(4n+1) { border-left: none !important } #popSection .item { height: 150px } #popSection .tabloid { padding: 6px } #popSection .picture { height: 90px; line-height: 90px } #popSection .nameWrap { height: 32px; line-height: 32px } #popSection .name { line-height: 16px } #popSection .last { line-height: 150px } #brandList .item { height: 96px; line-height: 96px } #brandList .picture { height: 72px; line-height: 72px } .addCart.requestPrice { margin-top: 30px } } @media all and (max-width: 1680px) { .orderLine.bottom.new { width: 320px } .orderLine.bottom.new #sum > div { margin-left: 0 } } @media all and (max-width: 1650px) { #bannersBlock { display: none } #sliderBlock { width: 100% } } @media all and (max-width: 1550px) { #catalogLineList .description { display: none } #catalogLineList .prop { width: 100% } #catalogTableList .column:nth-child(4) { display: none } #left { width: 320px; min-width: 320px; } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 386px } #modef { left: 335px } } @media all and (max-width: 1500px) { .personSelect tr { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between } .personSelect tr td { border-top: none } .orderLine.bottom.new { width: 250px } #footer .information .label { display: block } #catalogLineList .column:first-child { width: 310px } #middleSlider img { max-width: 100% } #newsContainer .column { width: 100% } #newsContainer .column .item { overflow: hidden } #newsContainer .column .item .bigPicture { margin-right: 48px; float: left; width: 30% } .global-information-block, .global-information-block.fixed .global-information-block-hide-scroll-cn { width: 250px !important } } @media all and (max-width: 1366px) { #catalogLineList .column:first-child { width: 300px } .contactList li { margin-bottom: 24px; width: 50% } .mfeedback input, .mfeedback textarea, div.mf-name input, div.mf-email input, div.mf-message textarea { width: 100% } .mfeedback input[type="submit"] { width: 200px } #left { width: 280px; min-width: 280px; } .disabled1366 { display: none } #modef { left: 295px } .product .name { font-size: 13px } .getPricesWindow2 { font-size: 12px; } body { font: normal normal 12px arial, sans-serif; } .product .label { font-size: 12px } } @media all and (max-width: 1300px) { #topService .city { display: none } #headerTools .wishlist .nf { display: none } #headerTools .compare .nf { display: none } #footer .nav > li { width: 33.313131% } #footer .nav > li:last-child { display: none } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 384px } #empty .emptyMenu li { width: 50% } .product { width: 33.33333% } #brandList .item, #popSection .item { width: 25% } .disabled1366 { display: block } } @media all and (max-width: 1300px) and (min-width: 1150px) { #popSection .item:nth-child(4n+1).last, #brandList .item:nth-child(4n+1).last { line-height: 70px; height: 70px; width: 100% } #popSection .item:nth-child(4n+1).last .icon, #brandList .item:nth-child(4n+1).last .icon { display: none } #popSection .item:nth-child(4n+1).last .small, #brandList .item:nth-child(4n+1).last .small { display: none } .product:nth-child(3n+1).last { line-height: 70px; height: 70px; width: 100% } .product:nth-child(3n+1).last .icon { display: none } .product:nth-child(3n+1).last .small { display: none } } @media all and (min-width: 1281px) { .global-content-block + div[id*="bx_"] { display: table-cell; width: 290px } } @media all and (max-width: 1280px) { .global-block-container { min-height: auto !important } .global-block-container .global-information-block { display: none } #left { width: 330px; min-width: 330px; } #homeCatalog .captionList { line-height: 55px; height: 55px } #homeCatalog .captionBtnRight, #homeCatalog .captionBtnLeft { top: -5.5px } #homeCatalog .captionBtnRight{ right: -10px; animation: animate-arrow-2 1s ease-in-out infinite; } #homeCatalog .captionBtnLeft { left: -10px; } #left #specialProduct .specialProductHeading, #left .sideBlock .heading, #right .heading { line-height: 55px; height: 55px } #modef { left: 345px } .wrapper-steps { max-width: 100% } .orderLine.bottom.new { position: relative; width: 100% } .orderLine.bottom.new #sum > div { margin-left: 0 } .orderLine.bottom.new #sum { display: flex; flex-direction: row-reverse; justify-content: space-between } .orderLine.bottom.new #sum .order { margin-top: 0 } .orderLine.bottom.new { height: 130px !important } } @media all and (max-width: 1200px) { #personalCart .orderLine.bottom .hd { display: inline-block !important } #catalog-section-banners { display: none } #footerLine .col:first-child { width: 30% } #footerLine .col:last-child { width: 70%; float: right } #footerLine .col:first-child .item:nth-child(1n+2) { display: none } #catalogLineList .column:last-child, #catalogLineList .itemRow { display: block } #catalogLineList .column:first-child { width: 40% } #catalogLineList .column:nth-child(2) { width: 60% } #catalogLineList .column:first-child, #catalogLineList .column:nth-child(2) { float: left } #catalogLineList .column:last-child { line-height: 60px; padding: 0; height: 60px; border: 0; width: 100%; clear: both } #catalogLineList .resizeColumn { text-align: center; width: 30%; float: left } #catalogLineList .column .resizeColumn.last { text-align: right; width: 40% } #catalogLineList .column:last-child .priceLabel { display: inline-block; padding-left: 24px; float: none } #catalogLineList .column:last-child .price { display: inline-block; margin: 0 } #catalogLineList .column:last-child .addCart { display: inline-block; margin: 9px auto; line-height: 40px; padding: 0 24px; font-size: 14px; height: 40px; width: auto } #catalogLineList .column:last-child .optional { margin: 9px 0 0; font-size: 14px } #catalogLineList .column:last-child .optional .row { margin-bottom: 4px; padding: 0 } #catalogLineList .column:last-child .optional .label { text-align: left; font-size: 14px; width: 50% } #catalogLineList .column:last-child .article { display: none } #catalogTableList .column:nth-child(7) { display: none } #catalogLineList .column:last-child { background-color: #f9f9f9 } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { line-height: 36px; margin-top: 12px; font-size: 30px } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight { line-height: 24px; margin-top: 12px; font-size: 16px } #slider .sliderContent .cButton, #slider .sliderContent .cButtonLight { margin-top: 12px } #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight { margin-top: 12px } #slider .sliderBtnLeft, #slider .sliderBtnRight { display: none } #slider .sliderContent { left: 24px } #slider .leftContainer { left: 24px } #slider .rightContainer { right: 24px } #leftMenu li .pc { display: none } #leftMenu .pc, #leftMenu .tx { padding: 8px 24px } #left { width: 260px; min-width: 260px; } #modef { left: 275px } .wrapper-fast { width: 70% } } @media all and (max-width: 1150px) and (min-width: 1024px) { .wrapper-fast { width: 67% } .product:nth-child(2n+1).last { line-height: 70px; height: 70px; width: 100% } .product:nth-child(2n+1).last .icon { display: none } .product:nth-child(2n+1).last .small { display: none } } @media all and (max-width: 1150px) { .product { width: 50% } #brandList .item, #popSection .item { width: 33.333% } } @media all and (max-width: 1100px) { #headerTools .nf { display: none } #catalogLine .column:last-child .label { display: none } #popSection .picture img { max-width: 75%; max-height: 75% } #brandList .picture img { max-height: 70%; max-width: 70% } } @media all and (max-width: 1024px) and (min-width: 790px) { #brandList .item:nth-child(4n+1).last { line-height: 70px; height: 70px; width: 100% } #brandList .item:nth-child(4n+1).last .icon { display: none } #brandList .item:nth-child(4n+1).last .small { display: none } #popSection .item:nth-child(4n+1).last { line-height: 70px; height: 70px; width: 100% } #popSection .item:nth-child(4n+1).last .icon { display: none } #popSection .item:nth-child(4n+1).last .small { display: none } } @media all and (max-width: 1024px) { #colorSwitcher { display: none !important } #left .collapsed { display: none } #bestsellers { margin-top: 0 } #left { margin-bottom: 24px } #left, #right { display: block; width: 100% } #smartFilter .heading { line-height: 46px; height: 46px } #left #promoBlock, #left #serviceBlock, #left #collectionBlock, #left #newsBlock, #left #popCats, #left #subscribe, #left .banner, #footer .top .left, #headerTools .nf, .product:hover .fastShow { display: none } #right { padding-left: 0 } .drop { display: none !important } #rowFooter { display: flex; flex-direction: column; } #leftFooter { width: 100%; } #rightFooter { width: 100%; } #smartFilter .heading { cursor: pointer } #catalogLine .oFilter { display: inline-block; margin-right: 12px } #main #smartFilter { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2); pointer-events: none; background: #fff; visibility: hidden; position: absolute; margin-top: 162px; width: 300px; z-index: 99; opacity: 0; border: 0 } #main #smartFilter.opened { pointer-events: auto; visibility: visible; opacity: 1 } #nextSection { border: none } #nextSection ul { display: none } #nextSection .title { position: relative; padding-left: 12px; text-transform: none; cursor: pointer; text-align: left; border: none; background-color: #f8f8f8 } #nextSection .title:before { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 42px; background: #efefef url(/bitrix/templates/dresscode/images/catalogIco2.png) center center no-repeat } #smartFilterForm .slider { display: none } .appZoomContainerImage { max-width: 60vh !important; max-height: 60vh !important } #reformal_tab { display: none !important } .product .getFastView, #specialProduct .productItem .getFastView, #catalogLineList .picture .getFastView { display: none !important } #appFastView { display: none !important } #fastViewStores { display: none !important } #slider ol { display: none } #specialBlock { display: none !important } .product { width: 25%; height: 347px } .product.last { line-height: 300px } .product .tabloid { height: 100% } .product .picture { width: 175px; height: 175px; line-height: 175px } .productSpecialTime { top: 30px } #leftMenu li .pc { display: table-cell } #leftMenu .pc, #leftMenu .tx { padding: 8px } #slider .videoPoster { display: block } #slider .slideVideo { display: none } .templateSwitcherSettings, .templateSwitcher { display: none !important } #brandList .item, #popSection .item { width: 25% } #homeCatalog .captionList { height: 50px; line-height: 50px } #homeCatalog .caption a { font-size: 14px } #homeCatalog #captionCarousel { position: relative } #nextSection li { border-left: 1px solid #e7e8ea; border-right: 1px solid #e7e8ea } } @media all and (max-width: 1150px) and (min-width: 1024px) { #popSection .item:nth-child(3n+1).last, #brandList .item:nth-child(3n+1).last { line-height: 70px; height: 70px; width: 100% } #popSection .item:nth-child(3n+1).last .icon, #brandList .item:nth-child(3n+1).last .icon { display: none } #popSection .item:nth-child(3n+1).last .small, #brandList .item:nth-child(3n+1).last .small { display: none } } @media all and (max-width: 1024px) and (min-width: 1000px) { .product:nth-child(4n+1).last { line-height: 70px; height: 70px; width: 100% } .product:nth-child(4n+1).last .icon { display: none } .product:nth-child(4n+1).last .small { display: none } } @media all and (max-width: 1000px) and (min-width: 790px) { .product:nth-child(3n+1).last { line-height: 70px; height: 70px; width: 100% } .product:nth-child(3n+1).last .icon { display: none } .product:nth-child(3n+1).last .small { display: none } } @media all and (max-width: 1000px) { .product { width: 33.33333% } } @media all and (max-width: 870px) { #headerTools .nf { display: none } #catalogLine .column:last-child .label { display: none } } @media all and (max-width: 850px) { .list-address { margin-left: 0 } .list-address .cont { width: auto } .wrapper-item-step { padding: 20px 16px } .item-step span { margin: 0 15px } .cont .checkmark { font-size: 16px; padding: 8px 6px } #topHeading { display: none } #leftFooter .column { padding-right: 24px; width: 33% } #footerLine .col:first-child { display: none } #footerLine .col:last-child { text-align: center; width: 100%; float: left } #catalogLineList .column:last-child .priceLabel, #catalogLineList .column:last-child .price { font-size: 18px } #modef { display: none !important } #catalogLine .column:nth-child(3) { display: none } } @media all and (max-width: 790px) and (min-width: 600px) { .product:nth-child(2n+1).last { line-height: 70px; height: 70px; width: 100% } .product:nth-child(2n+1).last .icon { display: none } .product:nth-child(2n+1).last .small { display: none } } @media all and (max-width: 790px) and (min-width: 500px) { #popSection .item:nth-child(3n+1).last { line-height: 70px; height: 70px; width: 100% } #popSection .item:nth-child(3n+1).last .icon { display: none } #popSection .item:nth-child(3n+1).last .small { display: none } } @media all and (max-width: 790px) and (min-width: 360px) { #brandList .item:nth-child(3n+1).last { line-height: 70px; height: 70px; width: 100% } #brandList .item:nth-child(3n+1).last .icon { display: none } #brandList .item:nth-child(3n+1).last .small { display: none } } @media all and (max-width: 790px) { .product { width: 50% } #popSection .item { width: 33.33333% } #brandList .item { width: 33.33333% } #homeCatalog .caption { border: none } } @media all and (max-width: 750px) { #requestPrice .productColumn { display: none } #requestPrice .formColumn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; width: 100% } #requestPrice input, #requestPrice textarea, #requestPrice #requestPriceSubmit { width: 100% } #requestPrice input { height: 45px } #requestPrice textarea { height: 50px } #requestPrice #requestPriceContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; transform: translateX(-50%); padding-right: 0; padding-left: 0; margin-left: 0; width: 90%; left: 50% } #requestPriceForm { margin-bottom: 24px } #requestPrice .requestPriceFormHeading { margin-right: 0 } } @media all and (max-width: 700px) { .personSelect td:last-child { display: none } body.panels_white #homeCatalog .captionList .cItem:nth-child(3) .caption { padding-right: 0; } .personSelect td:first-child { display: table-cell } .personSelect td:nth-child(2) { width: auto } .personSelect td:first-child span { text-align: left; padding-left: 20px } .item-step { flex-wrap: wrap } .method-purchase { margin-left: 21% } .item-step.last .method-purchase { margin: 0 auto } #personalCart .orderLine.bottom.new #sum { flex-direction: column-reverse; align-items: flex-start } #personalCart .orderLine.bottom.new .label { margin-top: 0; padding-bottom: 0 } .orderLine.bottom.new #sum .order { margin-top: 10px } #personalCart .orderLine.bottom.new { height: auto !important; border: 2px solid #ebedec } .orderLine.bottom.new #sum > div > div { display: flex; align-items: center } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 300px } .limiter { padding: 0 } #topMenuNew { margin-left: 12px } #subHeader #logo, #subHeader.color_theme #logo, #subHeader.color_black #logo { border: 0 } #topSearch form { box-sizing: border-box } #left { width: 100%; padding: 0 12px; box-sizing: border-box; display: block } #right { display: block; margin-top: 24px; padding: 0 12px; box-sizing: border-box } #leftMenu li a { font-size: 16px } #footer .top { box-sizing: border-box; padding: 0 12px } #footer .bottom { box-sizing: border-box; padding: 0 12px } #footer .bottom .left { width: 60px } #flushFooterCart .item:nth-child(1) { display: none } #footerLine { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } #footerLine #flushFooterCart .item .message { display: none; } .copyright img { display: none } .copyright { display: block; width: 60px; height: 60px; background: url(/bitrix/templates/dresscode/images/sn.png) -360px -0 no-repeat transparent } .copyright:hover { background-position: -360px -60px } #catalogLineList .resizeColumn { width: 40% } #catalogLineList .column .resizeColumn.last { width: 20% } #catalogLineList .column:last-child .optional .label { width: 100% } #catalogLineList .column:last-child .optional .label:first-child { display: none } #catalogLineList .column:last-child .priceLabel { display: none } #catalogTableList .column:nth-child(8) { display: none } #appBasket { display: none !important } #overlap { display: none !important } .blurred { -webkit-filter: blur(0px) !important; -moz-filter: blur(0px) !important; -ms-filter: blur(0px) !important; -o-filter: blur(0px) !important; filter: blur(0px) !important } #upButton { display: none !important } #newsContainer .column .item .bigPicture { width: 100%; float: none } #catalogSection .sectionItems .item .itemContainer .description { display: none } div.mf-name, div.mf-email, div.mf-captcha, div.mf-message { width: 100% } .product .row:first-child { display: none } .product { height: 140px; width: 50% } body .product:hover .tabloid { box-shadow: none; border-color: transparent } .product .btn-simple.add-cart:hover { border-color: #e7e8ea } .product.last { line-height: 140px; height: 140px; } .product .btn-simple { display: inline-block; font-size: 13px } .product .tabloid { height: 100% } /* .product:hover .tabloid { height: auto }*/ .product .picture { width: 120px; height: 120px; line-height: 120px } /* .product .optional { display: none } */ .product .addCart { display: none } .product .price .discount { height: auto } .product .name { line-height: 36px; font-size: 13px } .product .middle { line-height: 18px } .product .price { margin-bottom: 6px; font-size: 14px } .product .price .measure { font-size: 14px } .product .markerContainer { left: 6px; top: 6px } .product .marker { margin-bottom: 2px } .productSpecialTime { display: none } .productColImage { width: 110px; padding-right: 12px; display: table-cell; vertical-align: middle } .productColText { display: table-cell; vertical-align: middle } .product.last .icon { height: 33px; margin-bottom: 6px } .product.last .icon img { height: 33px; } .product.last .icon .iconBig { display: none } .product.last .icon .iconSmall { display: inline-block } #personalCart .orderLine #sum .hd { display: initial } #personalCart .orderLine #sum { display: flex; flex-direction: column; justify-content: flex-start } #personalCart .orderLine { line-height: 25px; height: auto; margin-top: 10px } } @media all and (max-width: 634px) { #personalCart .orderLine.bottom.new #sum { align-items: center } #footerTabsCaption, #footerTabs { display: none } #headerTools .tools .compare, #headerTools .tools .wishlist { display: none } #catalogLineList .column { width: 50% } #catalogLineList .prop { display: none } #catalogLineList .column .resizeColumn { width: 50% } #catalogLineList .column .resizeColumn.last { display: none } #catalogTableList .column:nth-child(1) { display: none } #catalogTableList .column:nth-child(2) { padding-left: 24px; width: auto } .contactList li { margin-bottom: 24px; width: 100% } #empty .emptyMenu li { width: 100% } } @media all and (max-width: 660px) { #catalogLine .label { display: none } } @media (min-width: 601px) { #leftFooter .footerMenu { display: inline-block; } } @media all and (max-width: 600px) { .product { width: 100% } .productColImage { width: 40%; min-width: 110px; max-width: 160px } #popSection .item { height: 170px } #popSection .nameWrap { height: 48px; line-height: 48px } #popSection .last .value, #popSection .last .ps { font-size: 16px } #brandList .last .ps, #brandList .last .value, #popSection .last .small { font-size: 14px } #homeCatalog #captionCarousel:before { content: ""; position: absolute; z-index: 2; right: 0; top: 0; width: 80px; height: 100%; background: -moz-linear-gradient(left, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 1) 100%); background: -webkit-linear-gradient(left, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 1) 100%); background: linear-gradient(to right, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 1) 100%); pointer-events: none } #leftFooter .column:last-child { margin-top: 15px; } #leftFooter .column { width: 100% } #leftFooter .column:nth-child(2n) { margin-top: 15px; } #leftFooter .heading:after { display: inline-block; content: 'â–¼'; padding: 0 20px; font-size: 14px; line-height: 20px; vertical-align: text-bottom; } #leftFooter .column.active .heading:after { transform: rotate(180deg); } #leftFooter .column .footerMenu { display: none; } #leftFooter .heading { text-align: left; } #leftFooter .column.active .footerMenu { display: block; } } @media all and (max-width: 525px) { #catalogLine .column:last-child { display: none } #subHeader2 { padding: 2% 0 !important; } #catalogLine .column:nth-child(2) { float: right } #appFastBuyContainer { top: 0; transform: translate(-50%, 0); } } @media all and (max-width: 500px) { .top-order-title { flex-direction: column } body.panels_white #homeCatalog .captionList .cItem:nth-child(2n) .caption { padding-right: 0; } .input-item input { width: 180px } .top-auth-personal, .top-auth-exit, .top-auth-login, .top-auth-register { border: none !important; position: absolute; top: 103px } .top-auth-personal, .top-auth-login { left: 12px } .top-auth-exit { left: 120px } .top-auth-register { left: 52px } #subHeader #headerTools, #subHeader.color_theme #headerTools, #subHeader.color_black #headerTools { border: 0 } #headerTools .telephone { line-height: 21px !important; border: none !important; position: absolute; padding: 0; right: 0; top: 107px } #headerTools .telephone .callBack { display: none } #headerTools .telephone .nf { margin: 0; float: none; display: block } #headerTools .telephone .nf .heading { display: none } #headerTools .telephone .nf .heading:first-child { font-size: 14px; display: block; color: #888 } #subHeader #headerTools .tools li, #subHeader.color_theme #headerTools .tools li, #subHeader.color_black #headerTools .tools li { border: none !important } #subHeader #topService, #subHeader.color_theme #topService, #subHeader.color_black #topService { border: none } #topHeader #topService li, #topHeader.color_theme #topService li, #topHeader.color_black #topService li { padding: 0; border: none } #topService.color_theme > li > a { color: #fff !important } #topService.color_theme > li > a:hover { opacity: .8 } #topHeader.color_theme #topService, #topHeader.color_black #topService { border: 0 } #headerTools .tools li { line-height: 80px } #topMenuNew { margin-left: 0 } .user-geo-position { padding-right: 12px; text-align: right } #topSearch input[type="text"] { padding-left: 6px } #topService li a { color: #888 } #panel { position: fixed; z-index: 9999 } #logo { text-align: left } #topSearch input[type="text"] { font-size: 14px } #topSeachCloseForm { font-size: 13px } #popSection .item { width: 50%; height: 150px } #popSection .nameWrap { height: 32px; line-height: 32px } #popSection .item:nth-child(2n+1).last { line-height: 95px; height: 95px; width: 100% } .orderProps td:first-child, .personSelect td:first-child { width: auto } } @media all and (max-width: 486px) { #catalogLine .column:last-child { display: none } #rightFooter .rightTable .footerRow { display: flex; flex-direction: column; } #rightFooter .rightTable td:last-child { margin-top: 20px; text-align: left; padding-left: 0; position: relative; } #rightFooter .rightTable td:last-child:before { content: ''; display: inline-block; position: absolute; top: -5px; height: 1px; width: 100%; background: #888; left: -12px; } } @media all and (max-width: 480px) { #homeCatalog { margin-top: 0 } #flushFooterCart { display: flex; align-items: center; flex-wrap: nowrap; align-content: center; justify-content: center; } #flushFooterCart .item:nth-child(2) { display: none } #footerBottom .social { float: unset; display: flex; justify-content: space-around; padding-right: 0; } #catalogTableList .column:nth-child(2) { padding-left: 0; margin-top: 0 } #catalogTableList .column { text-align: center; display: block } #catalogTableList .column:first-child { width: auto } #catalogTableList .column:nth-child(1) { margin-top: 24px; display: block } #catalogTableList .name { text-align: center } #catalogTableList .price .discount { right: 48px } #catalogTableList .addCart, #catalogTableList .more { margin: 0 } #leftFooter ul { text-align: left } #footerBottom .creator { text-align: center; padding: 0; float: none } #slider { margin-bottom: 24px } #slider .sliderBtnLeft, #slider .sliderBtnRight { display: none !important } #slider ul li span, #slider .slideVideoContainer, #slider .videoPoster { height: 178px } #slider .sliderContent { transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-shadow: 1px 1px 10px #fff; padding: 0 12px; right: unset; left: unset; width: 100% } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { line-height: 24px; font-size: 18px } #slider .sliderContent br { display: none } #slider ul li span { -webkit-transition: 1s -webkit-filter linear; transition: 1s filter linear; opacity: 1 } #slider ul li span:hover { transform: scale(1); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0'); -webkit-filter: blur(0px); filter: blur(0px) } #slider .sliderContent .cButtonLight, #slider .sliderContent .cButton { line-height: 40px; margin-top: 12px; padding: 0 12px; height: 40px } #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight { margin-top: 6px } #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight { line-height: 21px; margin-top: 6px } #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight { line-height: 18px; font-size: 13px; margin-top: 6px } } @media all and (max-width: 450px) { .user-geo-position-label { display: none } } @media all and (max-width: 430px) { #requestPrice #requestPriceContainer { height: 450px } #requestPrice .requestPriceHeading { font-size: 16px } #requestPrice .requestPriceHeading .close { display: none } #requestPrice .requestPriceFormHeading { margin-top: 32px } } @media all and (max-width: 400px) { .item-step.last .input-item span { margin: 0 } .input-item input { width: 130px } select.method { width: 210px } .item-step span { margin: 0 8px } .productColImage { width: 45% } #catalogLine .oFilter { margin-right: 0 } #catalogLine { padding: 0; border: none; height: 32px; line-height: 32px } #catalogColumn #smartFilter { margin-top: 42px } } @media all and (max-width: 360px) { #brandList .item { width: 50% } #brandList .item:nth-child(2n+1).last { line-height: 70px; height: 70px; width: 100% } #brandList .last .ps, #brandList .last .value, #popSection .last .small { font-size: 13px } #catalogLine .oSmartFilter.btn-simple.btn-micro { min-width: 94px } #headerTools .tools li { border-left: none } #logo { width: 120px } } @media all and (max-width: 300px) { #headerTools .tools .telephone { display: none !important } } #ORDER_CONFIRM_BUTTON { text-shadow: none !important; height: 50px !important; line-height: 50px !important } .addCart.disabled { pointer-events: none; cursor: default } .addCart.requestPrice { background-color: #2b2b2b !important; pointer-events: auto !important; cursor: pointer !important } .addCart.requestPrice:hover { opacity: .8 !important } .addCart.requestPrice:active { position: relative; top: 1px } .sale_order_full_table input[name="BuyButton"], .sale_order_full_table input[type="submit"] { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; line-height: 50px; cursor: pointer; padding: 0 48px; height: 50px; border: 0 } div.bx-debug-summary { z-index: 99999 !important } .appZoomContainerExit { background: url(/bitrix/templates/dresscode/images/exitWindow.png) 0 0 no-repeat transparent; position: absolute; height: 38px; width: 38px; right: -38px; top: -38px } .appZoomContainerExit:hover { background-position: 0 -38px } .appZoomContainerExit:active { background-position: 0 -76px } #appZoomWindow .appZoomContainer { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } #appZoomWindow .appZoomContainer.loading { background: url(/bitrix/templates/dresscode/images/windowLoader.gif) 50% 50% no-repeat transparent; min-height: 100px; min-width: 100px } .fastBack.disabled { cursor: not-allowed } .fastBack.disabled:hover { color: #717171 } .fastBack.disabled:active { top: 0 } .getPricesWindow { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer !important } .getPricesWindow:hover { color: #444 } .getPricesWindow:active { position: relative; top: 1px } .getPricesWindow .priceIcon { background: url(/bitrix/templates/dresscode/images/priceInfo.png) 0 0 no-repeat transparent; vertical-align: middle; display: inline-block; margin-right: 10px; margin-top: -2px; height: 21px; width: 21px; display: none; } .getPricesWindow .priceIcon:hover { background-position: 0 -21px } .getPricesWindow .priceIcon:active { background-position: 0 -42px } .global-block-container { border-collapse: collapse; table-layout: fixed; display: table; width: 100% } .global-content-block, .global-information-block { display: table-cell; vertical-align: top } .global-content-block .detail-text-wrap:first-child { margin-top: 0 } .global-information-block { position: relative; padding-left: 24px; overflow: hidden; width: 280px } .global-information-block.fixed .global-information-block-cn { padding-top: 24px; overflow: hidden; position: fixed; width: 280px; top: 0 } .global-information-block-hide-scroll { padding-right: 24px; max-height: 100vh; overflow: auto; width: 320px } .global-information-block-hide-scroll-cn { width: 280px } .global-information-block.max-scroll .global-information-block-cn { position: absolute; bottom: 0; top: auto } .questions-answers .h2 { margin: 18px 0 } .question-answer-wrap { font-size: 14px; line-height: 24px; color: #000; margin-bottom: 12px; padding: 0 18px 0 24px; border: 1px solid #f3f3f3; transition: all .2s ease-in-out } .question-answer-wrap:last-child { margin-bottom: 0 } .question-answer-wrap:hover { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05) } .questions-answers-list .question { position: relative; padding: 24px 0; padding-right: 120px; cursor: pointer } .questions-answers-list .open-answer { position: absolute; right: 6px; top: 50%; width: 110px; height: 25px; margin-top: -12px; overflow: hidden } .questions-answers-list .open-answer span { position: absolute; left: 0; top: 0; display: block; font-size: 13px; height: 25px; line-height: 25px; color: #000; transition: all .3s linear } .questions-answers-list span.hide-answer-text { top: -25px } .questions-answers-list .active span.hide-answer-text { top: 0 } .questions-answers-list .active span.open-answer-text { top: 25px } .questions-answers-list .open-answer-btn { position: absolute; right: 0; top: 0; width: 25px; height: 25px; background: url(/bitrix/templates/dresscode/images/question-arrow.png) center center / contain no-repeat; transition: all .3s linear } .questions-answers-list .active .open-answer-btn { transform: rotate(-180deg) } .questions-answers-list .answer { display: none; padding: 24px 0; border-top: 1px solid #efefef; color: #888 } @media screen and (max-width: 800px) { .questions-answers-list .answer { padding: 0 12px } .seoimage { width: 100%; height: auto; } .questions-answers-list .question { padding: 12px 36px 12px 0; line-height: 20px } .questions-answers-list .answer { padding: 12px 0; line-height: 20px } .questions-answers-list .open-answer { right: 0 } .questions-answers-list .open-answer span { display: none } } .information-heading { margin-bottom: 12px; font-size: 21px } .information-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 12px; color: #555 } .information-list-item { border: 1px solid #f1f1f1; border-radius: 2px; padding: 12px; margin-top: 24px } .information-item-icon { padding-right: 24px; width: 42px } .information-list-item a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; color: #000 } .information-list-item a:hover { color: #777 } .information-list-item a:active { position: relative; top: 1px } .information-feedback-container { margin-top: 24px } .information-feedback { -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; text-decoration: none; text-align: center; padding: 18px 12px; font-size: 16px; display: block } .information-feedback:active { position: relative; top: -1px } .pilink { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; color: #888 } .pilink:hover { opacity: .7 } .pilink:active { position: relative; top: 1px } .tb { border-collapse: collapse; table-layout: fixed; display: table; width: 100% } .tc { vertical-align: middle; display: table-cell } #catalog-section-banners { margin: 24px 0; overflow: hidden; clear: both } #catalog-section-banners ul { padding: 0; margin: 0 } #catalog-section-banners ul > li { list-style: none; float: left; width: 0 } #catalog-section-banners ul > li:first-child { width: auto } #catalog-section-banners li img { width: 100% } #catalog-section-banners ol { margin: 0; padding: 0; list-style: none; position: absolute; left: 50%; bottom: 12px; position: absolute; left: 50%; bottom: 12px } #catalog-section-banners ol li { background: url(/bitrix/templates/dresscode/images/slideButtonSect.png) 0 0 no-repeat transparent; margin-right: 4px; width: 18px; height: 18px; float: left; cursor: pointer } #catalog-section-banners ol li:hover { background: url(/bitrix/templates/dresscode/images/slideButtonSect.png) -18px 0 no-repeat transparent } #catalog-section-banners ol li:active { background: url(/bitrix/templates/dresscode/images/slideButtonSect.png) -36px 0 no-repeat transparent } #catalog-section-banners ol li.selected { background: url(/bitrix/templates/dresscode/images/slideButtonSect.png) -54px 0 no-repeat transparent } #catalog-section-banners ol li.selected:hover { background: url(/bitrix/templates/dresscode/images/slideButtonSect.png) -72px 0 no-repeat transparent } #catalog-section-banners ol li.selected:active { background: url(/bitrix/templates/dresscode/images/slideButtonSect.png) -90px 0 no-repeat transparent } #catalog-section-banners .catalog-section-banners-btn-left, #catalog-section-banners .catalog-section-banners-btn-right { background: url(/bitrix/templates/dresscode/images/slideArrowSect.png) no-repeat transparent; position: absolute; margin-top: -30px; display: block; height: 60px; width: 30px; top: 50% } #catalog-section-banners .catalog-section-banners-btn-left { background-position: 0 0; left: 0 } #catalog-section-banners .catalog-section-banners-btn-left:hover { background-position: -30px 0 } #catalog-section-banners .catalog-section-banners-btn-left:active { background-position: -60px 0 } #catalog-section-banners .catalog-section-banners-btn-right { background-position: 0 -60px; right: 0 } #catalog-section-banners .catalog-section-banners-btn-right:hover { background-position: -30px -60px } #catalog-section-banners .catalog-section-banners-btn-right:active { background-position: -60px -60px } .bx-sls .quick-location-tag, .bx-slst .quick-location-tag { color: #23527c !important } .list-advantages { max-width: none; font-size: 0; line-height: 0; margin: 18px -12px 24px } .list-advantages .list-item { display: inline-block; vertical-align: top; max-width: 100%; width: 350px; box-sizing: border-box; padding: 12px } .list-advantages .tc { vertical-align: top } .list-advantages .image { width: 74px } .list-advantages .text-wrap { font-size: 14px; color: #000 } .list-advantages .name { max-height: 40px; margin-bottom: 6px; overflow: hidden; font-size: 16px; line-height: 20px } .list-advantages .descr { max-height: 32px; line-height: 16px; overflow: hidden } #colorSwitcher { -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); transform: translateX(192px); background-color: #fff; margin-top: -275px; text-align: center; position: fixed; z-index: 99999; height: 550px; width: 192px; right: 0; top: 50% } #colorSwitcher:hover { transform: translateX(0) } #colorSwitcher .settingTouch { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background-color: #000; text-align: center; position: absolute; line-height: 50px; height: 50px; width: 50px; left: -50px } #colorSwitcher .settingTouch:hover { background: #2b2b2b } #colorSwitcher .settingTouchPicture { background: url(/bitrix/templates/dresscode/images/setting.png) 50% 50% no-repeat transparent; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; vertical-align: middle; display: inline-block; height: 24px; width: 24px } #colorSwitcher:hover .settingTouchPicture { transform: rotate(360deg) } #colorSwitcher .title { text-transform: uppercase; text-align: center; margin-top: 12px } #colorSwitcher .items, #colorSwitcher .backgroundItems { text-align: center; margin-top: 12px; overflow: hidden } #colorSwitcher .menuSelect { margin-top: 12px } #colorSwitcher .menuSelect select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; outline: none; height: 35px; width: 85% } #colorSwitcher .menuSelect option { padding: 12px 0 } #colorSwitcher .item { margin-bottom: 12px; margin-left: 12px; height: 48px; width: 48px; float: left } #colorSwitcher .close { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background-color: rgba(0, 0, 0, 0.8); text-decoration: none; display: inline-block; margin-top: 8px; text-align: center; border-radius: 4px; line-height: 30px; padding: 0 24px; color: #fff } #colorSwitcher .close:hover { background-color: rgba(0, 0, 0, 1) } #colorSwitcher .item a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-radius: 50%; display: block; height: 48px; width: 48px } #colorSwitcher .selected a { background-image: url(/bitrix/templates/dresscode/images/check.png); background-repeat: no-repeat; background-position: 50% 50% } #colorSwitcher .item .color1 { background-color: #ff9601 } #colorSwitcher .item .color1:hover { background-color: #ffb800 } #colorSwitcher .item .color2 { background-color: #fb9bad } #colorSwitcher .item .color2:hover { background-color: #f3889d } #colorSwitcher .item .color3 { background-color: #ff855f } #colorSwitcher .item .color3:hover { background-color: #e77652 } #colorSwitcher .item .color4 { background-color: #daa550 } #colorSwitcher .item .color4:hover { background-color: #e4a540 } #colorSwitcher .item .color5 { background-color: #b15b49 } #colorSwitcher .item .color5:hover { background-color: #a05a4b } #colorSwitcher .item .color6 { background-color: #f44336 } #colorSwitcher .item .color6:hover { background-color: #d42d20 } #colorSwitcher .item .color7 { background-color: #acce11 } #colorSwitcher .item .color7:hover { background-color: #94b20e } #colorSwitcher .item .color8 { background-color: #27c148 } #colorSwitcher .item .color8:hover { background-color: #19cc3f } #colorSwitcher .item .color9 { background-color: #27bfc1 } #colorSwitcher .item .color9:hover { background-color: #25ccce } #colorSwitcher .item .color10 { background-color: #3498db } #colorSwitcher .item .color10:hover { background-color: #2395e1 } #colorSwitcher .item .color11 { background-color: #2a65d0 } #colorSwitcher .item .color11:hover { background-color: #0d57dc } #colorSwitcher .item .color12 { background-color: #0061b2 } #colorSwitcher .item .color12:hover { background-color: #006ac2 } #colorSwitcher .item .color13 { background-color: #c651d0 } #colorSwitcher .item .color13:hover { background-color: #d75ee1 } #colorSwitcher .item .color14 { background-color: #c12752 } #colorSwitcher .item .color14:hover { background-color: #c61c4b } #colorSwitcher .item .color15 { background-color: #ed1c24 } #colorSwitcher .item .color15:hover { background-color: #ff232b } #colorSwitcher .item .white { background-color: #eee } #colorSwitcher .item .black { background-color: #000 } .colorSwitcherLoader { background-color: rgba(0, 0, 0, 0.4); text-align: center; position: fixed; display: none; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 9999 } .colorSwitcherLoader svg { height: 180px; width: 180px; margin: auto; overflow: visible; position: absolute; margin-top: -120px; top: 50%; left: 50%; display: none } .colorSwitcherLoader.visible svg { display: block } .bx-soa-pp-company { z-index: 1 !important } #bx-soa-order * { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important } #reformal_tab { z-index: 9991 !important } .sale_order_full_table input[name="BuyButton"] { margin-bottom: 24px } .microdata { display: none } .banner-animated .image { opacity: 0; transform: translate3d(30px, 0, 0); transition: all .6s .4s ease-in-out } .banner-animated.banner-image-load .image { opacity: 1; transform: translate3d(0, 0, 0) } .btn-simple-wrap { margin-top: 14px } .btn-simple { position: relative; display: inline-block; min-width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 21px 24px 19px; font-size: 14px; line-height: 18px; text-align: center; border: 1px solid transparent; border-radius: 2px; color: #fff; -webkit-transition: background .2s ease-in-out, border .2s ease-in-out; transition: background .2s ease-in-out, border .2s ease-in-out; cursor: pointer; text-decoration: none } .btn-simple:active { top: 1px } .btn-simple.btn-black { background: #2d2d2d; border-color: #2d2d2d } .btn-simple.btn-black:hover { background: #202020; border-color: #202020 } .btn-simple.btn-black-border { background: transparent; border-color: #aaa; color: #000 } .btn-simple.btn-black-border:hover { border-color: #000; background: transparent } .btn-simple.btn-medium { padding: 16px 24px 14px } .btn-simple.btn-small { min-width: 126px; padding: 12px 8px 10px } .btn-simple.btn-micro { min-width: 114px; padding: 6px 8px 4px } .btn-simple.add-cart { min-width: 90px; padding: 4px 8px 3px; background: transparent; color: #000; border-color: #e7e8ea } .btn-simple.add-cart:hover { border-color: #000; background: transparent } .active-link { display: inline-block; font-size: 14px; color: #000; text-transform: uppercase; text-decoration: none; border-bottom: 1px dashed #000; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .active-link:active { position: relative; top: 1px } .inactive-link { display: inline-block; font-size: 14px; color: #888; text-transform: uppercase; text-decoration: none; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .inactive-link:active { position: relative; top: 1px } .text-link { display: inline-block; vertical-align: middle; color: #3b3732; text-decoration: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer } .text-link:active { position: relative; top: 1px } .big-text-link { display: inline-block; vertical-align: middle; font-size: 16px; color: #3b3732; text-decoration: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer } .big-text-link:active { position: relative; top: 1px } .link-dashed { display: inline-block; font-size: 14px; color: #000; text-decoration: none; border-bottom: 1px dashed #000; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .link-dashed:active { position: relative; top: 1px } .theme-link-dashed { display: inline-block; font-size: 14px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .theme-link-dashed:active { position: relative; top: 1px } .tabs-wrap { margin: 24px 0 } .tabs-wrap .tabs-links { font-size: 0 } .tabs-wrap .tab-link { display: inline-block; vertical-align: top; font-size: 14px } .tabs-wrap .tab-link:active { top: 1px } .tabs-wrap .tab-link:last-child { margin-right: 0 } .tabs-wrap .tab-btn-link { position: relative; display: inline-block; min-width: 126px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 6px 6px 0; padding: 12px 14px 10px; font-size: 14px; line-height: 18px; text-align: center; border: 1px solid #e7e8ea; border-radius: 2px; color: #888; -webkit-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out; transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out; cursor: pointer; text-decoration: none } .tabs-wrap .tab-dashed-link { position: relative; display: inline-block; margin: 0 30px 6px 0; font-size: 14px; color: #888; text-transform: uppercase; text-decoration: none; border-bottom: 1px dashed transparent; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .tabs-wrap .tab-dashed-link.active { color: #000; border-color: #000 } .tabs-wrap .tab-dashed-link.active:hover { color: #000; border-color: #000 } .tabs-wrap .tabs-content { margin-top: 18px } .tabs-wrap .tab-content { display: none } .tabs-wrap .tab-content.active { display: block } .consultation-wrap { box-sizing: border-box; padding: 14px 40px 16px 22px; border: 1px solid #e7e8ea; background: #fafafa; color: #000 } .consultation-wrap .tb { width: 100% } .consultation-wrap .image { width: 128px } .consultation-wrap .consultation-btn-wrap { width: 224px; text-align: right } .consultation-wrap .consultation-heading { margin-bottom: 6px; font-size: 21px; line-height: 25px; font-weight: 400; color: #000; text-decoration: none } .consultation-wrap .text { max-height: 48px; overflow: hidden; font-size: 14px; line-height: 16px } @media screen and (max-width: 790px) { .consultation-wrap { padding: 18px 12px } .consultation-wrap .tc.image { display: none } } @media screen and (max-width: 550px) { .consultation-wrap .tc { display: block; width: 100%; text-align: left } .consultation-wrap .consultation-btn-wrap { margin-top: 18px } } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } .flex .flex-item { -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(50% - 10px); padding: 30px 24px; border: 1px solid #e7e8ea } .flex .flex-item2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(50% - 10px); padding: 30px 24px; border: 1px solid #e7e8ea; background: #e9f4f5; } @media all and (max-width: 750px) { .flex .flex-item { width: 100%; margin-bottom: 12px } .flex .flex-item2 { width: 100%; margin-bottom: 12px } } .h1 { display: block; margin-bottom: 6px; font-size: 24px; line-height: 30px; font-weight: 400; color: #000; text-decoration: none } .h2 { display: block; margin-bottom: 6px; font-size: 21px; line-height: 25px; font-weight: 400; color: #000; text-decoration: none } .h3 { display: block; margin-bottom: 6px; font-size: 16px; line-height: 20px; font-weight: 400; color: #000; text-decoration: none } .detail-text-wrap { margin: 24px 0; line-height: 24px } .detail-text-wrap .h1 { margin-bottom: 12px } .detail-text-wrap .h2 { margin-bottom: 12px } .detail-text-wrap .h3 { margin-bottom: 12px } .detail-text-wrap p { margin: 0 0 14px; line-height: 24px } .detail-text-wrap :last-child { margin-bottom: 0 } .detail-text-wrap ul { padding-left: 16px } .detail-text-wrap ol { padding-left: 16px } .detail-text-wrap img.fixwidth { display: inline-block; max-width: 100%; width: auto; height: auto } .error-wrap { margin: 18px 0; padding: 48px 42px 36px; font-size: 14px; line-height: 24px; color: #952525; border: 1px solid #bc8383 } .table-simple-wrap { overflow: auto } .table-simple { margin: 18px 0 36px; border-collapse: collapse; width: 100%; min-width: 700px; border-spacing: 0; table-layout: auto; border: 0 } .table-simple th { vertical-align: middle; padding: 12px 24px; background: #f7f7f7; border: 1px solid #e4e4e4 } .table-simple td { vertical-align: middle; padding: 12px 24px; border: 1px solid #e4e4e4 } .table-simple td:last-child { text-align: center } .blockquote-wrap { margin: 42px 0 24px; padding: 48px 120px 42px 54px; background: #f9f9f9 } .blockquote-wrap blockquote { margin: 0; padding: 0; font-size: 18px; line-height: 30px; color: #888 } .blockquote-wrap blockquote:before { content: ""; display: inline-block; width: 40px; height: 33px; margin-right: 10px; background: url(/bitrix/templates/dresscode/images/blockquote.png) center center / contain no-repeat } .blockquote-wrap p { margin-top: 14px } .new-list-items-wrap { margin-top: 24px } .new-list-items { max-width: none; margin: 18px -12px 30px; font-size: 0 } .new-list-items > div[id*="bx_incl_area"] { display: inline-block; vertical-align: top; width: 33.333% } .new-list-items > div[id*="bx_"] > .list-item-wrap { width: 100% } .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 .2s ease-in-out; transition: all .2s ease-in-out } .new-list-items .image-container img { display: block; max-width: 100% } .new-list-items .image-container:hover { opacity: .9 } .new-list-items .image-container:active { position: relative; top: 1px } .new-list-items .text { color: #000 } .new-list-items .name { display: block; margin-bottom: 12px; font-size: 14px; line-height: 18px; max-height: 18px; overflow: hidden; text-decoration: none; color: #000 } .new-list-items .name:active { position: relative; top: 1px } .new-list-items .price { position: relative; display: inline-block; padding-right: 18px; font-size: 18px; } .new-list-items .old-price { position: absolute; right: 0; top: -12px; font-size: 13px; line-height: 15px; color: #888 } .new-list-items .active-link { text-transform: none; } .new-list-items .addCart.added { color: #888; border-color: #888; background: none !important } .new-list-items .addCart.added:hover { color: #000; border-color: #000 } .price-container .addCart.added:hover { border-color: transparent } @media screen and (max-width: 1600px) { .blockquote-wrap { margin: 24px 0 18px; padding: 30px 30px 36px 42px } .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 screen and (max-width: 1400px) { .new-list-items .list-item-wrap { width: 50% } } @media screen and (max-width: 1280px) { .new-list-items .list-item-wrap { width: 33.333% } } @media screen and (max-width: 1100px) { .new-list-items .list-item-wrap { width: 50% } } @media screen and (max-width: 1024px) { .blockquote-wrap blockquote { font-size: 16px; line-height: 24px } .detail-text-wrap .h1 { font-size: 20px; line-height: 24px } .detail-text-wrap .h2 { font-size: 18px; line-height: 22px } } @media screen and (max-width: 800px) { .blockquote-wrap blockquote:before { width: 20px; height: 18px } .blockquote-wrap { padding: 18px 12px 18px 24px } } @media screen and (max-width: 790px) { .new-list-items { margin: -3px } .new-list-items .list-item-wrap { width: 100%; padding: 3px } .new-list-items .list-item { padding: 8px } } @media screen and (max-width: 500px) { .detail-text-wrap .h1 { font-size: 18px; line-height: 22px } .detail-text-wrap .h2 { font-size: 16px; line-height: 20px } .detail-text-wrap .h3 { font-size: 15px; line-height: 18px } } @media screen and (max-width: 400px) { .new-list-items .price { font-size: 16px } .new-list-items .name { max-height: 36px } } .gray-bg-text { margin-bottom: 24px; padding: 30px 24px; font-size: 14px; line-height: 24px; color: #000; background: #f9f9f9 } @media screen and (max-width: 1024px) { .gray-bg-text { padding: 12px } } .btn-wrap { margin-top: 24px; font-size: 0 } .btn-wrap .btn-simple { vertical-align: top; margin-bottom: 6px; margin-right: 6px } .active-link { display: inline-block; font-size: 14px; color: #000; text-transform: uppercase; text-decoration: none; border-bottom: 1px dashed #000; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .active-link:active { position: relative; top: 1px } .inactive-link { display: inline-block; font-size: 14px; color: #888; text-transform: uppercase; text-decoration: none; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .inactive-link:active { position: relative; top: 1px } .text-link { display: inline-block; vertical-align: middle; color: #3b3732; text-decoration: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer } .text-link:active { position: relative; top: 1px } .big-text-link { display: inline-block; vertical-align: middle; font-size: 16px; color: #3b3732; text-decoration: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer } .big-text-link:active { position: relative; top: 1px } .link-dashed { display: inline-block; font-size: 14px; color: #000; text-decoration: none; border-bottom: 1px dashed #000; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .link-dashed:active { position: relative; top: 1px } .theme-link-dashed { display: inline-block; font-size: 14px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .theme-link-dashed:active { position: relative; top: 1px } .banners-list { max-width: none; margin: 0 -12px 42px; font-size: 0 } .banners-list .banner-wrap { display: inline-block; width: 50%; padding: 12px; box-sizing: border-box; vertical-align: top } .banner-wrap .banner-elem { border: 1px solid #e7e8ea } .banner-wrap + .global-block-container .detail-text-wrap { margin-top: 0 } .banner-elem { height: 296px; overflow: hidden } .banner-elem .limiter { height: 100% } .banner-elem .tb { height: 100% } .banner-elem .tr { display: table-row; height: 100% } .banner-elem .text-wrap { padding-left: 54px; color: #000 } .banner-elem .text-wrap :last-child { margin-bottom: 0 } .banner-elem .date { margin-bottom: 6px; font-size: 13px; color: #000 } .banner-elem h1 { font-size: 36px; margin-bottom: 18px; line-height: 43px; max-height: 86px; overflow: hidden } .banner-elem .h2 { display: inline-block; vertical-align: top; line-height: 25px; max-height: 50px; overflow: hidden } .banner-elem .price { margin-bottom: 6px; font-size: 18px; line-height: 22px; max-height: 22px; overflow: hidden } .banner-elem .descr { margin-bottom: 8px; font-size: 13px; line-height: 15px; max-height: 45px; overflow: hidden } .banner-elem .image { width: 55%; vertical-align: middle; padding-left: 12px; font-size: 0; line-height: 0; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .banner-elem .image img { display: block; max-width: 100%; max-height: 296px; width: auto; height: auto; margin-left: auto; transition: all .4s ease-in-out; transform: translate3d(0, 0, 0) scale(1) } .banner-elem .image-link { display: block; width: auto } .banner-elem .image-link:hover img { transform: translate3d(0, 0, 0) scale(1.02) } .banner-elem .image .image-link { display: inline-block } .banner-elem .image .image-link img { display: inline-block; margin: auto } .banner-elem .social { height: 60px; margin-top: 12px } @media screen and (max-width: 1600px) { .banners-list { margin: 0 -8px 42px } .banners-list .banner-wrap { padding: 8px } .banner-elem .text-wrap { padding-left: 24px } .banner-elem .image { width: 60% } } @media screen and (max-width: 1400px) { .banners-list { margin: 0 -6px 42px } .banners-list .banner-wrap { padding: 6px } .banner-elem { height: 260px } .banner-elem .image img { max-height: 260px } .banner-elem .text-wrap { padding-left: 18px } .banner-elem .price { font-size: 16px; line-height: 20px; max-height: 20px } .banner-elem .social { height: 30px } } @media screen and (max-width: 1280px) { .banner-elem h1 { font-size: 24px; margin-bottom: 12px; line-height: 29px; max-height: 58px } } @media screen and (max-width: 1200px) { .banner-elem { height: 220px } .banner-elem .image { width: 50% } .banner-elem .image img { max-height: 220px } .banner-elem .h2 { font-size: 18px; line-height: 22px; max-height: 44px } .banner-elem .price { font-size: 15px; line-height: 18px; max-height: 18px } } @media screen and (max-width: 1024px) { .banners-list { margin: 0 -3px 24px } .banners-list .banner-wrap { padding: 3px } .banner-elem { height: 160px } .banner-elem h1 { font-size: 20px; margin-bottom: 10px; line-height: 24px; max-height: 48px } .banner-elem .image { width: 55% } .banner-elem .image img { max-height: 160px } .banner-elem .price { display: none } } @media screen and (max-width: 800px) { .banners-list .banner-wrap:nth-child(n) { width: 100% } .banner-elem .text-wrap { padding-left: 24px } .banner-elem .image { width: 50%; text-align: center } .banner-elem .image img { margin: 0 auto } .scooltable td { display: block; } .scooltable hr { display: none; } } @media screen and (max-width: 400px) { .banner-elem { height: 150px } .banner-elem .h2 { font-size: 16px; line-height: 20px; max-height: 40px } .banner-elem .price { font-size: 14px; line-height: 18px; max-height: 18px } .banner-elem .text-wrap { padding-left: 12px } .banner-elem .btn-simple.btn-micro { min-width: 100px; padding: 3px 8px } .banner-elem .image { width: 50% } .banner-elem .image img { max-height: 150px } .services-banners-list .banner-wrap .banner-elem { background: none !important } } .fullscreen-banner { height: 470px; margin-bottom: 24px; border-bottom: 1px solid #e7e8ea } .fullscreen-banner .limiter { position: relative; height: 100% } .fullscreen-banner #breadcrumbs { position: absolute; left: 0; top: 0; width: 100% } .fullscreen-banner #breadcrumbs + .tb .text-wrap { padding: 42px 0 0 } .fullscreen-banner h1 { margin-bottom: 12px } .fullscreen-banner .price { margin-bottom: 12px; font-size: 30px; line-height: 36px; max-height: 36px } .fullscreen-banner .descr { margin-bottom: 24px; font-size: 14px; line-height: 24px; max-height: 120px } .fullscreen-banner .image { width: 55% } .fullscreen-banner .image img { margin: 0 auto; max-height: 470px } @media screen and (max-width: 1600px) { .fullscreen-banner { height: 440px } .fullscreen-banner .image img { max-height: 440px } } @media screen and (max-width: 1400px) { .fullscreen-banner { height: 420px } .fullscreen-banner .price { font-size: 24px; line-height: 30px; height: 30px } .fullscreen-banner .descr { margin-bottom: 18px } .fullscreen-banner .image { width: 50% } .fullscreen-banner .image img { max-height: 420px } } @media screen and (max-width: 1024px) { .fullscreen-banner { height: 290px } .fullscreen-banner .image { width: 45% } .fullscreen-banner .image img { max-height: 290px } .fullscreen-banner .descr { margin-bottom: 12px; line-height: 20px; max-height: 80px } .hide-1024 { display: none !important } } @media screen and (max-width: 800px) { .fullscreen-banner { height: 270px } .fullscreen-banner .image { width: 40% } .fullscreen-banner .image img { max-height: 270px } .fullscreen-banner .descr { max-height: 60px } } @media screen and (max-width: 700px) { .fullscreen-banner { height: 260px } .fullscreen-banner .image img { max-height: 260px } .fullscreen-banner #breadcrumbs { left: 12px; width: auto; right: 0; margin-top: 12px } .hide-700 { display: none !important } .fast-order { height: auto; padding: 10px 0; flex-direction: column; justify-content: center } .wrapper-fast { text-align: center; margin-bottom: 10px } } @media screen and (max-width: 600px) { .banner-hide-images { background: none !important } .banner-hide-images .image { display: none } .hide-600 { display: none !important } .price { min-width: 10px } } @media screen and (max-width: 500px) { .fullscreen-banner { height: 170px } .fullscreen-banner .image img { max-height: 170px } .fullscreen-banner .descr { display: none; max-height: 40px } .fullscreen-banner .image { width: 50% } .fullscreen-banner .btn-simple { padding: 13px 8px 11px } .hide-500 { display: none !important } } .banner-elem.arbitrary-banner .limiter { padding: 0 } @media screen and (max-width: 1600px) { .banner-elem.arbitrary-banner { height: 420px } .banner-elem.arbitrary-banner .image img { max-height: 420px } } @media screen and (max-width: 1400px) { .banner-elem.arbitrary-banner { height: 340px } .banner-elem.arbitrary-banner .image { width: 60% } .banner-elem.arbitrary-banner .image img { max-height: 340px } } @media screen and (max-width: 1200px) { .banner-elem.arbitrary-banner { height: 300px } .banner-elem.arbitrary-banner .image { width: 50% } .banner-elem.arbitrary-banner .image img { max-height: 300px } } @media screen and (max-width: 1024px) { .banner-elem.arbitrary-banner { height: 260px } .banner-elem.arbitrary-banner .image { width: 55% } .banner-elem.arbitrary-banner .image img { max-height: 260px } } @media screen and (max-width: 800px) { .banner-elem.arbitrary-banner { height: 250px } .banner-elem.arbitrary-banner .image { width: 50% } .banner-elem.arbitrary-banner .image img { max-height: 250px } } @media screen and (max-width: 700px) { .banner-elem.arbitrary-banner { height: auto; margin-bottom: 18px; border: 1px solid #e7e8ea } .banner-elem.arbitrary-banner .descr { max-height: 80px } .banner-elem.arbitrary-banner .text-wrap { display: block; margin-bottom: 6px; padding: 12px 12px 0 } .banner-elem.arbitrary-banner h1 { margin-bottom: 8px; font-size: 18px } .banner-elem.arbitrary-banner .image { display: block; width: 100%; padding: 0 } .banner-elem.arbitrary-banner .image img { max-height: 250px; margin: 0 auto } .banner-elem.arbitrary-banner.banner-no-bg .image img { max-height: none } } @media screen and (max-width: 500px) { .banner-elem.arbitrary-banner .descr { display: block } .banner-elem.arbitrary-banner h1 { font-size: 16px; margin-bottom: 8px; line-height: 20px; max-height: 60px } .banner-elem.arbitrary-banner .image img { max-height: 200px } } .no-margin-top { margin-top: 0 !important } .no-margin-bottom { margin-bottom: 0 !important } .no-margin-right { margin-right: 0 !important } .no-margin-left { margin-left: 0 !important } .templateSwitcher { background-color: #fff; -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3); transform: translateX(500px); -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-align: center; overflow: hidden; position: fixed; z-index: 9998; width: 360px; height: 100%; right: 0; top: 0 } .templateSwitcher.opened { transform: translateX(0px) } .templateSwitcherScroll { overflow: auto; height: 100%; width: 390px } .templateSwitcherScrollContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 24px 0; padding: 0 24px; width: 360px } .templateSwitcherSettings { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; animation-name: bounceInDown; animation-duration: 2s; animation-fill-mode: both; text-align: center; margin-top: -100px; line-height: 50px; cursor: pointer; position: fixed; z-index: 9999; height: 198px; width: 51px; right: 0; top: 50% } .templateSwitcherSettings.active { right: 360px } .templateSwitcherSettings:hover { opacity: .9; background-color: #2b2b2b } .templateSwitcherSettingsPicture { background: url(/bitrix/templates/dresscode/images/setting.png) 50% 50% no-repeat transparent; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; vertical-align: middle; display: inline-block; height: 198px; width: 51px } .templateSwitcher .switcherList { overflow: hidden } .templateSwitcher .switcherListItem { background-color: #fff; border: 1px solid #ff9601; display: inline-block; border-radius: 2px; text-align: center; line-height: 40px; height: 40px } .templateSwitcher .switcherListItem:hover { border-color: #ffa800 } .templateSwitcher .switcherListItem.active { background-color: #ff9601; color: #fff } .templateSwitcher .switcherListItem.active a { color: #fff } .templateSwitcher .switcherListItem:first-child { margin-right: 12px } .templateSwitcher .switcherListItem a { text-decoration: none; padding: 0 24px; color: #ff9601; display: block } .templateSwitcher .switcherListItem a:active { position: relative; top: 1px } .templateSwitcher .switcherHeading { margin-bottom: 18px; padding: 0 24px; font-size: 16px } .templateSwitcher .switcherBigHeading { border-bottom: 1px solid #f3f3f3; text-transform: uppercase; padding-bottom: 24px; margin-bottom: 24px; padding-right: 24px; padding-left: 24px; font-size: 18px } .templateSwitcher .switcherBigHeading + .switcherRowBlock { padding-top: 0; border-top: 0 } .templateSwitcher .switcherBigHeading .switcherClose { text-decoration: none; margin-top: -1px; font-size: 21px; color: red; float: right } .templateSwitcher .switcherBigHeading .switcherClose:hover { opacity: .7 } .templateSwitcher .switcherBigHeading .switcherClose:active { position: relative; top: 1px } .templateSwitcher .switcherHeading2 { margin-bottom: 12px; padding: 0 24px } .templateSwitcher .switcherRowBlock { border-top: 1px solid #f3f3f3; padding-top: 24px; margin-top: 24px } .templateSwitcher .switcherSelect { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f3f3f3; cursor: pointer; padding: 0 12px; outline: none; height: 40px; width: 90% } .templateSwitcher .switcherIcons { margin-bottom: 24px } .templateSwitcher .switcherDescription { font-size: 13px; color: #888 } .templateSwitcher .switcherBackgroundItems { text-align: center; overflow: hidden } .templateSwitcher .switcherThemes { margin-top: 24px; overflow: hidden } .templateSwitcher .switcherThemesItem { display: inline-block; margin-bottom: 12px; margin-left: 12px; height: 30px; width: 30px } .templateSwitcher .switcherBackgroundItem { display: inline-block; height: 30px; width: 30px } .templateSwitcher .switcherBackgroundItem:first-child { margin-right: 12px } .templateSwitcher .switcherThemesItem a, .templateSwitcher .switcherBackgroundItem a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-radius: 2px; display: block; height: 30px; width: 30px } .templateSwitcher .switcherThemesItem a:active, .templateSwitcher .switcherBackgroundItem a:active { position: relative; top: 1px } .templateSwitcher .switcherThemesItem.selected a, .templateSwitcher .switcherBackgroundItem.selected a { background-image: url(/bitrix/templates/dresscode/images/check.png); background-repeat: no-repeat; background-position: 50% 50% } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000) } 0% { opacity: 0; transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; transform: translate3d(0, 25px, 0) } 75% { transform: translate3d(0, -10px, 0) } 90% { transform: translate3d(0, 5px, 0) } to { transform: none } } .templateSwitcher .switcherThemesItem .color1 { background-color: #ff9601 } .templateSwitcher .switcherThemesItem .color1:hover { background-color: #ffb800 } .templateSwitcher .switcherThemesItem .color2 { background-color: #fb9bad } .templateSwitcher .switcherThemesItem .color2:hover { background-color: #f3889d } .templateSwitcher .switcherThemesItem .color3 { background-color: #ff855f } .templateSwitcher .switcherThemesItem .color3:hover { background-color: #e77652 } .templateSwitcher .switcherThemesItem .color4 { background-color: #daa550 } .templateSwitcher .switcherThemesItem .color4:hover { background-color: #e4a540 } .templateSwitcher .switcherThemesItem .color5 { background-color: #b15b49 } .templateSwitcher .switcherThemesItem .color5:hover { background-color: #a05a4b } .templateSwitcher .switcherThemesItem .color6 { background-color: #f44336 } .templateSwitcher .switcherThemesItem .color6:hover { background-color: #d42d20 } .templateSwitcher .switcherThemesItem .color7 { background-color: #acce11 } .templateSwitcher .switcherThemesItem .color7:hover { background-color: #94b20e } .templateSwitcher .switcherThemesItem .color8 { background-color: #27c148 } .templateSwitcher .switcherThemesItem .color8:hover { background-color: #19cc3f } .templateSwitcher .switcherThemesItem .color9 { background-color: #27bfc1 } .templateSwitcher .switcherThemesItem .color9:hover { background-color: #25ccce } .templateSwitcher .switcherThemesItem .color10 { background-color: #3498db } .templateSwitcher .switcherThemesItem .color10:hover { background-color: #2395e1 } .templateSwitcher .switcherThemesItem .color11 { background-color: #2a65d0 } .templateSwitcher .switcherThemesItem .color11:hover { background-color: #0d57dc } .templateSwitcher .switcherThemesItem .color12 { background-color: #0061b2 } .templateSwitcher .switcherThemesItem .color12:hover { background-color: #006ac2 } .templateSwitcher .switcherThemesItem .color13 { background-color: #c651d0 } .templateSwitcher .switcherThemesItem .color13:hover { background-color: #d75ee1 } .templateSwitcher .switcherThemesItem .color14 { background-color: #c12752 } .templateSwitcher .switcherThemesItem .color14:hover { background-color: #c61c4b } .templateSwitcher .switcherThemesItem .color15 { background-color: #ed1c24 } .templateSwitcher .switcherThemesItem .color15:hover { background-color: #ff232b } .templateSwitcher .switcherBackgroundItem .white { background-color: #eee } .templateSwitcher .switcherBackgroundItem .black { background-color: #000 } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .g--circle { -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; fill: #1e90ff; -webkit-animation: opacity 1.2s linear infinite; animation: opacity 1.2s linear infinite } .g--circle:nth-child(12n + 1) { -webkit-animation-delay: -.1s; animation-delay: -.1s; -webkit-transform: rotate(-30deg) translate(5px, 5px) scale(0.9); transform: rotate(-30deg) translate(5px, 5px) scale(0.9) } .g--circle:nth-child(12n + 2) { -webkit-animation-delay: -.2s; animation-delay: -.2s; -webkit-transform: rotate(-60deg) translate(5px, 5px) scale(0.9); transform: rotate(-60deg) translate(5px, 5px) scale(0.9) } .g--circle:nth-child(12n + 3) { -webkit-animation-delay: -.3s; animation-delay: -.3s; -webkit-transform: rotate(-90deg) translate(5px, 5px) scale(0.9); transform: rotate(-90deg) translate(5px, 5px) scale(0.9) } .g--circle:nth-child(12n + 4) { -webkit-animation-delay: -.4s; animation-delay: -.4s; -webkit-transform: rotate(-120deg) translate(5px, 5px) scale(0.9); transform: rotate(-120deg) translate(5px, 5px) scale(0.9) } .g--circle:nth-child(12n + 5) { -webkit-animation-delay: -.5s; animation-delay: -.5s; -webkit-transform: rotate(-150deg) translate(5px, 5px) scale(0.9); transform: rotate(-150deg) translate(5px, 5px) scale(0.9) } .g--circle:nth-child(12n + 6) { -webkit-animation-delay: -.6s; animation-delay: -.6s; -webkit-transform: rotate(-180deg) translate(5px, 5px) scale(0.9); transform: rotate(-180deg) translate(5px, 5px) scale(0.9) } .g--circle:nth-child(12n + 7) { -webkit-animation-delay: -.7s; animation-delay: -.7s; -webkit-transform: rotate(-210deg) translate(5px, 5px) scale(0.9); transform: rotate(-210deg) translate(5px, 5px) scale(0.9) } .g--circle:nth-child(12n + 8) { -webkit-animation-delay: -.8s; animation-delay: -.8s; -webkit-transform: rotate(-240deg) translate(5px, 5px) scale(0.9); transform: rotate(-240deg) translate(5px, 5px) scale(0.9) } .g--circle:nth-child(12n + 9) { -webkit-animation-delay: -.9s; animation-delay: -.9s; -webkit-transform: rotate(-270deg) translate(5px, 5px) scale(0.9); transform: rotate(-270deg) translate(5px, 5px) scale(0.9) } .g--circle:nth-child(12n + 10) { -webkit-animation-delay: -1s; animation-delay: -1s; -webkit-transform: rotate(-300deg) translate(5px, 5px) scale(0.9); transform: rotate(-300deg) translate(5px, 5px) scale(0.9) } .g--circle:nth-child(12n + 11) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; -webkit-transform: rotate(-330deg) translate(5px, 5px) scale(0.9); transform: rotate(-330deg) translate(5px, 5px) scale(0.9) } .g--circle:nth-child(12n + 12) { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; -webkit-transform: rotate(-360deg) translate(5px, 5px) scale(0.9); transform: rotate(-360deg) translate(5px, 5px) scale(0.9) } .g-circles--v1 .g--circle { fill-opacity: 0; -webkit-animation-name: opacity; animation-name: opacity } .g-circles--v2 .g--circle { fill-opacity: 0; stroke-opacity: 0; stroke-width: 1; stroke: #9acd32; -webkit-animation-name: opacity-stroke, colors, colors-stroke; animation-name: opacity-stroke, colors, colors-stroke } .g-circles--v2 .g--circle .u--circle { -webkit-animation: transform-2 1.2s linear infinite; animation: transform-2 1.2s linear infinite } .g-circles--v2 .g--circle:nth-child(12n + 1) .u--circle { -webkit-animation-delay: -.1s; animation-delay: -.1s } .g-circles--v2 .g--circle:nth-child(12n + 2) .u--circle { -webkit-animation-delay: -.2s; animation-delay: -.2s } .g-circles--v2 .g--circle:nth-child(12n + 3) .u--circle { -webkit-animation-delay: -.3s; animation-delay: -.3s } .g-circles--v2 .g--circle:nth-child(12n + 4) .u--circle { -webkit-animation-delay: -.4s; animation-delay: -.4s } .g-circles--v2 .g--circle:nth-child(12n + 5) .u--circle { -webkit-animation-delay: -.5s; animation-delay: -.5s } .g-circles--v2 .g--circle:nth-child(12n + 6) .u--circle { -webkit-animation-delay: -.6s; animation-delay: -.6s } .g-circles--v2 .g--circle:nth-child(12n + 7) .u--circle { -webkit-animation-delay: -.7s; animation-delay: -.7s } .g-circles--v2 .g--circle:nth-child(12n + 8) .u--circle { -webkit-animation-delay: -.8s; animation-delay: -.8s } .g-circles--v2 .g--circle:nth-child(12n + 9) .u--circle { -webkit-animation-delay: -.9s; animation-delay: -.9s } .g-circles--v2 .g--circle:nth-child(12n + 10) .u--circle { -webkit-animation-delay: -1s; animation-delay: -1s } .g-circles--v2 .g--circle:nth-child(12n + 11) .u--circle { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .g-circles--v2 .g--circle:nth-child(12n + 12) .u--circle { -webkit-animation-delay: -1.2s; animation-delay: -1.2s } .g-circles--v3 .g--circle { fill-opacity: 1; -webkit-animation-name: opacity, colors; animation-name: opacity, colors } .g-circles--v4 .g--circle { fill-opacity: 1; fill: orange; -webkit-animation-name: opacity, colors-3; animation-name: opacity, colors-3 } .g-circles--v4 .u--circle { -webkit-animation: transform 1.2s linear infinite; animation: transform 1.2s linear infinite } .g-circles--v4 .g--circle:nth-child(12n + 1) .u--circle { -webkit-animation-delay: -.1s; animation-delay: -.1s } .g-circles--v4 .g--circle:nth-child(12n + 2) .u--circle { -webkit-animation-delay: -.2s; animation-delay: -.2s } .g-circles--v4 .g--circle:nth-child(12n + 3) .u--circle { -webkit-animation-delay: -.3s; animation-delay: -.3s } .g-circles--v4 .g--circle:nth-child(12n + 4) .u--circle { -webkit-animation-delay: -.4s; animation-delay: -.4s } .g-circles--v4 .g--circle:nth-child(12n + 5) .u--circle { -webkit-animation-delay: -.5s; animation-delay: -.5s } .g-circles--v4 .g--circle:nth-child(12n + 6) .u--circle { -webkit-animation-delay: -.6s; animation-delay: -.6s } .g-circles--v4 .g--circle:nth-child(12n + 7) .u--circle { -webkit-animation-delay: -.7s; animation-delay: -.7s } .g-circles--v4 .g--circle:nth-child(12n + 8) .u--circle { -webkit-animation-delay: -.8s; animation-delay: -.8s } .g-circles--v4 .g--circle:nth-child(12n + 9) .u--circle { -webkit-animation-delay: -.9s; animation-delay: -.9s } .g-circles--v4 .g--circle:nth-child(12n + 10) .u--circle { -webkit-animation-delay: -1s; animation-delay: -1s } .g-circles--v4 .g--circle:nth-child(12n + 11) .u--circle { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .g-circles--v4 .g--circle:nth-child(12n + 12) .u--circle { -webkit-animation-delay: -1.2s; animation-delay: -1.2s } @-webkit-keyframes opacity { 3% { fill-opacity: 1 } 75% { fill-opacity: 0 } } @keyframes opacity { 3% { fill-opacity: 1 } 75% { fill-opacity: 0 } } @-webkit-keyframes opacity-stroke { 10% { stroke-opacity: 1 } 85% { stroke-opacity: 0 } } @keyframes opacity-stroke { 10% { stroke-opacity: 1 } 85% { stroke-opacity: 0 } } @-webkit-keyframes colors { 0% { fill: #9acd32 } 10% { fill: #ffd700 } 75% { fill: #dc143c } } @keyframes colors { 0% { fill: #9acd32 } 10% { fill: #ffd700 } 75% { fill: #dc143c } } @-webkit-keyframes colors-stroke { 0% { stroke: #9acd32 } 10% { stroke: #ffd700 } 75% { stroke: #dc143c } } @keyframes colors-stroke { 0% { stroke: #9acd32 } 10% { stroke: #ffd700 } 75% { stroke: #dc143c } } @-webkit-keyframes colors-2 { 0% { fill: #ff0 } 50% { fill: red } 65% { fill: #ff4500 } 95% { fill: #ffd700 } } @keyframes colors-2 { 0% { fill: #ff0 } 50% { fill: red } 65% { fill: #ff4500 } 95% { fill: #ffd700 } } @-webkit-keyframes colors-3 { 0% { fill: #9acd32 } 50% { fill: #40e0d0 } 65% { fill: #ff0 } 95% { fill: orange } } @keyframes colors-3 { 0% { fill: #9acd32 } 50% { fill: #40e0d0 } 65% { fill: #ff0 } 95% { fill: orange } } @-webkit-keyframes transform { 10% { -webkit-transform-origin: 70px 70px; transform-origin: 70px 70px; -webkit-transform: scale(0.75); transform: scale(0.75) } } @keyframes transform { 10% { -webkit-transform-origin: 70px 70px; transform-origin: 70px 70px; -webkit-transform: scale(0.75); transform: scale(0.75) } } @-webkit-keyframes transform-2 { 40% { -webkit-transform: scale(0.85) translate(10px, 10px); transform: scale(0.85) translate(10px, 10px) } 60% { stroke-width: 20 } } @keyframes transform-2 { 40% { -webkit-transform: scale(0.85) translate(10px, 10px); transform: scale(0.85) translate(10px, 10px) } 60% { stroke-width: 20 } } #subHeader2 .limiter { display: flex; gap: 10px; align-items: center; justify-content: space-around; } #subHeader2 #logo, #subHeader2 #topHeading, #timetable, #deliveryInfo, #skladInfo, #subHeader2 #contactInfo, #subHeader2 .cart { margin: auto; flex-grow: 1 } #subHeader2 .cart { flex-grow: 1; text-wrap: nowrap } #contactInfo2 { padding: 0 1%; line-height: 11px } #subHeader2 #contactInfo { line-height: 18px; padding: 0 15px } #contactInfo .topWishlist { display: none } #headerButtonsConatiner { display: inline-block; padding: 0 1%; width: 162px; width: 8.5%; min-width: 117px; vertical-align: middle; float: left } #subHeader2 .cart .topCompare { display: none } #subHeader2 #timetable .everyday { padding-left: 38px; background: url(/bitrix/templates/dresscode/icons/icon_grafik_3d.png) no-repeat left center; background-size: 32px; display: inline-block; font-size: 12px; line-height: 13px } #subHeader2 #deliveryInfo .deliveryInfo { padding-left: 50px; background: url(/bitrix/templates/dresscode/icons/icon_dostavka_3d.png) no-repeat left center; background-size: 45px; display: inline-block; font-size: 12px; line-height: 13px } #subHeader2 #skladInfo .skladInfo { padding-left: 45px; background: url(/bitrix/templates/dresscode/icons/icon_sklad_3d.png) no-repeat left center; background-size: 35px; display: inline-block; text-align: left; font-size: 12px; line-height: 13px } #timetable h4, #deliveryInfo h4, #skladInfo h4 { margin: 0; padding: 0 } #timetable span, #deliveryInfo span, #skladInfo span { font-size: 12px } #timetable p, #deliveryInfo p, #skladInfo p { margin: 5px 0; padding: 0; } #timetable div + div p { margin: auto; font-size: 12px } #deliveryInfo a, #skladInfo a, #timetable a { color: #000 !important; font-size: 12px !important; line-height: 12px } #deliveryInfo p a, #skladInfo p a { color: #1131dae0 !important; font-size: 12px !important } #contactInfo .vochi-phone { font-size: 16px; margin-top: 18px; font-weight: 600; color: #2f2a2a; } #contactInfo .firstPhone { padding-left: 50px; background: url(/bitrix/templates/dresscode/icons/phone_velcom_mts.png) no-repeat left center; background-size: 40px; font-weight: 700; font-size: 18px; display: block; color: rgb(0, 0, 0); } #contactInfo a, #contactInfo .firstPhoneX a, #contactInfo .secondPhoneX a, #contactInfo .thirdPhone a, #contactInfo .forthPhone a { text-decoration: none; color: inherit; } #contactInfo .firstPhone small, #contactInfo .secondPhone small { margin: 0; padding: 0; line-height: 12px; font-size: 12px; font-weight: 400 } #contactInfo .secondPhone { padding-left: 25px; background: url(/bitrix/templates/dresscode/icons/phone_mts.png) no-repeat left center; background-size: 15px; margin: 10px 0 0; font-weight: 700; font-size: 16px; display: block } #contactInfo #openAllContacts { padding-left: 0; display: inline-block; margin-top: 10px; font-weight: 700; color: #1284cc !important; font-size: 16px !important } #subHeader2 .topWishlist, #subHeader2 .topCompare { padding-top: 25px; float: left } #subHeader2 .topCompare { margin-right: 5px } #subHeader2 .topCompare .text, #subHeader2 .topWishlist .text { top: 10px } #subHeader2 { border: none; display: inline-block; width: 100%; height: auto; padding: .5% 0 } #subHeader3 { background-color: #2b2b2b; position: relative; display: inline-block; max-width: 100%; } #topSearchLine { width: 30%; margin-right: 1%; display: inline-block; margin-top: 6px } #topSearch2 .searchContainer { line-height: 28px; height: 28px; position: relative; z-index: 40 } #topSearch2 .searchContainerInner { height: 28px } #topSearch2 #searchQuery { height: 28px } #topSearch2 #goSearch { background: url(/bitrix/components/dresscode/search.line/templates/version2/images/searchIcoH2.png) 12px -4px no-repeat transparent; width: 50px; height: 28px; background-size: 32px } #topBigMenu { width: 68%; padding: 0; display: inline-block; vertical-align: top; max-height: 40px } #topBigMenu ul.bigMenu { margin: 0; padding: 0; width: 100%; display: inline-block } #topBigMenu ul.bigMenu li { display: inline-block; margin: 0; list-style: none; max-width: 16%; padding: 12px 1% 12px 4.5%; } #topBigMenu ul.bigMenu li a { font-weight: 700; color: #fff !important; font-size: 13px !important; text-decoration: none; text-transform: uppercase } #topBigMenu ul.bigMenu li.active a { color: #000 !important } #topBigMenu ul.bigMenu li.menuShopItem { background: url(/bitrix/templates/dresscode/icons/icon_internet_half.png) no-repeat left center; background-position-x: 15%; background-size: 23px; } #topBigMenu ul.bigMenu li.menuShopItem.active { background: #fff url(/bitrix/templates/dresscode/icons/icon_internet.png) no-repeat left center; background-position-x: 15%; background-size: 23px; box-shadow: -3px -3px 3px rgba(60, 57, 55, 0.3); max-height: 12px; vertical-align: middle; } #topBigMenu ul.bigMenu li.menuDeliveryItem { background: url(/bitrix/templates/dresscode/icons/icon_delivery.png) no-repeat left center; background-position-x: 9%; background-size: 26px; } #topBigMenu ul.bigMenu li.menuDeliveryItem.active { background: #fff url(/bitrix/templates/dresscode/icons/icon_delivery_half.png) no-repeat left center; background-position-x: 13%; background-size: 26px; box-shadow: -3px -3px 3px rgba(60, 57, 55, 0.3); max-height: 12px; vertical-align: middle; } #topBigMenu ul.bigMenu li.menuCalcItem { background: url(/bitrix/templates/dresscode/icons/icon_calc6.png) no-repeat left center; background-position-x: 9%; background-size: 26px; } #topBigMenu ul.bigMenu li.menuCalcItem.active { background: #fff url(/bitrix/templates/dresscode/icons/icon_calc6.png) no-repeat left center; background-position-x: 13% !important; background-size: 26px !important; box-shadow: -3px -3px 3px rgba(60, 57, 55, 0.3); max-height: 12px; vertical-align: middle; } #topBigMenu ul.bigMenu li.menuClubItem { background: url(/bitrix/templates/dresscode/icons/icon_klub.png) no-repeat left center; background-position-x: 5%; background-size: 25px; } #topBigMenu ul.bigMenu li.menuClubItem.active { background: #fff url(/bitrix/templates/dresscode/icons/icon_klub.png) no-repeat left center; background-position-x: 5%; background-size: 25px; box-shadow: -3px -3px 3px rgba(60, 57, 55, 0.3); max-height: 12px; vertical-align: middle; } #topBigMenu ul.bigMenu li.menuRemontItem { background: url(/bitrix/templates/dresscode/icons/icon_svoim18.png) no-repeat left center; background-position-x: 10%; background-size: 27px; } #topBigMenu ul.bigMenu li.menuRemontItem.active { background: #fff url(/bitrix/templates/dresscode/icons/icon_svoim18.png) no-repeat left center; background-position-x: 10% !important; background-size: 27px !important; box-shadow: -3px -3px 3px rgba(60, 57, 55, 0.3); max-height: 12px; vertical-align: middle; } #topBigMenu ul.bigMenu li.menuCreditItem { background: url(/bitrix/templates/dresscode/icons/icon_rassrochka_half.png) no-repeat left center; background-position-x: 5%; background-size: 28px } #topBigMenu ul.bigMenu li.menuCreditItem.active { background: #fff url(/bitrix/templates/dresscode/icons/icon_rassrochka.png) no-repeat left center; background-position-x: 5%; background-size: 28px; box-shadow: -3px -3px 3px rgba(60, 57, 55, 0.3); max-height: 12px; vertical-align: middle; } /* #topBigMenu ul.bigMenu li.menuOptItem { background: url(/bitrix/templates/dresscode/icons/icon_zima2.png) no-repeat left center; background-position-x: 12%; background-size: 28px } #topBigMenu ul.bigMenu li.menuOptItem.active { background: url(/bitrix/templates/dresscode/icons/icon_zima2.png) no-repeat left center; background-color: #fff; background-position-x: 19%; background-size: 26px; box-shadow: -3px -3px 3px rgba(60, 57, 55, 0.3); max-height: 12px; vertical-align: middle } #topBigMenu ul.bigMenu li.menuKomplektItem { background: url(/bitrix/templates/dresscode/icons/icon_komplekty.png) no-repeat left center; background-position-x: 19%; background-size: 26px } #topBigMenu ul.bigMenu li.menuKomplektItem.active { background: url(/bitrix/templates/dresscode/icons/icon_komplekty.png) no-repeat left center; background-color: #fff; background-position-x: 10%; background-size: 28px; box-shadow: -3px -3px 3px rgba(60, 57, 55, 0.3); max-height: 12px; vertical-align: middle } #topBigMenu ul.bigMenu li.menuSchoolItem { background: url(/bitrix/templates/dresscode/icons/icon_shkola_half.png) no-repeat left center; background-position-x: 5%; background-size: 28px } #topBigMenu ul.bigMenu li.menuSchoolItem.active { background: url(/bitrix/templates/dresscode/icons/icon_shkola.png) no-repeat left center; background-color: #fff; background-position-x: 5%; background-size: 28px; box-shadow: -3px -3px 3px rgba(60, 57, 55, 0.3); max-height: 12px; vertical-align: middle } */ #contactInfo .thirdPhone small, #contactInfo .forthPhone small, #contactInfo .firstPhoneX small, #contactInfo .secondPhoneX small { margin: 0; padding: 0; line-height: 12px; font-size: 12px; font-weight: 400 } #openAllContactsContainer .thirdPhone, #openAllContactsContainer .forthPhone, #openAllContactsContainer .firstPhoneX, #openAllContactsContainer .secondPhoneX { padding-left: 25px } #contactInfo .firstPhoneX, #contactInfo .secondPhoneX, #contactInfo .thirdPhone, #contactInfo .forthPhone { background-size: 20px; margin: 10px 0 0; font-weight: 700; font-size: 18px; display: block } #contactInfo .firstPhoneX { background: url(/bitrix/templates/dresscode/icons/phone_velcom.png) no-repeat left center; } #contactInfo .secondPhoneX { background: url(/bitrix/templates/dresscode/icons/phone_mts.png) no-repeat left center; } #contactInfo .thirdPhone { background: url(/bitrix/templates/dresscode/icons/phone_life.png) no-repeat left center; } #contactInfo .forthPhone { background: url(/bitrix/templates/dresscode/icons/tel.png) no-repeat left center; } #contactInfo .callPhone { width: 20px; height: 20px; margin-left: 10px; background: url(/bitrix/templates/dresscode/icons/icon_phone.png) no-repeat left center; background-size: 20px; display: inline-block } #contactInfo .fax, #contactInfo .email, #contactInfo .sendRequest, #contactInfo .skype, #contactInfo .viber, #contactInfo .telegram, #contactInfo .dove { margin-top: 10px; padding-left: 30px; background-size: 20px; display: inline-block; width: 85%; color: #1131dae0; font-size: 13px; text-align: left; line-height: 20px; } #contactInfo .fax { background: url(/bitrix/templates/dresscode/icons/icon_fax.png) no-repeat left center; } #contactInfo .email { background: url(/bitrix/templates/dresscode/icons/icon_email.png) no-repeat left center; } #contactInfo .sendRequest { background: url(/bitrix/templates/dresscode/icons/icon_skinut.png) no-repeat left center; } #contactInfo .skype { background: url(/bitrix/templates/dresscode/icons/icon_skype.png) no-repeat left center; } #contactInfo .viber { background: url(/bitrix/templates/dresscode/icons/icon_viber.png) no-repeat left center; } #contactInfo .telegram { background: url(/bitrix/templates/dresscode/icons/icon_telegram.png) no-repeat left center; } #contactInfo .dove { background: url(/bitrix/templates/dresscode/icons/icon_dove.png) no-repeat left center; } #openAllContactsContainer { position: relative } #allContactsContainer { position: absolute; display: none; padding: 20px 25px; width: 180px; left: -25%; z-index: 999; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); text-align: center } #allContactsContainer2 { position: absolute; display: none; padding: 20px; width: 220px; z-index: 999; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); text-align: center } #openAllContactsContainer:hover #allContactsContainer, #openAllContactsContainer:hover #allContactsContainer2 { display: block } #allContactsContainer p { margin: 0 } .dovePopup { display: none; padding-left: 40px; font-size: 12px; text-align: left } .dovePopup.active { display: block } #topMenuNewContainerMobile { display: none } @media (max-width: 1580px) { #headerButtonsConatiner { display: inline-block; padding: 0 1%; width: 162px; width: 8.5%; min-width: 117px; vertical-align: middle } #topSearchLine { width: 28% } #topBigMenu { width: 68% } #topBigMenu ul.bigMenu li a { font-size: 12px !important } } #headerButtonsConatiner { display: none } #topHeader2 #topMenuNew li { padding-left: 10px } @media (max-width: 1350px) { #topBigMenu ul.bigMenu li a { font-size: 12px !important } } @media (max-width: 1280px) { #topSearchLine { width: 90%; margin: 9px 0 } #topBigMenu { width: 100%; } #topBigMenu ul.bigMenu li { margin-left: 0; max-width: 16%; padding: 10px 1% 10px 5% } } @media (max-width: 1050px) { #topSearchLine { width: 90%; margin: 9px 0 } #topBigMenu { width: 100% } #topBigMenu ul.bigMenu li { margin-left: 0; max-width: 16%; padding: 10px 1% 10px 5% } #subHeader2 #topHeading, #skladInfo { display: none } } @media (max-width: 1000px) { #contactInfo .topWishlist { display: inline-block } #subHeader2 .cart .topCompare { display: inline-block } #topSearchLine { width: 100% } #topBigMenu { display: none; width: 100% } #topBigMenu ul.bigMenu li { max-width: 8%; padding: 10px 6%; display: inline-block; float: left } #headerButtonsConatiner, #topHeading, #deliveryInfo, #skladInfo { display: none; } #contactInfo .firstPhone, #contactInfo .secondPhone { display: block } #allContactsContainer { left: -35% } #subHeader2 .topWishlist, #subHeader2 .topCompare { display: none } .topWishlist .icon { background: url(/bitrix/components/dresscode/favorite.line/templates/version2/images/wishlistH2.png) -5px -5px no-repeat transparent; border: 1px solid #f3f3f3; display: block; height: 40px; width: 40px } .topCompare .icon { background: url(/bitrix/components/dresscode/compare.line/templates/version2/images/compareH2.png) -5px -5px no-repeat transparent; border: 1px solid #f3f3f3; display: block; height: 40px; width: 40px } } @media (max-width: 700px) { #topMenuNewContainerPC { float: left; display: inline-block; vertical-align: middle } #topHeader2 .leftColumn { float: left; display: inline-block; vertical-align: middle } #topHeader2 .rightColumn { display: inline-block; vertical-align: middle } #topMenuNewContainerMobile { display: none; vertical-align: middle } #topHeader2 #topMenuNew { margin: 0; vertical-align: middle; border: 0 } #topHeader2 #topMenuNew li { margin: 0; padding-left: 5%; max-width: 20% } #topHeader2 #topMenuNew li > ul li { padding: 5px; max-width: 100% } #topHeader2 #topMenuNew li a { padding: 0 } #topMenuNewContainerPC { float: left; display: inline-block; vertical-align: middle } #subHeader2 .topCompare { display: none } #topBigMenu ul.bigMenu li { max-width: 4%; padding: 10px 8%; display: inline-block; float: left } #topSearchLine { width: 95%; margin-left: 2% } } @media (max-width: 560px) { #topHeader2 .leftColumn { float: left; display: inline-block } #topMenuNewContainerMobile { display: none } #topHeader2 #topMenuNew { margin: 0 } #topHeader2 #topMenuNew li { margin: 0; padding-left: 5%; max-width: 16% } #topHeader2 #topMenuNew li a { padding: 0 } #allContactsContainer { left: -80% } #topMenu .bar { padding: 0 4px } #topService li { padding: 0 6px } } @media (max-width: 500px) { #topHeader2 .leftColumn { float: left; display: inline-block } #topMenuNewContainerMobile { display: none; vertical-align: middle } #topHeader2 #topMenuNew { margin: 0; vertical-align: middle } #topHeader2 #topMenuNew li { margin: 0; padding-left: 2%; max-width: 16% } #topHeader2 #topMenuNew li:first-child { padding: 0 } #topHeader2 #topMenuNew li a { padding: 0 } #allContactsContainer { left: -50% } #topBigMenu { width: 100% } #topBigMenu ul.bigMenu li { margin-left: 0; max-width: 60%; width: 60%; padding: 10px 20% } #contactInfo .firstPhone { font-size: 16px; background-size: 35px; padding-left: 42px; white-space: nowrap; } #contactInfo #openAllContacts { font-size: 14px !important; margin-top: 5px; } #logo img { max-height: 50px } #subHeader2 #contactInfo { padding: 0; flex-grow: 1 } } @media (max-width: 320px) { #contactInfo .firstPhone { font-size: 13px; background-size: 30px; padding-left: 42px } #contactInfo #openAllContacts { font-size: 13px !important; text-wrap: nowrap; } } .btn-fastbuy-table { padding: 14px 16px 12px !important } #map_adress { -webkit-transition: .1s all ease-in-out; -o-transition: .1s all ease-in-out; transition: .1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; display: none; z-index: 1001; height: 100%; width: 100%; left: 0; top: 0 } #map_adress .map_adress-container { box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); background-color: #fff; margin-left: -350px; position: absolute; overflow: hidden; width: 700px; left: 50%; top: 5% } .map_adress-container__inner { padding: 50px } #map_adress .map_adress-container .requestPriceHeading { background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #fff; height: 60px } #map_adress .map_adress-container .close { background: url(/bitrix/templates/dresscode/images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px } #map_adress .map_adress-container .close:hover { background-position: 0 -21px } #map_adress .map_adress-container .close:active { background-position: 0 -42px } #map_adress input[type=submit] { line-height: 12px; padding: 8px; height: auto } .dop_service .checkbox input:checked, #sumInfo .checkbox input:checked { background: #009a46; border-color: #009a46 } .dop_service .checkbox input, #sumInfo .checkbox input { -webkit-appearance: none; background: #fff; border: 1px solid #717171; width: 15px; height: 15px; display: inline-block; margin: 0 10px 0 0; } .dop_service { margin-top: 20px } .dop_service ul { margin: 20px 0; padding: 0 } .dop_service ul li { list-style-type: none; padding: 0; margin: 0 0 15px } .dop_service .checkbox, #sumInfo .checkbox { display: flex; align-items: center } .dop_service-content { background: #f9f9f9; border-top: 1px solid #ebedec; border-right: 1px solid #ebedec; border-bottom: 1px solid #ebedec; border-left: 1px solid #ebedec; padding: 8px 0 8px 20px; margin: 15px 0 } .dop_service-content__item { display: flex; flex-flow: row; align-items: center; margin-bottom: 10px } .dop_service-content__item input.input_text { width: auto; display: inline-block } .dop_service-content__item input { margin-left: 0; margin-right: 15px } .dop_service-content__item label, .dop_service-content__item select { margin-right: 15px } .col-md-6-left { width: 60%; float: left } .col-md-6-right { width: 40%; float: right } .pos-rel { position: relative; margin-top: 0px; margin-bottom: 10px; } .count-form .plus, .count-form .minus { background: url(/bitrix/templates/dresscode/images/2/plusMinusElement2.png) 0 0 no-repeat #424242; vertical-align: middle; display: inline-block; height: 28px; width: 28px } .count-form .plus { background-position: 0 100% } .count-form .qty { background-color: #e7e8ea; color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: inline-block; text-align: center; font-size: 12px; margin: 0 2px; height: 28px; width: 50px; padding: 0 2px; border: 0 } .need-more { color: #90918f; background-color: #ebedec; border-radius: 4px; padding: 3px 5px; position: absolute; left: 20px; top: 45px; font-size: 12px; display: none; z-index: 100 } .need-more::after { content: ''; position: absolute; left: -5px; top: -35px; border: 4px solid transparent; border-bottom: 20px solid #ebedec; width: 2px; height: 20px; transform: rotate(-20deg) } .need-more span { color: #0c974e; font-weight: 700 } .need-more.active { display: block } .need-more2 { color: #90918f; background-color: #ebedec; border-radius: 4px; padding: 3px 5px; position: absolute; left: 20px; top: 40px; font-size: 12px; display: none; z-index: 100 } .need-more2::after { content: ''; position: absolute; left: -5px; top: -35px; border: 4px solid transparent; border-bottom: 20px solid #ebedec; width: 2px; height: 20px; transform: rotate(-20deg) } .need-more2 span { color: #0c974e; font-weight: 700 } .need-more2.active { display: none } .opt-padding { top: 25px } .help-text { position: relative } .hepl-text-main { color: #73b24e; border-bottom: 1px dashed #73b24e; cursor: pointer } .hepl-text-main-sub { display: none; position: absolute; top: 25px; left: 0; font-size: 12px; background-color: #fff; padding: 10px; border: 1px solid #dedede } @media all and (max-width: 440px) { .need-more.active { display: none } .need-more2 { top: 24px } .need-more2.active { display: block } } @media all and (max-width: 700px) { .product .price { font-size: 18px } .product { height: 220px } .count-form { margin-top: 0 } .btn-simple.add-cart { display: none } .product .col-md-6-right .addCart { display: block; line-height: 28px; height: 27px; font-size: 0 !important; } .product .col-md-6-right .addCart img { padding-right: 0 } .product .optional { display: block } .product .optional .addCompare { display: none } .product .row:first-child { display: block } .product .optional .fastBack { display: none } .product .optional .addWishlist { display: none } .opt-padding { top: 0 } } #order .DELIVERS { display: none !important } .cart-pad1 { padding-bottom: 10px } .cart-pad2 { padding-bottom: 20px; position: relative } .cart-pad3 { position: relative } .cart-abs2 { top: 40px; left: 0 } .getPricesWindow3 { background: url(/bitrix/templates/dresscode/icons/icon_strelka2.png) 100% 55% no-repeat; color: #55c390; font-size: 12px; padding-right: 10px; text-decoration: underline; cursor: pointer; line-height: 14px; position: relative; } .line-price-block .cart-pad3 { width: 50%; float: left } .line-price-block .resizeColumn { width: 48%; float: left } #catalogLineList .line-price-block .resizeColumn .addCart { height: 30px; line-height: 30px; margin: 5px 10px 0 0; font-size: 12px } #catalogLineList .line-price-block .qty { width: 40px } #catalogLineList .article { max-width: 150px; margin-top: 10px } .getPricesPad2 { margin-top: -10px } .getPricesDiv { min-height: 100px; background: url(/bitrix/templates/dresscode/icons/spinner.gif) 50% 50% no-repeat } /*@media all and (max-width: 700px) { .getPricesDiv { display: none } }*/ .getPricesDivHovered { background-image: none; margin-top: 15px; } .getPricesDivHovered2 { background-image: none } #related .right-block, #similar .right-block { display: none; } .tags-block { padding-left: 0; } .tags-block li { display: inline-block; padding: 5px 10px; background: #ffda62; border-radius: 10px; margin: 3px; } .tags-block li a { color: #333; text-decoration: none; } .tags-block li.selected-cat a { border-bottom: 0; color: #ffffff; } .tags-block li.selected-cat { background: #27c149; } .tags-block li:hover a { border-bottom: 0; } .all-analogs { background-color: #ffcc00; cursor: pointer; padding: 5px 10px; text-align: center; border: 1px solid #fbe479; display: inline-block; } .all-analogs-mob { background-color: #ffcc00; cursor: pointer; padding: 5px 10px; text-align: center; border: 1px solid #fbe479; display: none; } .productColText { position: relative; margin-top: 5px; } .picture.swiper { padding: 10px 0; } .productColText .all-analogs { position: absolute; right: 5px; top: 50px; font-weight: bold; } @media all and (min-width: 1801px) { .productColText { margin-top: 10px; } .picture.swiper { padding: 12px 0; } } @media all and (min-width: 1025px) and (max-width: 1366px) { .productColText { margin-top: 10px; } .product .optional { top: 11px; } } .analogs-block { display: none; position: absolute; top: 0; left: 0; background-color: #fff; border: 1px solid #dadada; padding: 10px; z-index: 9999; } .analogs-block-over { position: relative; } #catalogLineList .column:nth-child(2) { vertical-align: top; } .analogs-block-close { width: 16px; height: 16px; position: absolute; top: 10px; right: 10px; background: url(/bitrix/templates/dresscode/images/close-icon.png) 50% 50% no-repeat; cursor: pointer; } .analogs-block-close2 { cursor: pointer; width: 100px; margin: 0 auto; background-color: #d9dbda; padding: 5px 20px; border-radius: 2px; text-align: center; } .analogs-block h3 { margin-top: 0; font-weight: bold; color: #666; text-align: center; } .analogs-block .captionBtnLeft { display: none; } .analogs-block .captionBtnRight { display: none; } .analogs-block .sku_slider_over { padding-left: 0; padding-right: 0; } @media all and (max-width: 600px) { .analogs-block { position: fixed; top: 50px; left: 0; min-width: calc(100% - 22px); } } #catalogLineList .itemRow { position: relative; } .left-strelka-sku { width: 35px; height: 35px; position: absolute; top: 50%; left: -5px; background: url(/bitrix/templates/dresscode/images/left_strelka8.png) 50% 50% no-repeat; cursor: pointer; z-index: 9; margin-top: -24px; } .right-strelka-sku { width: 35px; height: 35px; position: absolute; top: 50%; right: -5px; background: url(/bitrix/templates/dresscode/images/right_strelka8.png) 50% 50% no-repeat; cursor: pointer; z-index: 9; margin-top: -24px; } .productList.squares .left-strelka-sku { left: 3px; z-index: 9; } .productList.squares .right-strelka-sku { right: 6px; z-index: 9; } .productList.squares .analogs-block-over { position: relative; top: 5px; left: 0; width: 100%; margin-bottom: 10px; } .productList.squares .analogs-block { min-width: calc(100% - 22px); } .items.productList .product.has-sanctions .productTable { opacity: .6; } .items.productList .product.has-sanctions .optional .row p.sanctions.label { display: none; } .items.productList .product.has-sanctions .productTable .price { color: #717171 } .items.productList .product.has-sanctions .optional .row p.label { margin: 0; line-height: 1; font-size: 12px; } .items.productList .product.has-sanctions p.sanctions { margin: 0; line-height: .8; color: #000; opacity: .7 } .items.productList .product.has-sanctions .col-md-6-right a.sanctions { margin: -4px auto; line-height: 1; padding: 7px 20px; background: #ffcc00; border-radius: 4px; color: #000; text-decoration: unset; font-size: 13px; display: block; } .items.productList .product .col-md-6-right { text-align: center; } @media (min-width: 1367px) { .items.productList .product.has-sanctions .productTable { margin-bottom: 26px } } @media (min-width: 981px) and (max-width: 1366px) { .items.productList .product.has-sanctions .productTable { margin-bottom: 18px } } @media (max-width: 980px) { .items.productList .product.has-sanctions .optional .row p.sanctions.label { display: block; } .items.productList .product.has-sanctions .clearfix.pos-rel .col-md-6-left { display: none } .items.productList .product.has-sanctions .clearfix.pos-rel .col-md-6-right { width: 100%!important; } .items.productList .product.has-sanctions .productTable { margin-bottom: 15px } .items.productList .product.has-sanctions a.sanctions { max-width: 40%; } .items.productList .product.has-sanctions .optional .row p.label { width: 100%; text-align: center; } .items.productList .product.has-sanctions .optional .analogs-block-over + .row { width: 35% } .items.productList .product.has-sanctions a.sanctions { margin-right: 4px; } .items.productList .product.has-sanctions .col-md-6-right { /*margin-right: 40%;*/ } } @media (min-width: 479px) and (max-width: 549px) { .items.productList .product.has-sanctions .optional .row p.label { margin-top: 5px; } } #scrollTable > ul > li.has-sanctions { opacity: .6 } #scrollTable .scrollElement a.sanctions { margin: -6px auto; line-height: 1; padding: 21px 20px; background: #ffcc00; border-radius: 4px; color: #000; text-decoration: unset; font-size: 16px; display: block; max-width: 250px; box-sizing: border-box; text-align: center; } #catalogTableList .itemRow { position: relative; } #catalogTableList .all-analogs { position: relative; left: -15px; } @media all and (max-width: 1500px) { #catalogTableList .all-analogs { font-size: 12px; } } @media all and (max-width: 480px) { #catalogTableList .all-analogs { left: 0; font-size: 16px; } } .catalogLineTable-over .skuProperty .selected .skuPropertyLink { border: 1px solid #27c148; } .catalogLineTable-over .prop a:hover { color: #27c148; } @media all and (max-width: 1200px) { .catalogLineTable-over .column:last-child { background-color: #f9f9f9; } } /* catalog.section */ .catalogLineTable-over .name:hover { color: #27c148; } .catalogLineTable-over .addCart { background: #27c148; } .catalogLineTable-over .addCart:hover { background-color: #19cc3f; } .catalogLineTable-over .skuProperty .selected .skuPropertyLink { border: 1px solid #27c148; } .catalogLineTable-over .prop a:hover { color: #27c148; } .catalogLineTable-over .skuPropertyName { margin-bottom: 4px; font-size: 13px; color: #000000; } .catalogLineTable-over .skuPropertyList { overflow: hidden; list-style: none; margin: 0 -4px; padding: 0; } .catalogLineTable-over .skuProperty { overflow: hidden; margin: 12px 0; } .catalogLineTable-over .skuProperty li { box-sizing: border-box; overflow: hidden; min-width: 35px; padding: 4px; float: left; } .catalogLineTable-over .skuProperty .disabled { display: none; } .catalogLineTable-over .skuPropertyLink { border: 1px solid #dddddd; text-decoration: none; text-align: center; line-height: 21px; padding: 4px 6px; min-width: 30px; font-size: 13px; display: block; color: #000000; } .catalogLineTable-over .skuPropertyList img { vertical-align: middle; max-height: 100%; max-width: 100%; } .catalogLineTable-over .prop 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; } .catalogLineTable-over .oSkuDropDownProperty { overflow: visible; margin: 0; } .catalogLineTable-over .oSkuDropDownProperty .oSkuDropdownListItem { box-sizing: content-box; overflow: visible; min-width: auto; padding: 0; float: none; } .catalogLineTable-over .oSkuDropdown { 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; max-width: 250px; width: auto; margin-top: 4px; z-index: 99; } .catalogLineTable-over .oSkuCheckedItem { background: url(/bitrix/templates/dresscode/images/selectArrow.png) 97% 50% no-repeat transparent; padding: 12px 30px 12px 8px !important; border-radius: 4px; cursor: pointer; display: block; color: #000000; } .catalogLineTable-over .oSkuCheckedItem:hover { opacity: 0.8; } .catalogLineTable-over .oSkuCheckedItem:active { position: relative; top: 1px; } .catalogLineTable-over .oSkuDropdown label:before, .catalogLineTable-over .oSkuCheckboxList label:before { display: none; } .catalogLineTable-over .oSkuDropdownList { 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: 42px; right: 0; left: 0; } .catalogLineTable-over .oSkuDropdownList.opened { visibility: visible; opacity: 1; } .catalogLineTable-over .pics .oSkuDropdownList { top: 52px; } .catalogLineTable-over .oSkuDropdownList .skuPropertyValue { border-top: 1px solid #e7e8ea; position: relative; display: block; } .catalogLineTable-over .oSkuDropdownList .skuPropertyValue:first-child { border-top: 0; } .catalogLineTable-over .oSkuDropdownList .selected { box-shadow: 1px 1px 12px #f1f1f1 inset; background-color: #f9f9f9; cursor: pointer; color: #ffffff; opacity: 0.8; } .catalogLineTable-over .oSkuDropdownList .skuPropertyValue:hover { background-color: #f9f9f9; cursor: pointer; color: #ffffff; opacity: 0.8; } .catalogLineTable-over .oSkuDropdownList .oSkuPropertyItemLink { padding: 12px 8px !important; text-decoration: none; line-height: 18px; text-align: left; font-size: 13px; color: #000000; display: block; border: 0; } .catalogLineTable-over .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink { border: 0; } .catalogLineTable-over .oSkuDropdownList .oSkuDropdownListItem.disabled { display: none; } .catalogLineTable-over .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink, .catalogLineTable-over .oSkuDropdownList .oSkuPropertyItemLink:active { position: relative; top: 1px; } .catalogLineTable-over .oSkuDropdownList .skuPropertyValue.loading:after { left: 24px; } html.bx-touch .products__item .p-tile__items { opacity: 1; bottom: -2%!important; top: 90%!important; margin: auto; } @media screen and (max-width: 1470px) { .catalogLineTable-over .column:last-child { width: 220px; } .catalogLineTable-over.productListLine .line-price-block .resizeColumn { width: 100%; margin-bottom: 10px; } .catalogLineTable-over.productListLine .line-price-block .resizeColumn a { padding: 0; margin-left: 0; margin-top: 0; } .catalogLineTable-over.productListLine .itemRow .column:first-child { width: 220px; } .catalogLineTable-over.productListLine .line-price-block .cart-pad2 { padding: 0 0 10px; } .catalogLineTable-over.productListLine .prop { width: 100%; font-size: 12px; } .catalogLineTable-over.productListLine .prop tr td { min-width: 100px } .catalogLineTable-over.productListLine .line-price-block .cart-pad3 { width: 100%; } } @media screen and (max-width: 1300px) { .catalogLineTable-over.productListLine .resizeColumn .optional .row { display: flex; flex-flow: column; } .catalogLineTable-over.productListLine .label:nth-child(1), #catalogLineList .label:nth-child(3), .catalogLineTable-over .label { width: 100%; } } @media screen and (max-width: 1200px) { .catalogLineTable-over.productListLine .column:last-child { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; width: 100%; } .catalogLineTable-over.productListLine .column:last-child div { width: auto; flex: 1; } .catalogLineTable-over.productListLine .column:last-child { height: auto; } .catalogLineTable-over.productListLine .column:last-child .optional .label { width: 100%; } .catalogLineTable-over.productListLine .column:last-child .addCart { display: block; width: 100px; } .catalogLineTable-over.productListLine .count-form { margin: 0; } .catalogLineTable-over.productListLine .column:last-child { line-height: 40px; } .catalogLineTable-over.productListLine .prop { width: 100%; } } @media screen and (max-width: 800px) { .catalogLineTable-over.productListLine .itemRow .column:first-child { width: 60%; } .catalogLineTable-over.productListLine .column:first-child, .catalogLineTable-over.productListLine .column:nth-child(2) { float: unset; } } .catalogLineTable-over .skuPropertyLink { min-height: 40px; overflow: hidden; max-height: 40px; } .skuProperty .captionBtnLeft { background: url(/bitrix/templates/dresscode/images/offerArrowSmall.png) -20px -2px no-repeat transparent; position: absolute; height: 40px; width: 20px; top: 0; left: 0; } .skuProperty .captionBtnRight { background: url(/bitrix/templates/dresscode/images/offerArrowSmall.png) -20px -2px no-repeat transparent; background-position-x: -80px; background-position-y: -5px; position: absolute; height: 40px; width: 20px; top: 0; right: 0; } .sku_slider_over { position: relative; padding-left: 18px; padding-right: 10px; } .catalogLineTable-over.analogs-block-over { position: absolute; width: 100%; left: 0; top: 0; } @media screen and (max-width: 1800px) { .items.productList .product .getPricesWindowSKU { left: 0; } /*.productColText .all-analogs {position: absolute; right: 55px; top: -40px;}*/ } @media screen and (max-width: 700px) { .productColText .all-analogs { /*right:auto; top:38px;*/ display: none; } .items.productList .all-analogs-mob { display: block; margin: 20px auto; width: 90px; } .product .analogs-block .skuProperty { display: block; } .items.productList .product .getPricesWindowSKU { top: -5px; } } @media (max-width: 980px) { html.bx-touch .product .col-md-6-right .addCart { display: block; line-height: 28px; height: 27px; font-size: 0 !important; } html.bx-touch .product .addCart .icon { padding-right: 0; } .productColImage { width: 50%; margin: auto; } .picture.swiper { padding: 0 0 10px; } .productColText { width: 45%; display: flex; vertical-align: middle; flex-direction: column; height: 140px; justify-content: space-evenly; margin-left: 2%; } .product .row .label.fastBack, .product .row .addCompare.label, .product .row .addWishlist.label { display: none; } .product { height: 217px !important; margin-bottom: 15px !important; } .product .optional .pos-rel { width: 52%; display: flex; margin-bottom: 5px; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: space-around; align-items: center; } #catalog .product .optional .pos-rel { width: 59%; } .product .optional { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top: 5px; flex-direction: row-reverse; } .productList.squares .analogs-block-over { order: 1 } .product .optional .pos-rel .col-md-6-left { width: 70% !important; float: unset; text-align: center; } .product .optional .pos-rel .col-md-6-right { width: 25% !important; float: unset; } .product .optional .count-form .qty { max-width: 38px !important; height: 33px; font-size: 16px; } .items.productList:not(.index-page) .product.has-analogs { height: auto !important; } .productList .analogs-block-over { padding: 5px 10px 0; display: block; } .productList .analogs-block-over.empty { padding-top: 0!important; margin-bottom: 0!important; } .product .optional .analogs-block-over + .row { width: 40%; } .product .optional .row a:first-child { width: 100%!important; margin-top: 7px; text-align: center; } .count-form .plus, .count-form .minus { height: 33px; line-height: 33px; background-position: 0 3px; min-width: 28px; } .count-form .plus { background-position: 0 107%; } .product .col-md-6-right .addCart { height: 33px !important; } .product .addCart .icon { margin-top: 1px !important; } html.bx-touch .products__item .p-tile__items { opacity: 1; top: 90%!important; margin: auto; bottom: -3%!important; } .need-more2.active { position: absolute; top: -30px; right: 0; left: unset; } .product .picture .products__item-img img { max-width: 100%; max-height: 100%; } .product .price { margin-top: 10px; margin-bottom: 0; } .getPricesWindow2 { padding: 5px 0 15px; } .product .picture { width: 140px; height: 140px; line-height: 140px; } .items.productList .product .addCart span { font-size: 0 !important; padding-left: 0 !important; } .product .name { height: auto; /*max-height: 80px;*/ min-height: 55px; } .product .middle { line-height: 14.5px; } #searchResult .productList { padding: 0px 10px; } .items.productList .product .col-md-6-left .count-form { display: flex; justify-content: center; margin-right: 3%; } .product .optional .row .changeAvailable { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .product .productTable { table-layout: fixed; display: flex; } #basketProductList .productTable { table-layout: fixed; display: table; } } @media (min-width: 791px) and (max-width: 980px) { .product .optional .analogs-block-over + .row { width: 29%; } .product .optional .pos-rel { width: 62%; } .product .picture { width: 115px; height: 115px; line-height: 115px; } } @media (min-width: 711px) and (max-width: 980px) { #catalog .product .picture { width: 115px; height: 115px; line-height: 115px; } } @media (min-width: 550px) and (max-width: 620px) { #catalog .product .picture { width: 115px; height: 115px; line-height: 115px; } } @media (max-width: 600px) { .items.productList.index-page .productColText, .items.productList.index-page .product { height: auto !important; } } @media (max-width: 549px) { .items.productList .product { width: 100%; } .items.productList.no-rightblock .product { width: 100%; } .product .optional .pos-rel { width: 52%; } html.bx-touch .products__item .p-tile__items { opacity: 1; bottom: -15px; } } @media (max-width: 424.98px) { #appFastBuyContainer .column { width: auto; } } @media (max-width: 375px) { .product .optional .analogs-block-over + .row { width: 40%; } .product .optional .pos-rel { width: 52%; } #appFastBuyContainer .wrapper { padding: 10px 5px; } } /* End */ /* /bitrix/templates/dresscode/themes/white/green/style.min.css?165886352533110 */ /* /bitrix/templates/dresscode/css/swiper-bundle.min.css?174047806818452 */ /* /bitrix/templates/dresscode/headers/header2/css/style.css?173945612313396 */ /* /bitrix/templates/dresscode/headers/header2/css/types/type1.min.css?1658863525173 */ /* /bitrix/templates/dresscode/components/bitrix/menu/horizontal_multilevel_top/style.css?16588635251370 */ /* /local/components/mamont.yandexrating/rating.view.short/templates/.default/style.css?1683219685382 */ /* /bitrix/components/dresscode/favorite.line/templates/version2/style.css?16588635001118 */ /* /bitrix/components/dresscode/compare.line/templates/version2/style.css?16588635001105 */ /* /bitrix/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart2/style.css?17350608611816 */ /* /bitrix/templates/dresscode/components/dresscode/search.line/version2/style.min.css?16588635256930 */ /* /bitrix/templates/dresscode/components/bitrix/menu/leftMenu/style.css?17416997376928 */ /* /bitrix/templates/dresscode/components/bitrix/menu/leftSubMenu/style.css?1658863525302 */ /* /bitrix/templates/dresscode/components/bitrix/news.list/leftNews/style.css?16588635251624 */ /* /bitrix/templates/dresscode/components/bitrix/subscribe.form/.default/style.css?16588635251135 */ /* /bitrix/templates/dresscode/components/bitrix/news.list/leftCollection/style.css?16588635251596 */ /* /bitrix/templates/dresscode/components/bitrix/breadcrumb/.default/style.css?16588635251422 */ /* /local/components/mamont.yandexrating/rating.view/templates/.default/style.css?16832196851716 */ /* /local/components/mamont.popups/templates/.default/style.css?17350608614413 */ /* /local/components/mamont.cookie/templates/.default/style.css?16941656653271 */ /* /bitrix/templates/dresscode/template_styles.css?1752180624259771 */