/* Start:/bitrix/templates/dresscode/fonts/roboto/roboto.min.css?1757000127986*/
@font-face{font-weight:400;font-family:robotobold;font-style:normal;src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-bold.woff2) format("woff2");font-display:fallback}@font-face{font-weight:700;font-family:robotomedium;font-style:normal;src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-medium.woff2) format("woff2");font-display:fallback}@font-face{font-weight:400;font-family:roboto_condensedlight;font-style:normal;src:url(/bitrix/templates/dresscode/fonts/roboto/robotocondensed-light.woff2) format("woff2");font-display:fallback}@font-face{font-weight:400;font-family:roboto_cnregular;font-style:normal;src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-condensed.woff2) format("woff2");font-display:fallback}@font-face{font-weight:400;font-family:roboto_ltregular;font-style:normal;src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-light.woff2) format("woff2");font-display:fallback}@font-face{font-weight:400;font-family:robotoregular;font-style:normal;src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-regular.woff2) format("woff2");font-display:fallback}@font-face{font-weight:400;font-family:roboto_thregular;font-style:normal;src:url(/bitrix/templates/dresscode/fonts/roboto/roboto-thin.woff2) format("woff2");font-display:fallback}
/* End */


/* Start:/bitrix/templates/dresscode/themes/white/ultramarine/style.min.css?175700012736709*/
body.index{background-color:#f3f3f3}.theme-background-svg{fill:#0061b2}#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:#0061b2}#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:#2d7bbb}#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 .active .count,#subHeader6 .cart .total,#subHeader7 .cart .active .total,#subHeader7 .firstPhones .callBack,#subHeader8 #subMenu li .selected{color:#0061b2}#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{color:#0061b2!important}#headerLine4.color_black #subMenu li .selected,#headerLine4.color_black #subMenu li a:hover{color:#0061b2!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 #headerLine4.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:#2d7bbb}#headerLine.color_theme .headerLineTools .callBack,#headerLine2.color_theme .callBack,#subHeader6.color_theme .callBack{background-color:#2d7bbb}#subHeader3 .cart .order.active,#subHeader6 .subPhones .callBack{color:#0061b2;border:1px solid #0061b2}#subHeader6 .subPhones .callBack:hover{border:1px solid #2d7bbb}#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{color:#0061b2;border:2px solid #0061b2}#subHeader3 .cart .active .count,#subHeader3.color_black .cart .active .count,#subHeader3.color_theme .cart .active .count{background-color:#0061b2}#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{color:#0061b2}#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{color:#2d7bbb}#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 #0061b2}#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 #2d7bbb}@media all and (max-width:800px){#subHeader6 .user-geo-position-value-link{background-color:#2d7bbb}}@media all and (max-width:420px){#headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link{color:#2d7bbb}#headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link::after{border-color:#2d7bbb}}#topHeader{background:#3a3a3a;border-bottom:1px solid #404040}#topService{color:#ccc;border-left:1px solid #313131}#topService li{border-right:1px solid #313131}#topService li a{color:#ccc}#topService li:hover a:hover{color:#2d7bbb}#topService li a:focus{color:#1668ab}#topService .selected{color:#2d7bbb}#subHeader{background:#fff;border-bottom:1px solid #eaeaea}#topHeading p{color:#000}#headerTools .tools .heading{color:#000}#headerTools .tools .link{color:#0061b2}#headerTools .tools .link:hover{color:#2d7bbb}#headerTools .text{color:#000}#headerTools .telephone .icon{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/callbackHead.svg) 0 0 no-repeat transparent}#headerTools .telephone .icon:hover{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/callbackHead.svg) -35px 0 no-repeat transparent}#headerTools .search .icon{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/searchHead.svg) 0 0 no-repeat transparent}#headerTools .search .icon:hover{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/searchHead.svg) -35px 0 no-repeat transparent}#headerTools .wishlist .icon{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/wishlistHead.svg) 0 0 no-repeat transparent}#headerTools .wishlist .icon.active{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/wishlistHead.svg) -36px 0 no-repeat transparent}#headerTools .wishlist .icon.active:hover{background-position:-72px 0}#headerTools .compare .icon{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/compareHead.svg) 0 0 no-repeat transparent}#headerTools .compare .icon.active{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/compareHead.svg) -35px 0 no-repeat transparent}#headerTools .compare .icon.active:hover{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/compareHead.svg) -70px 0 no-repeat transparent}#headerTools .cart .icon{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/cartHead.svg) 0 0 no-repeat transparent}#headerTools .cart .icon.active{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/cartHead.svg) -44px 0 no-repeat transparent}#headerTools .cart .icon.active:hover{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/cartHead.svg) -88px 0 no-repeat transparent}#headerTools .cart ins{color:#888;background:#f6f6f6}#headerTools .cart ins.active{color:#2d7bbb}#changeYouCity{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/modalBg.svg) 0 0 repeat #232323}#changeYouCity .heading{color:#2d7bbb}#changeYouCity .list li a{color:#000}#changeYouCity .list li a:hover{color:#2d7bbb}#changeYouCity #cityClose{color:#fff;background:rgb(0 0 0 / 10%);border:1px solid #000}#changeYouCity #cityClose:hover{color:#2d7bbb}#changeYouCity #cityClose ins{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/exit.svg) 0 0 no-repeat transparent}#changeYouCity #cityClose:hover ins{background-position:-11px 0}#changeYouCity #cityClose:active ins{background-position:-22px 0}#left .heading{color:#fff}#left .opener{background:#0061b2}#left .heading ins{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/iconMenu.svg) 0 50% no-repeat transparent}#left .sideBlock .heading{background-color:#2b2b2b}#left #subscribe .sideBlockContent{border:1px solid #e7e8ea}#left #leftMenu .menuItems a:hover span{color:#0061b2!important}#main.color_white #subLeftMenu a:hover{color:#0061b2!important}#main.color_white #leftMenu .menuItems a:hover{color:#0061b2!important}#left #subscribe .copy{color:#888}#brandSearch td{color:#fff;background:#424242;border-left:1px solid #313131}#brandSearch td a{color:#fff}#brandSearch td:hover a{color:#2d7bbb}#brandSearch a{color:#000}#slider ol li{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/slideButton.svg) 0 0 no-repeat transparent}#slider ol li:hover{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/slideButton.svg) -18px 0 no-repeat transparent}#slider ol li:active{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/slideButton.svg) -36px 0 no-repeat transparent}#slider ol li.selected{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/slideButton.svg) -54px 0 no-repeat transparent}#slider ol li.selected:hover{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/slideButton.svg) -72px 0 no-repeat transparent}#slider ol li.selected:active{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/slideButton.svg) -90px 0 no-repeat transparent}#popCats .sideBlockContent{background-color:#fff;border:1px solid #e7e8ea}#popCats li a,#popCats li span{color:#000;background-color:#e7e8ea}#popCats li a:hover{color:#fff;background-color:#2d7bbb;border-color:#0061b2}#collectionList .collection .wrap{background-color:#fff;border:1px solid #ccc}#collectionList .collection .heading{color:#000;background-color:#fff}#collectionList .goTo{color:#000;background-color:#f7f7f7;border:1px solid #ccc}#collectionList .goTo:hover{color:#fff;background-color:#2d7bbb;border-color:#0061b2}#right .heading{color:#fff;background:#2b2b2b}#footer{background-color:#f9f9f9}#catalogLine{border:1px solid #e7e8ea}#catalogLine select{color:#888;border:1px solid #e7e8ea}#catalogLine .viewList .element a{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/catalogView.svg) 0 0 no-repeat transparent}#leftFooter{background:#2b2b2b}#leftFooter .heading{color:#fff;border-bottom:1px solid #3e3e3e}#leftFooter ul li{border-top:1px solid #313131}#leftFooter a{color:#999}#leftFooter a:hover{color:#0061b2}#leftFooter .selected{color:#0061b2}#rightFooter{background:#202020}#rightFooter .list li{color:#888}#rightFooter .email a{color:#fff}#rightFooter p{color:#888}#rightFooter .hr{border-top:1px solid #575757}#rightFooter .telephone{color:#0061b2}#rightFooter .email{color:#fff}#rightFooter .showMap{color:#0061b2}#rightFooter .showMap:hover{color:#2d7bbb}#footerBottom{color:#fff;background:#191919;border-top:3px solid #101010}#appBasketContainer{padding:24px;background-color:#fff;border-radius:10px;box-shadow:1px 1px 12px rgb(60 60 60 / 30%)}#appBasket .heading{color:#000;font-size:24px;font-family:robotobold;background-color:#f9f9f9;border-radius:8px}#appBasket .close{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/exit.svg) 0 0 no-repeat transparent}#appBasket .close:hover{background-position:0 -21px}#appBasket .close:active{background-position:0 -42px}#appBasket .markerContainer .marker{color:#fff;background-color:#424242;border-radius:4px}#appBasket .name{color:#000}#appBasket .name:hover{color:#0061b2}#appBasket .price{color:#000}#appBasket .price .discount{color:#888}#appBasket .minus,#appBasket .plus{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/plusMinus.svg) 0 0 no-repeat #f3f3f3}#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 0x}#appBasket .minus:active{background-position:-38px 0}#appBasket .qty{color:#000;background-color:#e7e8ea}#appBasket .sum{background-color:#fbfbfb}#appBasket .sum .discount{color:#888}#appBasket .lower{background-color:#f9f9f9;border-radius:8px}#appBasket .lower .tools .icon:hover{background:#f3f3f3}#appBasket .lower .tools .continue{border-right:1px solid #e7e8ea}#appBasket .lower .tools .continue a{color:#000}#appBasket .lower .tools .goToBasket a{color:#fff}#appBasket .lower .tools .goToBasket{background-color:#0061b2}#appBasket .lower .tools .goToBasket:hover{background-color:#2d7bbb}#appBasket .lower .tools .continue:hover{background:#e7e8ea}#appFastBuyContainer .heading{color:#000;background-color:#fff}#appFastBuyContainer input{color:#000;background-color:#f3f3f3}#appFastBuyContainer textarea{background-color:#f3f3f3}#appFastBuyContainer input:focus,#appFastBuyContainer textarea:focus{background-color:#e9e9e9}#appFastBuyContainer input.error,#appFastBuyContainer textarea.error{border:1px solid red}#appFastBuyContainer #fastBuyFormSubmit{color:#fff;background-color:#0061b2}#appFastBuyContainer #fastBuyFormSubmit:hover{background-color:#2d7bbb}#appFastBuyContainer #fastBuyFormSubmit.loading{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/loading.gif) 24px 50% no-repeat #2d7bbb!important}#fastBuyResult #fastBuyResultClose{color:#fff;background-color:#0061b2}#fastBuyResult #fastBuyResultClose:hover{background-color:#2d7bbb}#appFastBuyContainer .marker{color:#fff;background-color:#424242}#appFastBuyContainer .name{color:#000}#appFastBuyContainer .name:hover{color:#0061b2}#appFastBuyContainer .price{color:#000}#appFastBuyContainer .price .discount{color:#888}#appFastView .appFastViewExit,#fastViewStores .fastViewStoresExit{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/exit.svg) 0 0 no-repeat transparent}#appFastView .appFastViewExit:hover,#fastViewStores .fastViewStoresExit:hover{background-position:0 -21px}#appFastView .appFastViewExit:active,#fastViewStores .fastViewStoresExit:active{background-position:0 -42px}#appProductPriceVariant .appPriceVariantExit{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/exit2.svg) 0 0 no-repeat transparent}#appProductPriceVariant .appPriceVariantExit:hover{background-position:0 -21px}#appProductPriceVariant .appPriceVariantExit:active{background-position:0 -42px}#footerTabsCaption{background-color:#f9f9f9;border-top:1px solid #e7e8ea}#footerTabsCaption .item a{color:#888}#footerTabsCaption .item .selected{color:#000;border-bottom:1px dashed #000}#footerTabsCaption .item .selected:hover{color:#000}#footerTabsCaption .item a:hover{color:#0061b2}#footerTabs{background-color:#f9f9f9}#footerLine{background-color:#2b2b2b;border-top:2px solid #202020;box-shadow:1px 1px 12px #000}#footerLine .item .callback{color:#0061b2}#footerLine .item .wishlist .icon{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/wishlistFooterMin.svg) 0 0 no-repeat}#footerLine .item .cart .icon{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/cartFooterMin.svg) 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/ultramarine/images/callbackFooterMin.svg) 0 0 no-repeat}#footerLine .item .callback:hover{color:#2d7bbb}#footerLine .callback:hover .icon{background-position:-21px 0}#footerLine .item .cart .mark,#footerLine .item .compare .mark,#footerLine .item .wishlist .mark{color:#888;background-color:#313131}#footerLine .item .compare .icon{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/compareFooterMin.svg) 0 0 no-repeat}#footerLine .item .compare.active .icon{background-position:-21px 0}#footerLine .item .compare.active:hover .icon{background-position:-42px}#footerLine .item .cart:hover,#footerLine .item .compare:hover,#footerLine .item .wishlist:hover{color:#888}#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{color:#0061b2}#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:#2d7bbb}#footerLine .item a{color:#888}#footerLine .item a:hover{color:#fff}#authMenu{border-bottom:1px solid #e7e8ea}#authMenu li a{color:#000}#authMenu li a:hover{color:#0061b2}#authMenu li .selected{border-bottom:1px dashed #000}#authMenu li .selected:hover{color:#000}#empty .emptyWrapper{border-bottom:1px solid #e7e8ea}#empty p a{border-bottom:1px dashed #000}#empty p a:hover{border-bottom:1px dashed #0061b2}#empty a{color:#000}#empty a:hover{color:#0061b2}#empty .back{color:#0061b2;border-bottom:1px dashed #0061b2}#empty .back:hover{color:#2d7bbb}.product.last{background:#f9f9f9}.product .tabloid{background-color:#fff}.product .marker{color:#fff;background-color:#424242}.product .name{color:#000}.product .name:hover{color:#0061b2}.product .price{color:#000}.product .price .discount{color:#888}.product .addCart{color:#fff;background:#0061b2}.product .addCart:hover{background-color:#2d7bbb}.product .label{color:#717171}.product .label:hover{color:#000}.product .skuPropertyName{color:#888}.product .skuProperty .selected .skuPropertyLink{border:1px solid #0061b2}.product .skuPropertyLink{color:#000;border:1px solid #ddd}.product:hover .tabloid{background:#fff;background:linear-gradient(top,#fff 50%,#f9fafc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(100%,#f9fafc));background:linear-gradient(top,#fff 50%,#f9fafc 100%);background:linear-gradient(top,#fff 50%,#f9fafc 100%);background:linear-gradient(top,#fff 50%,#f9fafc 100%);background:linear-gradient(to bottom,#fff 50%,#f9fafc 100%);border-bottom:1px solid #ccc;box-shadow:1px 1px 6px rgb(0 0 0 / 20%)}.product.last .showMore{color:#000}.product.last .showMore:hover{color:#0061b2}.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/ultramarine/images/iconMenu.svg) 50% 50% no-repeat #0061b2;border-right:1px solid #0061b2}.heading.orange{background:#0061b2}.mfeedback input,.mfeedback textarea{color:#000;background-color:#f3f3f3}.mfeedback input:focus,.mfeedback textarea:focus{background-color:#eee}.mfeedback input[type=submit]{color:#fff;background-color:#0061b2}.mfeedback input[type=submit]:hover{background-color:#2d7bbb}.bx-auth .alert{background-color:#f3f3f3;border:1px solid #e7e8ea}.bx-auth .alert.alert-danger{background-color:#fff;border:1px solid red}.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 input[type=password]:focus,.bx-auth input[type=text]:focus{background-color:#eee}.bx-auth .submit,.popup-window .btn{color:#fff;background:#0061b2}.bx-auth .submit:hover,.popup-window .btn:hover{background:#2d7bbb}.bx-auth .clear{color:#000;border:1px solid #e7e8ea}.bx-auth .clear:hover{border:1px solid #ccc}.bx-auth .forgot,.bx-auth .registerLink{color:#000}.bx-auth .forgot:hover,.bx-auth .registerLink:hover{color:#0061b2}.backToIndexPage,.blackLink{color:#000}.backToIndexPage:hover,.blackLink:hover{color:#0061b2}.sn li:first-child{border-left:1px solid #313131}.sn li{border-right:1px solid #313131}div[id^=wait_comp_]{background-color:#fff!important;border:1px solid #e7e8ea!important}.contactList a{color:#000;text-decoration:none;transition:all .2s ease-in-out}.contactList a:hover{color:#0061b2}@media all and (max-width:1200px){#catalogLineList .column:last-child{background-color:#f9f9f9}}@media all and (max-width:700px){.copyright{border-right:1px solid #313131;border-left:1px solid #313131}}#ORDER_CONFIRM_BUTTON{background:#2d7bbb!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]{color:#fff;background-color:#0061b2}.sale_order_full_table input[name=BuyButton]:hover,.sale_order_full_table input[type=submit]:hover{background-color:#2d7bbb}#breadcrumbs{color:#999}#breadcrumbs ul li a{color:#000}#breadcrumbs ul li a:hover{color:#888}#breadcrumbs .arrow{color:#888}#catalogSection .sectionItems .item:first-child{border-top:1px solid #e7e8ea}#catalogSection .sectionItems .item{border-right:1px solid #e7e8ea;border-bottom:1px solid #e7e8ea;border-left:1px solid #e7e8ea}#catalogSection .sectionItems .item .itemContainer .bigPicture .marker{color:#fff;background-color:#424242}#catalogSection .sectionItems .item .itemContainer .bigTitle{color:#000}#catalogSection .sectionItems .item .itemContainer .bigTitle:hover{color:#0061b2}#catalogSection .sectionItems .item .itemContainer .description{color:#888}#catalogSection .sectionItems .item .itemContainer .sectionList .section a{color:#000;border-bottom:1px solid #e7e8ea}#catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover{color:#888;border-bottom:1px solid #e7e8ea}#sectionList .tabloid{background:#fff;border:1px solid #e7e8ea}#sectionList .tabloid .name{color:#000}#sectionList .tabloid .name:hover{color:#2d7bbb}#sectionList .tabloid .marker{color:#fff;background-color:#424242}#sectionList .item:hover .tabloid{border:1px solid #ddd;box-shadow:1px 1px 12px rgb(0 0 0 / 10%)}#sectionList .element .name:hover{color:#2d7bbb}#nextSection{border-top:1px solid #e7e8ea;border-right:1px solid #e7e8ea;border-left:1px solid #e7e8ea}#nextSection .title{background-color:#f3f3f3}#nextSection .title,#nextSection li{border-bottom:1px solid #e7e8ea}#nextSection li a{color:#000}#nextSection li .selected,#nextSection li a:hover{color:#2d7bbb}#nextSection li .cnt{color:#888}#elementSmallNavigation .tab{border-right:1px solid #e7e8ea}#elementSmallNavigation .tab.active a{color:#0061b2}#elementSmallNavigation .tab.active span{border-bottom:1px dashed #0061b2}#elementTools .addCart,#smallElementTools .addCart{background:#0061b2}#elementTools .addCart:hover,#smallElementTools .addCart:hover{background-color:#2d7bbb}#elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{border:1px solid #0061b2}.elementProperties a:hover{color:#0061b2}#elementProperties .stats a:hover{color:#0061b2}#files .item .info .name:hover{color:#0061b2}#catalogReviews .heading .reviewAddButton:hover{color:#0061b2;border-color:#0061b2}#showallReviews:hover{color:#0061b2}#catalogElement #newReview .usedSelect li a.selected{background:#0061b2}#catalogElement #newReview .submit{background:#0061b2}#catalogElement #newReview .submit:hover{background:#2d7bbb}#set .setTools .addCart{background:#0061b2}#set .setTools .addCart:hover{background-color:#2d7bbb}#set .setElement .name:hover{color:#0061b2}#setWindowPrice .addCart{background:#0061b2}#setWindowPrice .addCart:hover{background-color:#2d7bbb}#catalogLineList .name:hover{color:#0061b2}#catalogLineList .addCart{background:#0061b2}#catalogLineList .addCart:hover{background-color:#2d7bbb}#catalogLineList .skuProperty .selected .skuPropertyLink{border:1px solid #0061b2}#catalogLineList .prop a:hover{color:#0061b2}#catalogTableList .name:hover{color:#2d7bbb}#catalogTableList .addCart,#catalogTableList .more{background-color:#0061b2}#catalogTableList .addCart:hover,#catalogTableList .more:hover{background-color:#2d7bbb}#smartFilter .showALL{color:#0061b2}#smartFilter .showALL:hover{color:#2d7bbb}#smartFilter .checkbox label:hover,#smartFilter .radio label:hover{color:#0061b2}#smartFilter .dropdownList .item:hover,#smartFilter .dropdownList .selected{background-color:#2d7bbb}#smartFilter .handler{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/handlerActive.svg) 0 0 no-repeat transparent}#set_filter{background-color:#0061b2}#set_filter:hover{background-color:#2d7bbb}#smartFilter .checkboxList .selected .icon,#smartFilter .dropdown .selected .icon{border-color:#0061b2}#smartFilter .hint{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/question.svg) 0 0 no-repeat transparent}#smartFilter .hintValue .close{color:#0061b2}#smartFilter .hintValue .close:hover{color:#2d7bbb}#smartFilter button,#smartFilter input[type=reset],#smartFilter input[type=submit]{background-color:#0061b2;border:1px solid #0061b2}#smartFilter button:hover,#smartFilter input[type=submit]:hover{background-color:#2d7bbb}#modef{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/modef.svg) 0 0 no-repeat}#topMenu li a:hover{color:#2d7bbb}#topMenu li .selected{color:#2d7bbb}#topMenu .bar>a{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/menuMore.svg) 0 50% no-repeat transparent}#topMenu .bar.active>a,#topMenu .bar>a:hover{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/menuMore.svg) -21px 50% no-repeat transparent}#topMenu .sub li:hover a{color:#2d7bbb}#personalMenu li a:hover{color:#0061b2}#subLeftMenu .selected a{color:#2d7bbb}#newsDetail .more{background:#0061b2}#newsDetail .more:hover{background-color:#2d7bbb}#newsContainer .column .item .title a:hover{color:#0061b2}#newsContainer .column .item .more{background:#0061b2}#newsContainer .column .item .more:hover{background-color:#2d7bbb}#newsContainer .column .item .title a:hover{color:#0061b2}#newsContainer .column .item .more{background:#0061b2}#newsContainer .column .item .more:hover{background-color:#2d7bbb}.backToList:hover{color:#0061b2}#brandList .name:hover{color:#2d7bbb}#newsContainer .column .item .title a:hover{color:#0061b2}#newsContainer .column .item .more{background:#0061b2}#newsContainer .column .item .more:hover{background-color:#2d7bbb}#collectionBlock .name:hover{color:#2d7bbb}#collectionBlock .link{color:#2d7bbb}#newsBlock .newsTitle:hover{color:#0061b2}#serviceBlock .name:hover{color:#2d7bbb}#serviceBlock .link{color:#2d7bbb}.bx_my_order_cancel a:hover{color:#0061b2}.bx_my_order_cancel input[type=submit]{background:#0061b2}.bx_my_order_cancel input[type=submit]:hover{background:#2d7bbb}.bx_my_order_cancel input[type=submit]:active{background:#2d7bbb}input[name=BuyButton]{background-color:#0061b2}.bx_my_order_switch .bx_mo_link:hover{color:#0061b2}#subscribeEdit a:hover{color:#0061b2}#subscribeEdit .submit{background:#0061b2}#subscribeEdit .submit:hover{background:#2d7bbb}#subscribe .submit{background-color:#2d7bbb}#subscribe .submit:hover{background-color:#2d7bbb}.bx-pagination .bx-pagination-container ul li.bx-active span{color:#fff;background:#0061b2}#brandList .name:hover{color:#2d7bbb}#brandList .last .showMore:hover{color:#2d7bbb}#brandList .last .ps:hover{color:#2d7bbb}#homeCatalog .caption.selected{background-color:#0061b2}#mainProfile .profileSettings .heading{color:#0061b2}#mainProfile .profileSettings .submit{background:#0061b2}#mainProfile .profileSettings .submit:hover{background:#2d7bbb}#main input[name=BuyButton],#main input[type=submit]{background-color:#0061b2}#main input[name=BuyButton]:hover,#main input[type=submit]:hover{background-color:#2d7bbb}#newOrder{background-color:#0061b2}#newOrder:hover{background-color:#2d7bbb}#orderSuccess a{color:#0061b2}#orderSuccess a:hover{color:#2d7bbb}#personalCart #basketView .item a{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/cartView.svg) 0 0 no-repeat transparent}#personalCart #tabsControl .item a:hover{color:#0061b2}#personalCart #tabsControl .item .selected:hover{border-bottom:1px dashed #0061b2}#personalCart .productTable .clear a:hover{color:#0061b2}#personalCart .productTable .name a:hover{color:#0061b2}#orderMake{background-color:#0061b2}#orderMake:hover{background-color:#2d7bbb}.orderLoad{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/orderLoad.gif) 24px 50% no-repeat #0061b2!important}#wishlist .prop a:hover{color:#2d7bbb}#popSection .name:hover{color:#0061b2}#popSection .last .showMore:hover{color:#0061b2}#popSection .last .ps:hover{color:#0061b2}#storeDetail .storesMoreLink,#storesList .storesListTableLink{color:#0061b2}#storeDetail .showByMapLink{color:#000}#storeDetail .showByMapLink:hover,#storeDetail .storesMoreLink:hover,#storesList .storesListTableLink:hover,#storesList .storesListTableMailLink:hover{color:#2d7bbb}#complect .complectListItemLink{color:#000}#complect .complectListItemLink:hover{color:#2d7bbb}#complect .complectResultEconomyValue{color:#ff305c}#appFastView .addCart,#geo-location-window .geo-location-window-button{background:#0061b2}#appFastView .addCart:hover,#geo-location-window .geo-location-window-button:hover{background-color:#2d7bbb}#geo-location-window .geo-location-window-list-item .selected span{color:#0061b2;border-bottom:1px dashed #0061b2}#geo-location-window .geo-location-window-list-item a:hover{color:#0061b2}.information-feedback,.shop-review-top-new-button{color:#0061b2;border:1px solid #0061b2}.information-feedback:hover,.shop-review-top-new-button:hover{color:#ff7300;border:1px solid #ff7300}.webFormTools input[type=submit]{background-color:#0061b2}.webFormTools input[type=submit]:hover{background-color:#2d7bbb}#bx-soa-order-form .bx-blue .btn.btn-default{color:#fff;background-color:#0061b2;border:1px solid #ff7300}#bx-soa-order-form textarea{outline:0}#bx-soa-order-form a{color:#0061b2}#bx-soa-order-form a:hover{color:#0061b2}#bx-soa-order-form .bx-sls .quick-location-tag,.bx-slst .quick-location-tag{color:#23527c}#bx-soa-order-form .bx-blue .btn.btn-default:hover{background-color:#2d7bbb}#appProductPriceVariant .linkMore{background:#0061b2}#appProductPriceVariant .linkMore:hover{background-color:#2d7bbb}#compareBlock .leftTools .all,#compareTools .hide,#requestPrice #requestPriceResultClose,#requestPrice #requestPriceSubmit,#scrollTable .addCart,#scrollTable .addSku,#slider .sliderContent .cButton,#specialProduct .more,#specialProduct .specialTimeItem{background-color:#0061b2}#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:#2d7bbb}#requestPrice .productNameBlock .productUrl:hover,#scrollTable a.name:hover{color:#2d7bbb}#requestPrice #requestPriceSubmit.loading{background:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/loading.gif) 24px 50% no-repeat #2d7bbb!important}#slider .sliderContent .bigTextColor,#slider .sliderContent .bigTextLightColor,#slider .sliderContent .mediumTextColor,#slider .sliderContent .smallTextColor{color:#0061b2}.btn-simple{background:#0061b2;border-color:#0061b2}.btn-simple:hover{background:#2d7bbb;border-color:#2d7bbb}.btn-simple.btn-border{color:#0061b2;background:0 0;border-color:#0061b2}.btn-simple.btn-border:hover{color:#2d7bbb;border-color:#2d7bbb}.active-link:hover{color:#0061b2;border-color:#0061b2}.inactive-link:hover{color:#0061b2}.text-link:hover{color:#0061b2}.tiles-list .h3:hover{color:#0061b2}.tiles-list .tile-wrap:first-child .h3:hover{color:#0061b2}.theme-color{color:#0061b2;border-color:#0061b2}body .theme-color-hover{transition:all .2s ease-in-out}body .theme-color-hover:hover{color:#0061b2}.other-news .name:hover{color:#0061b2}.big-text-link:hover{color:#0061b2}.link-dashed:hover{color:#0061b2;border-color:#0061b2}.theme-link-dashed{color:#0061b2;border-color:#0061b2}.theme-link-dashed:hover{color:#2d7bbb;border-color:#2d7bbb}.new-list-items .active-link:hover{color:#2d7bbb;border-color:#2d7bbb}.delivery-modal .active-link:hover{color:#2d7bbb;border-color:#2d7bbb}.tabs-wrap .tab-btn-link.active{color:#fff;background-color:#0061b2;border-color:#0061b2}.tabs-wrap .tab-btn-link.active:hover{color:#fff;background-color:#0061b2;border-color:#0061b2}.tabs-wrap .tab-btn-link:hover{color:#0061b2;border-color:#0061b2}.tabs-wrap .tab-dashed-link:hover{color:#0061b2}.bindAction a:hover{color:#2d7bbb}#catalogElement .dropdownList .item:hover,#catalogElement .dropdownList .selected{background-color:#2d7bbb}.smallSpecialTime .specialTimeItem{background:#0061b2}.productSpecialTime .specialTimeItem{background:#0061b2}.fastSpecialTime .specialTimeItem{background:#0061b2}#skuOffersTable .offersTable .basket .addCart{background-color:#0061b2}#skuOffersTable .offersTable .basket .addCart:hover{background-color:#2d7bbb}#elementContainer .bindActionImage .image{background-image:url(/bitrix/templates/dresscode/themes/white/ultramarine/images/action.svg)}#elementContainer .wishCompWrap .elem.added{background:#0061b2;border-color:#0061b2}#elementContainer .wishCompWrap .elem.added:hover{background:#2d7bbb;border-color:#2d7bbb}::selection{color:#fff;background:#eca712}::selection{color:#fff;background:#eca712}::-webkit-selection{color:#fff;background:#eca712}#bx-soa-order-form .bx-soa-info-shower,#bx-soa-order-form .bx-soa-pickup-list .bx-soa-pickup-list-item .btn,.bx-soa label.btn-person-type:not(.btn-person-type-checked),.bx-soa-pp-delivery-cost,.paysystem_name{color:#0061b2}#bx-soa-order-form .soa-property-files>.btn.btn-default{color:#0061b2!important}#bx-soa-order .bx-soa .bx-soa-coupon-input::after,#bx-soa-order .bx-soa .coupon_img,#bx-soa-order .checkbox.checked label::before,#bx-soa-order .radio.checked label::before,#bx-soa-order-form .btn.btn-default,.bx-pagination .bx-pagination-container ul li.bx-active span,.bx-selected .delivery-check,.bx-soa-pickup-list .bx-soa-pickup-list-item.bx-selected::after,.bx-soa-pp-info,.bx-soa-pp-inner-ps.bx-selected .bx-soa-pp-company-logo,.checkbox_property.checked::before,.select-fake-option-fake.option-fake-selected,.select-multiple-fake-option.selected-option{background-color:#0061b2}.bx-soa label.btn-person-type-checked,.bx-soa-coupon-input::after{background-color:#0061b2!important}#bx-soa-order-form .btn.btn-default,#bx-soa-paysystem .bx-soa-pp-company.bx-selected,.bx-soa label.btn-person-type,.bx-soa-pickup-l-item-btn .btn,.bx-soa-pickup-list-item.bx-selected,.bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container,.bx-soa-pp-inner-ps.bx-selected .bx-soa-pp-company-graf-container{border-color:#0061b2}#bx-soa-order-form .btn.btn-default,.bx-soa label.btn-person-type-checked{border-color:#0061b2!important}div.blog-comment-field-author input,div.blog-comment-field-email input{border:1px solid #e7e8ea}div.blog-comment-field-captcha input{border:1px solid #e7e8ea}
/* End */


/* Start:/bitrix/templates/dresscode/headers/header3/css/style.min.css?175700012714951*/
#subHeader3{height:134px;line-height:134px;background-color:#fff}#subHeader3.color_black{background-color:#2b2b2b}#subHeader3.color_black,#subHeader3.color_theme{color:rgb(255 255 255 / 80%)}#subHeader3 .subTable{display:table;width:100%;table-layout:fixed}#subHeader3 .subTableColumn{display:table-cell;vertical-align:middle}#subHeader3 .subTableColumn:first-child{width:260px;text-align:center;border-left:1px solid #f4f4f4}#subHeader3.color_black .subTableColumn:first-child,#subHeader3.color_theme .subTableColumn:first-child{border-right:1px solid rgb(255 255 255 / 20%);border-left:1px solid rgb(255 255 255 / 20%)}#subHeader3 .subTableColumn:nth-child(2){width:252px;text-align:center;border-right:1px solid #f4f4f4}#subHeader3 .subTableColumn:nth-child(3){padding:0 48px}#subHeader3.color_black .subTableColumn:last-child,#subHeader3.color_black .subTableColumn:nth-child(2),#subHeader3.color_black .subTableColumn:nth-child(3),#subHeader3.color_theme .subTableColumn:last-child,#subHeader3.color_theme .subTableColumn:nth-child(2),#subHeader3.color_theme .subTableColumn:nth-child(3){border-right:1px solid rgb(255 255 255 / 20%)}#subHeader3 .subTableColumn:last-child{width:278px;padding:0 12px;text-align:center;border-right:1px solid #f4f4f4}#subHeader3 .subTableContainer{display:inline-block;line-height:21px;vertical-align:middle}#subHeader3 #logo{float:none;width:auto;line-height:21px;text-align:center;border:0}#subHeader3 #geoPosition ul{margin:0;padding:0;font-size:0;list-style:none}#subHeader3 #geoPosition ul li{font-size:14px}#subHeader3 #geoPosition .null{display:block;width:0;height:0;padding:0;line-height:0}#subHeader3.color_black #topHeading p{color:rgb(255 255 255 / 80%)}#subHeader3.color_theme #topHeading p,#subHeader3.color_theme #topTools{color:#fff}#subHeader3 #topHeading{float:none;width:auto;padding:0 24px;line-height:21px;text-align:center;border:0}#topHeading .vertical{line-height:21px}#subHeader3 #topTools{margin-bottom:6px;overflow:hidden}#subHeader3 #topToolsLeft{float:left;margin-left:6px}#subHeader3 #topToolsLeft ul{margin:0;padding:0;font-size:0;list-style:none}#subHeader3 #topToolsLeft li{display:inline-block;font-size:14px}#subHeader3 #topToolsLeft li:first-child{margin-right:24px}#subHeader3 #topToolsRight{float:right}#subHeader3 #topToolsRight .heading{display:inline-block;margin-right:24px;font-size:18px;font-family:robotomedium}#subHeader3 #topToolsRight div[id*=bx_]{display:inline-block}#subHeader3.color_black #topToolsRight .callBack,#subHeader3.color_theme #topToolsRight .callBack{color:rgb(255 255 255 / 80%);background-image:url(/bitrix/templates/dresscode/headers/header3/css/images/callbackH3W.svg)}#subHeader3 #topToolsRight .callBack{position:relative;top:-2px;display:inline-block;padding-left:24px;color:#000;text-decoration:none;background-image:url(/bitrix/templates/dresscode/headers/header3/css/images/callbackH3B.svg);background-repeat:no-repeat;background-position:0 50%;transition:all .2s ease-in-out}#subHeader3.color_black #topToolsRight .callBack::after,#subHeader3.color_theme #topToolsRight .callBack::after{border-bottom:1px dashed rgb(255 255 255 / 80%)}#subHeader3 #topToolsRight .callBack::after{position:absolute;bottom:0;left:24px;display:block;width:100%;height:0;border-bottom:1px dashed #000;transition:all .2s ease-in-out;content:""}#subHeader3 #topToolsLeft a{position:relative;text-decoration:none}#subHeader3 #topToolsLeft a:active{position:relative;top:1px}#subHeader3 #topToolsLeft a::after{position:absolute;bottom:-1px;left:0;display:block;width:100%;height:0;transition:all .2s ease-in-out;content:""}#subHeader3 #topToolsRight .callBack:hover{opacity:.7}#subHeader3 #topToolsRight .callBack:active{position:relative;top:-1px;transition:none}#subHeader3 .user-geo-position-value-link{position:relative;overflow:visible;text-decoration:none}#subHeader3 .user-geo-position-value-link:active{position:relative;top:1px}#subHeader3.color_theme .user-geo-position-value-link{color:#fff}#subHeader3 .user-geo-position-value-link span{vertical-align:middle}#subHeader3 .user-geo-position-value-link::after{position:absolute;bottom:-1px;left:0;display:block;width:100%;height:0;transition:all .2s ease-in-out;content:""}#subHeader3.color_theme .user-geo-position-value-link::after{border-color:#fff}#subHeader3 .user-geo-position-value-link:hover,#subHeader3.color_theme .user-geo-position-value-link::after:hover{opacity:.8}#subHeader3.color_theme #topToolsLeft a,#subHeader3.color_theme #topToolsRight .callBack,#subHeader3.color_theme .user-geo-position-value-link{color:#fff}#subHeader3.color_theme #topToolsLeft a::after,#subHeader3.color_theme .user-geo-position-value-link::after{border-color:#fff}#subHeader3.color_theme #topToolsLeft a:hover,#subHeader3.color_theme #topToolsRight .callBack:hover,#subHeader3.color_theme .user-geo-position-value-link:hover{opacity:.8}#subHeader3.color_black #topSearch2 .searchContainerInner,#subHeader3.color_theme #topSearch2 .searchContainerInner{background-color:rgb(0 0 0 / 2%);border:1px solid rgb(255 255 255 / 20%)}#subHeader3.color_black #topSearch2 #goSearch,#subHeader3.color_theme #topSearch2 #goSearch{background-image:url(/bitrix/templates/dresscode/headers/header3/css/images/searchIcoH3W.svg)}#subHeader3.color_black #topSearch2 #searchQuery,#subHeader3.color_theme #topSearch2 #searchQuery{color:rgb(255 255 255 / 80%);background-image:url(/bitrix/templates/dresscode/headers/header3/css/images/searchH3W.svg)}#subHeader3.color_black #topSearch2 input[placeholder],#subHeader3.color_theme #topSearch2 input[placeholder]{color:rgb(255 255 255 / 70%);transition:all .2s ease-in-out}#subHeader3.color_black #topSearch2 input::input-placeholder,#subHeader3.color_theme #topSearch2 input::input-placeholder{color:rgb(255 255 255 / 70%);transition:all .2s ease-in-out}#subHeader3.color_black #topSearch2 input::placeholder,#subHeader3.color_theme #topSearch2 input::placeholder{color:rgb(255 255 255 / 70%);transition:all .2s ease-in-out}#subHeader3.color_black #topSearch2 input:focus[placeholder],#subHeader3.color_theme #topSearch2 input:focus[placeholder]{color:transparent}#subHeader3.color_black #topSearch2 input:focus::input-placeholder,#subHeader3.color_theme #topSearch2 input:focus::input-placeholder{color:transparent}#subHeader3.color_black #topSearch2 input::placeholder,#subHeader3.color_theme #topSearch2 input::placeholder{color:transparent}#subHeader3 #searchResult{top:132px}#subHeader3 #searchOverlap{top:134px}#subHeader3.color_black .cart .heading,#subHeader3.color_theme .cart .heading{color:rgb(255 255 255 / 80%)}#subHeader3.color_black .cart .cartTable .cartIcon,#subHeader3.color_theme .cart .cartTable .cartIcon{background-image:url(/bitrix/templates/dresscode/headers/header3/css/images/cartH3W.svg)}#subHeader3.color_black .cart .order:not(.active),#subHeader3.color_theme .cart .order:not(.active){border:1px solid rgb(255 255 255 / 50%)}#subHeader3.color_theme .cart .order:not(.active){color:rgb(255 255 255 / 80%)}#subHeader3.color_theme .cart .order.active{color:#fff;border:1px solid #fff}#subHeader3.color_theme .cart .total{color:#fff}#subHeader3.color_theme .cart .active .count{background-color:#fff}#subHeader3.color_black .cart .active .count{color:#fff}#subHeader3.color_black .cart .count,#subHeader3.color_theme .cart .count{color:rgb(0 0 0 / 60%);background-color:#fff}#subHeaderLine{height:50px;line-height:50px;background-color:#fff;border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4}#subHeaderLine.color_black{background-color:#2b2b2b}#subHeaderLine.color_black,#subHeaderLine.color_theme{color:#fff;border-top:1px solid rgb(255 255 255 / 20%);border-bottom:1px solid rgb(255 255 255 / 20%)}#subHeaderLine .subLineContainer{display:table;width:100%;table-layout:fixed}#subHeaderLine.color_black .subLineLeft,#subHeaderLine.color_theme .subLineLeft{border-left:1px solid rgb(255 255 255 / 20%)}#subHeaderLine .subLineLeft{display:table-cell;vertical-align:top;border-left:1px solid #f4f4f4}#subHeaderLine.color_black #subMenu li a,#subHeaderLine.color_theme #subMenu li a{color:rgb(255 255 255 / 80%)}#subHeaderLine #subMenu li a{color:#000}#subHeaderLine #subMenu li a.selected{opacity:.6}#subHeaderLine.color_black #subMenu li a.selected,#subHeaderLine.color_theme #subMenu li a.selected{color:#fff;opacity:1}#subHeaderLine #subMenu li a:not(.selected):hover{opacity:.7}#subHeaderLine #subMenu li a:active{position:relative;top:1px}#subHeaderLine #subMenu .removedItemsContainer{position:relative}#subHeaderLine.color_black #subMenu .removedItemsContainer .removedItemsLink,#subHeaderLine.color_theme #subMenu .removedItemsContainer .removedItemsLink{background:url(/bitrix/templates/dresscode/headers/header3/css/images/menuMore2.svg) 0 50% no-repeat transparent}#subHeaderLine #subMenu .removedItemsContainer .removedItemsLink{display:block;width:50px;height:50px;padding:0;background:url(/bitrix/templates/dresscode/headers/header3/css/images/menuMore.svg) 0 50% no-repeat transparent}#subHeaderLine #subMenu .removedItemsContainer .removedItemsList{position:absolute;top:50px;left:0;z-index:99;display:none;width:220px;background-color:#fbfbfb}#subHeaderLine.color_black #subMenu .removedItemsContainer .removedItemsList{background-color:#2b2b2b}#subHeaderLine #subMenu .removedItemsContainer .removedItemsList li{float:none;border-top:1px solid #f2f2f2!important}#subHeaderLine #subMenu .removedItemsContainer .removedItemsList li:first-child{border:0!important}#subHeaderLine.color_black #subMenu .removedItemsContainer .removedItemsList li,#subHeaderLine.color_theme #subMenu .removedItemsContainer .removedItemsList li{float:none;border-top:1px solid rgb(255 255 255 / 10%)!important}#subHeaderLine.color_black #subMenu .removedItemsContainer .removedItemsList li:first-child,#subHeaderLine.color_theme #subMenu .removedItemsContainer .removedItemsList li:first-child{border:0!important}#subHeaderLine #subMenu .removedItemsContainer .removedItemsList li a{display:block;padding:0 12px}#subHeaderLine.color_black #subMenu li,#subHeaderLine.color_theme #subMenu li{border-right:1px solid rgb(255 255 255 / 20%)}#subHeaderLine.color_black .subLineRight,#subHeaderLine.color_theme .subLineRight{border-right:1px solid rgb(255 255 255 / 20%)}#subHeaderLine .subLineRight{display:table-cell;width:362px;vertical-align:top;border-right:1px solid #f4f4f4}#subHeaderLine.color_black .topWishlist,#subHeaderLine.color_theme .topWishlist{border-right:1px solid rgb(255 255 255 / 20%);border-left:1px solid rgb(255 255 255 / 20%)}#subHeaderLine .topWishlist{padding-right:12px;border-right:1px solid #f4f4f4;border-left:1px solid #f4f4f4}#subHeaderLine .topCompare{display:inline-block}#subHeaderLine.color_black .topCompare .icon,#subHeaderLine.color_black .topCompare .label,#subHeaderLine.color_black .topCompare .value,#subHeaderLine.color_black .topWishlist .icon,#subHeaderLine.color_black .topWishlist .label,#subHeaderLine.color_black .topWishlist .value,#subHeaderLine.color_theme .topCompare .icon,#subHeaderLine.color_theme .topCompare .label,#subHeaderLine.color_theme .topCompare .value,#subHeaderLine.color_theme .topWishlist .icon,#subHeaderLine.color_theme .topWishlist .label,#subHeaderLine.color_theme .topWishlist .value{color:rgb(255 255 255 / 80%)}#subHeaderLine.color_black .topCompare .icon,#subHeaderLine.color_theme .topCompare .icon{background-image:url(/bitrix/templates/dresscode/headers/header3/css/images/compareH3W.svg)}#subHeaderLine.color_black .topWishlist .icon,#subHeaderLine.color_theme .topWishlist .icon{background-image:url(/bitrix/templates/dresscode/headers/header3/css/images/wishlistH3W.svg)}#geo-location-window{text-align:left}@media all and (max-width:1750px){#subHeader3 #topToolsRight .heading:first-child{margin-right:12px}}@media all and (max-width:1700px){#subHeader3 .subTableColumn:nth-child(2){display:none}}@media all and (max-width:1500px){#subHeader3 #topToolsLeft li:first-child{margin-right:12px}#subHeader3 #topToolsRight .heading{font-size:16px}}@media all and (max-width:1430px){#subHeader3 .subTableColumn:nth-child(3){padding:0 24px}#subHeader3 #topToolsLeft li:first-child{margin-right:12px}}@media all and (max-width:1340px){#subHeader3 .subTable .subTableColumn{border:0!important}#subHeader3 .subTableColumn:first-child{width:230px}#subHeader3 #topToolsRight .heading:nth-child(2){display:none}#subHeaderLine #subMenu li{border:0!important}#subHeaderLine #subMenu li a{padding:0 24px}#subHeaderLine .subLineLeft,#subHeaderLine .subLineRight,#subHeaderLine .topWishlist{border:0!important}.topCompare .label,.topWishlist .label{display:none}#subHeaderLine .subLineRight{width:195px}}@media all and (max-width:1150px){.cart .cartTable .cartTableColumn:last-child{display:none}#subHeader3 .subTableColumn:last-child{width:60px}#subHeader3 .cart .cartTable .cartIcon{margin-top:32px}#subHeaderLine #subMenu li a:first-child{padding-left:0}#subHeader3 .subTableColumn:first-child{text-align:left}#subHeader3 #logo{text-align:left}#subHeader3 .subTableColumn:first-child{width:200px}}@media all and (max-width:950px){#subHeader3 #topToolsRight .callBack{display:none}#subHeader3 .subTableColumn:nth-child(3){padding:0}#subHeader3 #topToolsRight .heading:first-child{margin-right:0}#subHeaderLine #subMenu .removedItemsContainer .removedItemsList{right:0;left:auto}#subHeader3 .subTableColumn:last-child{padding:0 0 0 24px}.cart .cartTable .cartTableColumn:first-child{padding:0}}@media all and (max-width:700px){#subHeaderLine .subLineRight,#subHeaderLine .topCompare{display:none}#topSearchLine{position:absolute;top:124px;left:0;box-sizing:border-box;width:100%;padding:0 12px}#subHeader3 #searchResult{top:62px}#subHeader3 #searchOverlap{top:194px}#subHeader3{position:relative}#subHeader3 #topToolsLeft{float:none}#subHeader3 .subTableColumn:nth-child(3){padding-right:12px}#subHeader3 .subTableContainer{width:100%}#subHeader3 #topTools{text-align:right}#subHeaderLine{margin-top:60px}#headerLayout{background-color:#fff}#headerLayout.color_black{background-color:#2b2b2b}#subHeader3 .cart .cartTable .cartIcon{margin-top:-4px}#subHeader3 .subTableColumn:first-child{padding-left:12px}#subHeaderLine #subMenu li a:first-child{padding-left:16px}#subHeader3 .subTableColumn:last-child{padding-right:12px;padding-left:12px}}@media all and (max-width:550px){#subHeader3 .subTableColumn:first-child{width:140px}#subHeader3 .user-geo-position-label{display:none;margin-right:0}#geoPosition{text-align:left}#subHeader3{height:90px;line-height:90px}#topSearchLine{top:88px}}@media all and (max-width:500px){#subHeader3 #logo{height:auto;padding:0;line-height:21px}#subHeader3 .user-geo-position{padding:0;text-align:left}#subHeader3 .top-auth-exit,#subHeader3 .top-auth-login,#subHeader3 .top-auth-personal,#subHeader3 .top-auth-register{position:static}#subHeaderLine #subMenu li a{padding:0 12px}}@media all and (max-width:450px){#subHeader3 .subTableColumn:last-child{position:absolute;top:72px;right:0}#topSearchLine{padding-right:84px}#subHeader3 .subTableColumn:nth-child(3){width:100%;padding-right:12px}#subHeader3 .subTableColumn:last-child{width:54px}}@media all and (max-width:380px){#subHeader3 .subTableColumn:first-child{width:120px}#subHeader3 #topToolsRight .heading{font-size:14px}#subHeader3 #topToolsLeft a{font-size:13px}#topSearch2 input#searchQuery{padding-left:12px;background-image:none}}
/* End */


/* Start:/bitrix/templates/dresscode/headers/header3/css/types/type2.min.css?1757000127243*/
#subHeader3 .cart .order{border-radius:2px}#topSearch2 .searchContainerInner{border-radius:2px}#subHeaderLine .topWishlist .value{border-radius:2px}#subHeaderLine .topCompare .value{border-radius:2px}#subHeader3 .cart .count{border-radius:6px}
/* End */


/* Start:/bitrix/templates/dresscode/components/bitrix/form.result.new/modal/style.min.css?17570001277730*/
.webformModal{position:fixed;top:0;left:0;z-index:1000;display:none;width:100%;height:100%;overflow:hidden;color:#000;background:rgb(0 0 0 / 40%);transition:.1s all ease-in-out}.webformModalHideScrollBar{position:relative;width:120%;height:100%;overflow:auto}.webformModalcn100{position:relative;width:100%;width:100vw;height:100%}.webformModal.visible{display:block}.webformModalContainer{position:absolute;top:24px;left:50%;box-sizing:border-box;width:100%;min-width:320px;max-width:500px;margin-bottom:24px;background-color:#fff;box-shadow:1px 1px 12px rgb(60 60 60 / 30%);transform:translateX(-50%) translateY(0);animation-name:zoomIn;animation-duration:.2s;animation-fill-mode:none}.small .webformModalContainer{top:50%;margin-bottom:0;padding:24px;border-radius:8px;transform:translateX(-50%) translateY(-50%)}.webFormDw form{box-sizing:border-box;transition:all .2s ease-in-out}.webFormDw form.loading{opacity:.8;pointer-events:none}.webFormModalHeading{position:relative;color:#000;font-size:18px;font-family:robotomedium;line-height:60px;text-align:center;background-color:#f9f9f9;border-radius:8px}.webformModal .webFormModalHeadingExit{position:absolute;top:20px;right:20px;display:block;width:21px;height:21px}.webformModal .webFormModalHeadingExit{background:url(/bitrix/templates/dresscode/components/bitrix/form.result.new/modal/images/exit.svg) 0 0 no-repeat transparent}.webformModal .webFormModalHeadingExit:hover{background-position:0 -21px}.webformModal .webFormModalHeadingExit:active{background-position:0 -42px}.webFormDescription{max-width:800px;margin:24px 0 0}.webformModal .webFormDescription{padding:0 24px}.webformModal .webFormError,.webformModal .webFormItems,.webformModal .webFormTools{padding:0 24px}.webFormItem{margin-top:24px}.webFormItemCaption{margin-bottom:12px;font-family:robotoMedium;line-height:21px}.webFormItemImage{display:inline-block;padding-right:6px;vertical-align:middle}.webFormItemLabel{display:inline-block;color:#555;vertical-align:middle}.webFormItemRequired{display:inline-block;padding-left:4px;color:red}.webFormItemFieldVariant{display:inline-block;margin-left:12px}.webFormItemFieldVariant:first-child{margin-left:0}.webFormItemField input[type=password],.webFormItemField input[type=text],.webFormItemField select{box-sizing:border-box;width:100%;max-width:100%;height:55px;padding-left:12px;color:#555;font-size:14px;font-family:roboto_ltregular;line-height:55px;border:1px solid #e7e7e7;outline:0;transition:all .2s ease-in-out}.webFormItemField textarea{box-sizing:border-box;width:100%;max-width:100%;height:150px;padding-top:12px;padding-left:12px;color:#555;font-size:14px;font-family:roboto_ltregular;line-height:21px;border:1px solid #e7e7e7;outline:0;transition:all .2s ease-in-out}.webFormItemField input[id*=form_date_]{margin-bottom:6px}.webFormItemField input[type=password]:focus,.webFormItemField input[type=text]:focus,.webFormItemField textarea:focus{border:1px solid #aaa}.webFormItemField input[type=checkbox]+label,.webFormItemField input[type=radio]+label{cursor:pointer}.webFormItemField input[type=checkbox]:not(checked),.webFormItemField input[type=radio]:not(checked){position:absolute;opacity:0}.webFormItemField input[type=checkbox]:not(checked)+label,.webFormItemField input[type=radio]:not(checked)+label{position:relative;padding-left:28px}.webFormItemField input[type=checkbox].error+label::before{border:1px solid red!important}.webFormItemField input[type=checkbox]+label::before{background:url(/bitrix/templates/dresscode/components/bitrix/form.result.new/modal/images/checkBox.png) 0 0 no-repeat transparent}.webFormItemField input[type=radio]+label::before{background:url(/bitrix/templates/dresscode/components/bitrix/form.result.new/modal/images/radio.png) 0 0 no-repeat transparent}.webFormItemField input[type=checkbox]:not(checked)+label::before,.webFormItemField input[type=radio]:not(checked)+label::before{position:absolute;top:0;left:0;width:17px;height:17px;content:" "}.webFormItemField input[type=checkbox]:not(checked)+label:hover::before,.webFormItemField input[type=radio]:not(checked)+label:hover::before{background-position:0 -17px}.webFormItemField input[type=checkbox]:checked+label::before,.webFormItemField input[type=radio]:checked+label::before{background-position:0 -34px}.webFormItemField input[type=checkbox]:checked+label:hover::before,.webFormItemField input[type=radio]:checked+label:hover::before{background-position:0 -51px}.webFormItemField input[type=checkbox]:disabled+label,.webFormItemField input[type=radio]:disabled+label{cursor:default}.webFormItemField input[type=checkbox]:disabled+label::before,.webFormItemField input[type=radio]:disabled+label::before{background-position:0 -68px!important}.webFormItemField img.calendar-icon{margin:0!important;vertical-align:middle!important;border:0!important}.webFormItemField [multiple]{height:120px;padding:12px;line-height:120px}.webFormCaptchaPicture{margin-top:12px}.webFormCaptchaPicture img{max-width:100%;vertical-align:middle}.webFormCaptchaLabel{margin-top:12px;margin-bottom:12px}.webFormItemField input.captcha_word{max-width:300px}.webFormTools{box-sizing:border-box;margin-top:24px}.webFormTools input[type=reset],.webFormTools input[type=submit]{box-sizing:border-box;width:100%;height:55px;padding:0;color:#fff;font-size:14px;font-family:roboto_ltregular;line-height:55px;text-align:center;border:1px solid #fff;border-radius:6px;outline:0;cursor:pointer;transition:background-color .2s ease-in-out}.webFormTools .tc:first-child{padding-right:12px}.webFormTools .tc:last-child{padding-left:12px}.webFormTools input[type=submit]:active{position:relative;top:1px}.webFormTools input[type=submit].loading{color:#ddd;background-color:#000!important;background-image:url(/bitrix/templates/dresscode/components/bitrix/form.result.new/modal/images/loading.gif);background-repeat:no-repeat;background-position:50% 50%;border:1px solid #000;opacity:.1;pointer-events:none}.webFormTools input[type=reset]{color:#000;background-color:#fff;border:1px solid #aaa;transition:all .2s ease-in-out}.webFormTools input[type=reset]:hover{border:1px solid #ccc}.webFormTools input[type=reset]:active{position:relative;top:1px}.webFormError,.webFormItemError{display:none;margin-bottom:12px;color:red;font-size:12px;font-family:robotoMedium}.webFormError{margin-top:24px;margin-bottom:0}.webFormError.visible,.webFormItemError.visible{display:block}.webFormItemField .error{border:1px solid red!important}.webFormMessage{position:fixed;top:0;left:0;z-index:1000;display:none;width:100%;height:100%;overflow:auto;color:#000;line-height:250px;background:rgb(0 0 0 / 40%);transition:.1s all ease-in-out}.webFormMessageContainer{position:absolute;top:50%;left:50%;box-sizing:border-box;width:450px;height:250px;margin-top:-125px;margin-left:-225px;padding:0 24px;text-align:center;background-color:#fff;border-radius:2px;box-shadow:1px 1px 12px rgb(0 0 0 / 40%)}.webFormMessageMiddle{display:inline-block;line-height:21px;vertical-align:middle}.webFormMessageHeading{margin-bottom:24px;font-weight:500;font-size:18px;text-align:center}.webFormMessageDescription{text-align:center}.webFormMessageExit{display:inline-block;height:40px;margin-top:24px;padding:0 24px;color:#fff;line-height:40px;text-align:center;text-decoration:none;background-color:#000;border-radius:2px;transition:all .2s ease-in-out}.webFormMessageExit:hover{opacity:.8}.webFormMessageExit:active{position:relative;top:1px}@media all and (max-width:650px){.webFormItemField input[id*=form_date_]{margin-bottom:12px}.webFormItemField img.calendar-icon{margin-left:0!important}.webFormTools input[type=reset]{margin-bottom:0}}@media all and (max-width:500px){.webFormMessageContainer{width:400px;margin-left:-200px}}@media all and (max-width:420px){.webFormMessageContainer{width:300px;margin-left:-150px}}@media all and (max-width:400px){.webFormTools input[type=reset],.webFormTools input[type=submit]{display:block;width:100%;max-width:300px;margin-bottom:24px}}
/* End */


/* Start:/bitrix/components/dresscode/search.line/templates/version2/style.min.css?17569997666405*/
#topSearch2 .searchContainerInner{height:50px;border:1px solid #f3f3f3}#subHeader2.color_black #topSearch2 .searchContainerInner{background-color:rgb(0 0 0 / 10%);border:1px solid rgb(255 255 255 / 30%)}#subHeader2.color_theme #topSearch2 .searchContainerInner{background-color:rgb(255 255 255 / 10%);border:1px solid rgb(255 255 255 / 30%)}#topSearch2 .searchContainer{display:table;width:100%;height:50px;line-height:50px;table-layout:fixed;border-collapse:collapse}#topSearch2 .searchColumn{display:table-cell;vertical-align:middle}#topSearch2 .searchColumn:last-child{width:54px}#topSearch2 #searchQuery{box-sizing:border-box;width:100%;height:50px;padding-left:42px;background:url(/bitrix/components/dresscode/search.line/templates/version2/images/searchH2.svg) 14px 50% no-repeat transparent;border:0}#topSearch2 #goSearch{box-sizing:border-box;width:50px;height:50px;color:transparent;background:url(/bitrix/components/dresscode/search.line/templates/version2/images/searchIcoH2.svg) 0 0 no-repeat transparent;border:none;cursor:pointer}#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{color:rgb(255 255 255 / 70%);background:url(/bitrix/components/dresscode/search.line/templates/version2/images/searchH2W.svg) 14px 50% no-repeat transparent}#subHeader5.color_black #topSearch2 #searchQuery,#subHeader5.color_theme #topSearch2 #searchQuery{color:rgb(255 255 255 / 70%);background:url(/bitrix/components/dresscode/search.line/templates/version2/images/searchH5W.svg) 14px 50% no-repeat transparent}#subHeader2.color_black #goSearch,#subHeader2.color_theme #goSearch{background:url(/bitrix/components/dresscode/search.line/templates/version2/images/searchIcoH2W.svg) 0 0 no-repeat transparent}#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/components/dresscode/search.line/templates/version2/images/searchIcoH5W.svg) 0 0 no-repeat transparent}#topSearch2 #goSearch:hover{background-position:0 -50px}#topSearch2 #goSearch:active{background-position:0 -100px}#searchResult{position:absolute;top:172px;left:0;z-index:999;display:none;width:100%;height:auto;background-color:#fff;border-top:1px solid #f3f3f3}#subHeader2 #searchResult{top:102px}#subHeader2 #searchOverlap{top:172px}#searchResult h1{position:relative;height:85px;margin:0;font-size:18px;font-family:robotobold;line-height:85px;text-align:center;text-transform:uppercase;background-color:#fff}#searchResult.visible{display:block}#searchResult .productList{box-sizing:border-box;margin:0 24px 24px}#searchResult .item{width:14.285%}#searchResult .searchAllResult{position:relative;display:block;height:85px;color:#000;font-size:14px;font-family:robotobold;line-height:85px;text-align:center;text-transform:uppercase;text-decoration:none;background-color:#f3f3f3;border-top:1px solid #e7e8ea;transition:all .2 ease-in-out}#searchResult .searchAllResult:hover{background-color:#eee}#searchResult .searchAllResult span{padding-bottom:4px;border-bottom:1px dashed #000}#searchResult .errorMessage{margin:24px 36px;color:#000;font-size:14px;text-align:center}#searchProductsClose{position:absolute;top:50%;right:24px;display:block;width:18px;height:18px;margin-top:-9px;background:url(/bitrix/components/dresscode/search.line/templates/version2/images/exit.svg) 0 0 no-repeat transparent}#searchProductsClose:hover{background-position:-18px 0}#searchProductsClose:active{background-position:-36px 0}@media all and (max-width:1200px){#topSearchLine.color_black #topSearch2 #searchQuery{color:rgb(255 255 255 / 70%);background:url(/bitrix/components/dresscode/search.line/templates/version2/images/searchH5W.svg) 14px 50% no-repeat transparent}#topSearchLine.color_black #goSearch{background:url(/bitrix/components/dresscode/search.line/templates/version2/images/searchIcoH5W.svg) 0 0 no-repeat transparent}#subHeader6 #topSearchLine #topSearch2 #searchQuery{color:#000;background:url(/bitrix/components/dresscode/search.line/templates/version2/images/searchH2.svg) 14px 50% no-repeat transparent}#subHeader6 #topSearchLine #topSearch2 #goSearch{background:url(/bitrix/components/dresscode/search.line/templates/version2/images/searchIcoH2.svg) 0 0 no-repeat transparent}#subHeader6 #topSearchLine #topSearch2 input[placeholder]{color:rgb(0 0 0 / 70%);transition:all .2s ease-in-out}#subHeader6 #topSearchLine #topSearch2 input::input-placeholder{color:rgb(0 0 0 / 70%);transition:all .2s ease-in-out}#subHeader6 #topSearchLine #topSearch2 input::placeholder{color:rgb(0 0 0 / 70%);transition:all .2s ease-in-out}}.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{position:relative;text-align:center}.bx-pagination .bx-pagination-container ul{display:inline-block;margin:0;padding:0;list-style:none}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px}.bx-pagination .bx-pagination-container ul li span{display:block;box-sizing:border-box;min-width:32px;height:32px;padding:0 8px;color:#444;font-size:14px;line-height:32px;vertical-align:middle;background:#eff0f1;border-radius:16px;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.bx-pagination .bx-pagination-container ul li a{display:block;min-width:32px;height:32px;color:#444;line-height:32px;text-decoration:none;vertical-align:middle;border-radius:16px}.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{padding:0 18px;color:#444;line-height:28px;background:#fff;border:2px solid #eff0f1}.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{padding:0 18px;color:#aab1b4;line-height:28px;background:#fff;border:2px solid #eff0f1}.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{color:#000;background:#fff;border-color:#dadada}@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%}}
/* End */


/* Start:/bitrix/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart3/style.min.css?17570001271340*/
.cart .cartTable{display:table;table-layout:fixed;border-collapse:collapse}.cart .cartTable .cartTableColumn{display:table-cell;text-align:right;vertical-align:middle}.cart .cartTable .cartTableColumn:first-child{width:50px;padding-right:24px}.cart .cartTable .cartIcon{position:relative;display:block;width:50px;height:50px;margin-top:12px;background:url(/bitrix/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart3/images/cartH3.svg) 0 0 no-repeat transparent}.cart .cartIcon .countLink{display:block;width:50px;height:50px;text-align:center}.cart .cartIcon .countLink:active{position:relative;top:1px}.cart .cartIcon .count{position:absolute;top:-4px;right:-4px;display:block;width:25px;height:25px;color:#fff;font-size:13px;line-height:25px;background:#b2b2b2;border-radius:50%;transition:all .2s ease-in-out}.cart .heading{color:#000;font-size:16px;text-decoration:none}.cart .heading.active:hover{opacity:.8}.cart .heading.active:active{position:relative;top:1px}.cart .total{margin-left:4px}.cart .order{display:inline-block;margin-top:6px;padding:6px 24px;color:#b2b2b2;text-align:center;text-decoration:none;border:1px solid #f3f3f3;border-radius:40px}#subHeader3 .cart .order.active:hover{opacity:.7}.cart .order.active:active{position:relative;top:1px}#subHeader3 .cart .active:hover .count{opacity:.8}@media (max-width:700px){.cart .cartTable .cartTableColumn:first-child{padding-right:0}}
/* End */


/* Start:/bitrix/templates/dresscode/components/bitrix/menu/topMenu2/style.css?17655283442811*/
#subMenu {
    margin: 0;
    padding: 0;
    visibility: hidden;
}

#subMenu ul {
    margin: 0;
    padding: 0;
}

#subMenu li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

#subMenu li a {
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 36px;
    text-decoration: none;
    height: 100%;
}

#subMenu li.has-children li a {
    padding: 10px 36px;
}

/* Корневой пункт меню */
#subMenu > li.has-children > a {
    position: relative;
    display: block;
    transition: 0.2s ease;
}

/* Подсветка при наведении */
#subMenu > li.has-children:hover > a {
    color: #AA8567; /* коричневый в фирменных цветах */
}

/* ▼ Маленькая стрелочка справа */
#subMenu > li.has-children > a:after {
    content: "▼";
    font-size: 10px;
    margin-left: 6px;
    transition: 0.2s ease;
}

#subMenu > li.has-children:hover > a:after {
    transform: rotate(180deg);
}


/* =======================================
   ВЫПАДАЮЩИЕ ПОДМЕНЮ (Уровни 1–3)
   ======================================= */

/* Общие стили подменю */
.catalog-submenu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 8px 0 10px 0;
    background: #fff;
    border: 1px solid #ddd;
    position: absolute;
    min-width: 300px;
    z-index: 1000;
    flex-direction: column;
}

/* Показываем submenu первого уровня при наведении */
#subMenu > li.has-children:hover > .catalog-submenu {
    display: flex;
}

/* Элементы меню */
.catalog-submenu li a {
    display: block;
    padding: 8px 14px;
    color: #333;
    text-decoration: none;
    transition: 0.2s ease;
    line-height: 125%;
}

/* Hover внутри подменю */
.catalog-submenu li:hover > li {
    background: #f3f0eb;
    color: #AA8567;
}

/* Вложенные уровни (2-й и 3-й) */
.catalog-submenu li.has-children {
    position: relative;
}

.catalog-submenu li.has-children > a:after {
    content: "▶";
    right: 10px;
    position: absolute;
    font-size: 10px;
    transition: 0.2s ease;
}

.catalog-submenu li.has-children:hover > a:after {
    transform: translateX(3px);
}

/* Второй уровень */
.catalog-submenu.level-1 > li.has-children:hover > .catalog-submenu {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
}

/* Третий уровень (аналогично) */
.catalog-submenu.level-2 > li.has-children:hover > .catalog-submenu {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
}

@media (max-width: 998px) {
    .catalog-submenu, #subMenu > li.has-children > a:after {
        display: none !important;
    }
}

/* End */


/* Start:/bitrix/components/dresscode/favorite.line/templates/version3/style.min.css?1756999766628*/
.topWishlist{display:inline-block}.topWishlist .text{display:block;color:#000;opacity:.5;transition:all .2s ease-in-out}.topWishlist .text.active{opacity:1}.topWishlist .text.active:hover{opacity:.8}.topWishlist .text.active:active{position:relative;top:1px}.topWishlist .icon,.topWishlist .label,.topWishlist .value{float:left}.topWishlist .icon{width:50px;height:50px;background:url(/bitrix/components/dresscode/favorite.line/templates/version3/images/wishlistH3.svg) 0 0 no-repeat transparent;border-radius:0}.topWishlist .label{margin-right:12px}.topWishlist .value{height:26px;margin-top:10px;padding:0 8px;line-height:27px;text-align:center;border:1px solid #f3f3f3;border-radius:50%}
/* End */


/* Start:/bitrix/components/dresscode/compare.line/templates/version3/style.min.css?1756999766634*/
.topCompare{display:inline-block;margin-right:12px}.topCompare .text{display:block;color:#000;opacity:.5;transition:all .2s ease-in-out}.topCompare .text.active{opacity:1}.topCompare .text.active:hover{opacity:.8}.topCompare .text.active:active{position:relative;top:1px}.topCompare .icon,.topCompare .label,.topCompare .value{float:left}.topCompare .icon{width:50px;height:50px;background:url(/bitrix/components/dresscode/compare.line/templates/version3/images/compareH3.svg) 0 0 no-repeat transparent;border-radius:0}.topCompare .label{margin-right:12px}.topCompare .value{height:26px;margin-top:10px;padding:0 8px;line-height:27px;text-align:center;border:1px solid #f3f3f3;border-radius:50%}
/* End */


/* Start:/bitrix/templates/dresscode/components/bitrix/menu/leftMenu/style.min.css?17570001276540*/
#leftMenu{position:relative;z-index:33;margin:0;padding:12px 0;list-style:none;background:#2b2b2b}#leftMenu li{list-style:none}#leftMenu>li:first-child{border:0}#leftMenu>li{display:block;background:#2b2b2b;transition:all .1s ease}#leftMenu .activeDrop,#leftMenu>li:hover{background:#fff}#leftMenu>li:hover>a{background:#f5f5f5}#leftMenu .activeDrop .menuLink,#leftMenu li:hover .menuLink{color:#000}#leftMenu li .menuLink{position:relative;display:block;box-sizing:border-box;padding-right:8px;color:#fff;font-size:13px;line-height:18px;text-decoration:none;transition:all .2s ease-in-out}#leftMenu .menuLink img{vertical-align:middle}#leftMenu li .tb{display:table;width:100%}#leftMenu .pc,#leftMenu .tx{display:table-cell;padding:8px;vertical-align:middle}#leftMenu li .pc{width:24px;height:21px;padding-left:18px;text-align:center;transition:all .1s}#leftMenu li .pc.no-image{width:12px;height:0;padding-left:0}#leftMenu .no-image+.tx{padding-left:0}#leftMenu .pc img{max-width:100%}#leftMenu ul{margin:0;padding:0}#leftMenu .drop{position:absolute;top:0;left:100%;z-index:999999;display:none;width:1%;min-height:400px;table-layout:fixed;background:#fff;border-collapse:collapse;box-shadow:1px 1px 12px rgb(0 0 0 / 40%)}#leftMenu .menuItems{display:table-cell;width:245px;padding:12px;vertical-align:top;background-color:#fff;border-right:1px solid #e7e8ea}#leftMenu .menuItems li:first-child{margin-top:0}#leftMenu .menuItems li{position:relative;margin-top:12px}#leftMenu .dropdown{display:none}#leftMenu .menuItems span{color:#444;font-size:14px;font-family:robotobold;text-transform:uppercase;transition:all .2s ease-in-out}#leftMenu .menuItems small{position:absolute;top:50%;right:0;height:22px;margin-top:-11px;color:#888;line-height:22px}#leftMenu .menuItems a{display:block;color:#000;line-height:21px;transition:all .2s ease-in-out}#leftMenu .menuItems a:hover{color:#999}#leftMenu .menuItems a img{transition:all .2s ease-in-out}#leftMenu .menuItems a:hover img{opacity:.8}#leftMenu .menuSlider{position:relative;display:table-cell!important;width:295px;vertical-align:middle;background:#fff;background:linear-gradient(top,#fff 50%,#f9fafc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(100%,#f9fafc));background:linear-gradient(top,#fff 50%,#f9fafc 100%);background:linear-gradient(top,#fff 50%,#f9fafc 100%);background:linear-gradient(top,#fff 50%,#f9fafc 100%);background:linear-gradient(to bottom,#fff 50%,#f9fafc 100%)}#leftMenu .menuSlider>ul{position:relative;margin:0;padding:0;list-style:none}#leftMenu .menuSlider>ul>li{position:relative;float:left}#leftMenu .menuSlider .slideBtnLeft,#leftMenu .menuSlider .slideBtnRight{position:absolute;top:30%;z-index:99;width:14px;height:16px;margin-top:3px;background:url(/bitrix/templates/dresscode/components/bitrix/menu/leftMenu/images/slideArrow.png) 0 0 no-repeat transparent;opacity:.5}#leftMenu .menuSlider .slideBtnLeft:hover,#leftMenu .menuSlider .slideBtnRight:hover{opacity:.8}#leftMenu .menuSlider .slideBtnLeft:active,#leftMenu .menuSlider .slideBtnRight:active{opacity:1}#leftMenu .menuSlider .slideBtnLeft{left:12px}#leftMenu .menuSlider .slideBtnRight{right:12px;background-position:-14px 0}#leftMenu .product{position:relative!important;width:100%!important;height:auto!important;border:0!important}#leftMenu .product .tabloid{position:static!important;height:auto!important;background:0 0!important;border:0!important}#leftMenu .product:hover .tabloid{box-shadow:none}#leftMenu .oSkuDropdownList{position:relative;top:0;display:none;border-top:1px solid #e7e8ea;border-right:0;border-bottom:0;border-left:0}#leftMenu .oSkuDropdownList.opened{display:block}@media screen and (max-width:1200px){#leftMenu .no-image+.tx{padding-left:24px}}@media screen and (max-width:1024px){#leftMenu{padding-top:0;padding-bottom:0}#main.color_black #leftMenu>li:hover{background:0 0}#main.color_black #leftMenu>li:hover>a{color:#fff}#main.color_black #leftMenu .drop{background:#2b2b2b}#leftMenu .drop{position:static;width:100%;min-height:unset;border-top:1px solid rgb(136 136 136 / 10%)}#leftMenu .opened .drop{display:block;box-shadow:none}#leftMenu .menuSlider{display:none!important}#main.color_black #leftMenu .menuItems{background:#2b2b2b}#leftMenu .menuItems{display:block;box-sizing:border-box;width:auto;padding:6px 0 6px 24px;border-right:0}#leftMenu .menuItems+.menuItems{margin-top:-12px}#leftMenu .menuDropItems{display:none;padding-left:24px}#main.color_black #leftMenu .menuItems span{color:#fff}#leftMenu .menuItems span{font-size:13px;font-family:roboto_ltregular;text-transform:none}#leftMenu .menuItems small{display:none}#leftMenu .menuItems li{margin:0}#main.color_black .menuItems li a{color:#fff}#leftMenu .menuItems li a{padding:6px 0}#leftMenu .menuItems a.menuLink{padding-right:50px}#leftMenu>li{box-sizing:border-box;border-top:1px solid rgb(136 136 136 / 10%)}#leftMenu li a{position:relative;transition:none}#leftMenu>li:hover>a{background:0 0}#leftMenu>li.opened>a{font-family:robotomedium}#leftMenu li .menuLink{padding-right:50px;font-size:13px}#leftMenu li .pictureLink{display:none}#leftMenu .tb .tx{padding:14px 0}#leftMenu .tb .pc{position:relative;padding:14px 12px}#leftMenu li .pc.no-image{width:0;height:0;padding-left:0}#leftMenu .no-image+.tx{padding-left:14px}#leftMenu>li.opened .pc img{display:none}#leftMenu>li.opened .pc.no-image{width:24px;height:21px;padding-left:12px}#leftMenu>li.opened .no-image+.tx{padding-left:0}#main.color_black #leftMenu>li.opened .pc .back{background:url(/bitrix/templates/dresscode/components/bitrix/menu/leftMenu/images/arrow-back-menu-white.svg) 50% 50% no-repeat transparent}#leftMenu>li.opened .pc .back{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/bitrix/templates/dresscode/components/bitrix/menu/leftMenu/images/arrow-back-menu-black.svg) 50% 50% no-repeat transparent;content:""}#leftMenu .allow-dropdown .dropdown{position:absolute;top:50%;right:12px;display:block;width:30px;min-width:unset;height:30px;margin-top:-15px;padding:0;line-height:normal;background-image:url(/bitrix/templates/dresscode/components/bitrix/menu/leftMenu/images/arrow-dropdown-white.svg);background-repeat:no-repeat;background-position:50% 50%;border-radius:15px;transition:transform .15s ease-in-out;pointer-events:none}#main.color_black #leftMenu li:not(.opened) .dropdown{background-image:url(/bitrix/templates/dresscode/components/bitrix/menu/leftMenu/images/arrow-dropdown-white.svg)}#leftMenu li:not(.opened) .dropdown{background-color:transparent;background-image:url(/bitrix/templates/dresscode/components/bitrix/menu/leftMenu/images/arrow-dropdown-black.svg);border:0}#leftMenu li.opened>a .dropdown{width:24px;transform:rotate(-90deg)}#leftMenu li li.opened+.allow-dropdown,#leftMenu li li.opened+.allow-dropdown .menuDropItems{display:block}#leftMenu li li+.allow-dropdown{display:none}}
/* End */


/* Start:/bitrix/templates/dresscode/components/bitrix/menu/leftSubMenu/style.min.css?1757000127233*/
#subLeftMenu{margin:0 0 24px;padding:12px 24px;list-style:none;background:#2b2b2b;border-top:1px solid #484848}#subLeftMenu a{display:block;padding:4px 0;color:#888;font-size:13px;text-decoration:none}#subLeftMenu a:hover{color:#fff}
/* End */


/* Start:/bitrix/templates/dresscode/components/bitrix/subscribe.form/.default/style.min.css?1757000127945*/
#subscribe{background-color:#fff;margin-top:24px;overflow:hidden}#subscribe form{padding:0 12px}#subscribe input::-webkit-input-placeholder{color:#888}#subscribe input::-moz-placeholder{color:#888}#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 .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;background:#f1f1f1;text-align:center;border-radius:6px;margin:12px auto;padding-left:8px;line-height:50px;font-size:14px;color:#888;display:block;height:50px;width:100%;border:0}#subscribe input[type=text]:focus{background-color:#e7e8ea}#subscribe .submit{cursor:pointer;color:#fff;border-radius:6px}
/* End */


/* Start:/bitrix/components/dresscode/products.by.filter/templates/.default/style.min.css?1756999766994*/
#topProduct{position:relative}#topProduct .wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin:0 24px}#topProduct .productList{position:relative;list-style:none;overflow:hidden;clear:both;margin:0;left:0}#topProduct .productList>li{float:left}#topProduct .productList .item{width:100%;float:none;border-top:1px solid #e7e8ea}#topProduct .product .tabloid{height:100%}#topProduct .topBtnLeft,#topProduct .topBtnRight{background:url(/bitrix/components/dresscode/products.by.filter/templates/.default/images/slideArrowSmall.svg) 0 0 no-repeat transparent;transform:translateY(-50%);position:absolute;height:70px;width:35px;z-index:22;top:50%}#topProduct .topBtnLeft{left:24px}#topProduct .topBtnRight{right:24px}#topProduct .topBtnLeft:hover{background-position:-35px 0}#topProduct .topBtnLeft:active{background-position:-70px 0}#topProduct .topBtnRight{background-position:0 -70px}#topProduct .topBtnRight:hover{background-position:-35px -70px}#topProduct .topBtnRight:active{background-position:-70px -70px}
/* End */


/* Start:/bitrix/components/dresscode/catalog.viewed.product/templates/.default/style.min.css?17569997661066*/
#viewedProduct{position:relative}#viewedProduct .wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin:0 24px}#viewedProduct .productList{position:relative;list-style:none;overflow:hidden;clear:both;margin:0;left:0}#viewedProduct .productList>li{float:left}#viewedProduct .productList .item{width:100%;float:none;border-top:1px solid #e7e8ea}#viewedProduct .product .tabloid{height:100%}#viewedProduct .viewedBtnLeft,#viewedProduct .viewedBtnRight{background:url(/bitrix/components/dresscode/catalog.viewed.product/templates/.default/images/slideArrowSmall.svg) 0 0 no-repeat transparent;transform:translateY(-50%);position:absolute;height:70px;width:35px;z-index:22;top:50%}#viewedProduct .viewedBtnLeft{left:24px}#viewedProduct .viewedBtnRight{right:24px}#viewedProduct .viewedBtnLeft:hover{background-position:-35px 0}#viewedProduct .viewedBtnLeft:active{background-position:-70px 0}#viewedProduct .viewedBtnRight{background-position:0 -70px}#viewedProduct .viewedBtnRight:hover{background-position:-35px -70px}#viewedProduct .viewedBtnRight:active{background-position:-70px -70px}
/* End */


/* Start:/bitrix/templates/dresscode/components/bitrix/catalog.bigdata.products/.default/style.min.css?17570001271569*/
#bigDataCarousel .wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin:0 24px}#bigDataCarousel .slideBox>li{float:left}#bigDataCarousel .productList .item{border-top:1px solid #e7e8ea;width:100%;float:none}#bigDataCarousel .productList .item .tabloid{height:100%}#bigDataCarousel .bigDataBtnLeft,#bigDataCarousel .bigDataBtnRight{background:url(/bitrix/templates/dresscode/components/bitrix/catalog.bigdata.products/.default/images/slideArrowSmall.png) 0 0 no-repeat transparent;transform:translateY(-50%);position:absolute;height:70px;width:35px;z-index:22;top:50%}#bigDataCarousel .bigDataBtnLeft{left:24px}#bigDataCarousel .bigDataBtnRight{right:24px}#bigDataCarousel .bigDataBtnLeft:hover{background-position:-35px 0}#bigDataCarousel .bigDataBtnLeft:active{background-position:-70px 0}#bigDataCarousel .bigDataBtnRight{background-position:0 -70px}#bigDataCarousel .bigDataBtnRight:hover{background-position:-35px -70px}#bigDataCarousel .bigDataBtnRight:active{background-position:-70px -70px}@media all and (max-width:700px){#bigDataCarousel .bigDataBtnLeft,#bigDataCarousel .bigDataBtnRight{background:url(/bitrix/templates/dresscode/components/bitrix/catalog.bigdata.products/.default/images/slideArrowMicro.png) 0 0 no-repeat transparent;transform:translateY(-50%);position:absolute;height:48px;width:24px;z-index:22;top:50%}#bigDataCarousel .bigDataBtnLeft:hover{background-position:-24px 0}#bigDataCarousel .bigDataBtnLeft:active{background-position:-48px 0}#bigDataCarousel .bigDataBtnRight{background-position:0 -48px}#bigDataCarousel .bigDataBtnRight:hover{background-position:-24px -48px}#bigDataCarousel .bigDataBtnRight:active{background-position:-48px -48px}}
/* End */


/* Start:/bitrix/components/dresscode/cookie.notice/templates/.default/style.min.css?17569997661020*/
.cookie-notice{position:fixed;right:18px;bottom:76px;z-index:9999;width:min(100%,400px);color:#000;background-color:#fff;box-shadow:0 0 25px rgb(0 0 0 / 15%)}.cookie-notice:not(.cookie-notice--visible){display:none}.cookie-notice__inner{box-sizing:border-box;padding:36px}.cookie-notice__content,.cookie-notice__inner{display:flex;flex-direction:column;gap:18px}.cookie-notice__text{margin:0;font-size:14px;font-family:roboto_ltregular,sans-serif;line-height:1.5}.cookie-notice__heading{font-size:24px;font-family:robotobold,sans-serif;line-height:1.4}.cookie-notice__confirm-button{width:100%}@media (min-width:1025px){.cookie-notice{border-radius:10px}}@media (max-width:1024px) and (min-width:800px){.cookie-notice__inner{flex-direction:row;align-items:center}}@media (max-width:1024px){.cookie-notice{right:0;bottom:0;width:100%;border-top-left-radius:10px;border-top-right-radius:10px}.cookie-notice__inner{padding:24px}.cookie-notice__content,.cookie-notice__inner{gap:12px}.cookie-notice__heading{font-size:16px}}
/* End */


/* Start:/bitrix/templates/dresscode/template_styles.css?1766315970210280*/
html {
    -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
    text-size-adjust: 100%;
    font-size: 100%;
}

body {
    margin: 0;
    font: normal normal 14px "roboto_ltregular",
    sans-serif,
    arial;
    line-height: 21px;
    background-color: #ffffff;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none;
}

img {
    border: 0;
}

input {
    font: normal normal 13px "roboto_ltregular",
    sans-serif,
    arial;
    outline: none;
}

input[placeholder] {
    text-overflow: ellipsis;
}

input::placeholder {
    text-overflow: ellipsis;
}

input:placeholder {
    text-overflow: ellipsis;
}

input:input-placeholder {
    text-overflow: ellipsis;
}

a:not([href]) {
    cursor: default;
}

:focus::input-placeholder {
    color: transparent;
}

:focus::placeholder {
    color: transparent;
}

:focus:placeholder {
    color: transparent;
}

:focus:input-placeholder {
    color: transparent;
}

input:focus {
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px white inset !important;
}

#main select,
#main textarea,
#main input {
    outline: none;
    box-shadow: none;
    appearance: none;
}

a {
    outline: none;
    appearance: none;
}

h1 {
    display: block;
    margin: 0 0 24px;
    color: #000000;
    font-weight: 400;
    font-size: 24px;
    font-family: "roboto_ltregular";
    line-height: 36px;
    text-align: left;
}

h2 {
    font-weight: 400;
    font-size: 18px;
    font-family: "roboto_ltregular";
}

h3 {
    font-weight: 400;
    font-size: 16px;
    font-family: "roboto_ltregular";
}

b,
strong {
    font-weight: 400;
    font-family: robotobold;
}

* {
    box-sizing: content-box;
}

.loading-spinner {
    position: fixed;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 40%);
    inset: 0;
}

.loading-spinner:not(.loading-spinner--active) {
    display: none;
}

#topHeader {
    position: relative;
    z-index: 35;
    min-width: 320px;
    height: 30px;
}

.clearfix::before,
.clearfix::after {
    display: table;
    content: "";
}

.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 #topMenu {
    opacity: 0;
}

.bold {
    font-family: robotobold;
}

/* auth register city block */

#topService {
    float: right;
    margin: 0;
    padding: 0;
}

#topService div[id^="bx_incl_area_"] {
    float: left;
}

#topService li {
    float: left;
    margin: 0;
    padding: 0 12px;
    line-height: 30px;
    list-style: none;
}

#topService .null {
    display: inline-block;
    width: 0;
    height: 0;
    padding: 0;
    line-height: 0px;
}

#topService li:not(.null) a {
    display: inline-block;
    font: normal normal 13px "roboto_ltregular",
    arial,
    sans-serif;

    /* vertical-align: middle; */
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

#topService li:not(.null) a:active {
    position: relative;
    top: 1px;
}

#topService li:not(.null) a:focus {
    transition: all 0.7s;
}

/* Sub Header */

#subHeader {
    z-index: 3;
    min-width: 320px;
    height: 102px;
}

.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: #ffffff;
}

#subHeaderV2 .subHeaderContainer {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

#subHeaderV2 .subHeaderLeft,
#subHeaderV2 .subHeaderCenter,
#subHeaderV2 .subHeaderRight {
    display: table-cell;
    vertical-align: middle;
}

#subHeaderV2 .subHeaderLeft {
    width: 680px;
}

#subHeaderV2 .subHeaderCenter {
    text-align: center;
}

#subHeaderV2 .subHeaderRight {
    text-align: right;
}

#logo {
    position: relative;
    z-index: 1;
    float: left;
    width: 229px;
    max-height: 102px;
    overflow: hidden;
    line-height: 102px;
    text-align: left;
}

#logo a {
    display: block;
}

#logo a:active {
    position: relative;
    top: 1px;
}

#logo img {
    max-width: 100%;
    max-height: 102px;
    vertical-align: middle;
}

#topHeading {
    float: left;
    width: 162px;
    padding: 0 18px;
}

#topHeading .vertical {
    line-height: 102px;
}

#topHeading p {
    display: inline-block;
    margin: 0;
    font: normal normal 16px "roboto_ltregular",
    arial,
    sans-serif;
    line-height: 21px;
    text-align: center;
    vertical-align: middle;
}

#headerTools {
    float: right;
    height: 96px;
}

#headerTools .tools {
    margin: 0;
    padding: 0;
    list-style: none;
}

#headerTools .tools .icon {
    float: left;
}

#headerTools .tools .heading {
    display: block;
    font-size: 18px;
    text-decoration: none;
}

#headerTools .tools .link {
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

#headerTools .tools .link:active {
    position: relative;
    top: 1px;
}

#headerTools .tools li {
    float: left;
    margin: 0;
    padding: 0 18px;
    line-height: 102px;
    list-style: none;
}

#headerTools .tools div[id*="bx_"] {
    float: left;
}

#headerTools .wrap {
    display: inline-block;
    line-height: 21px;
    vertical-align: middle;
}

#headerTools .icon {
    height: 40px;
    margin: 0 4px;
}

#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;
    margin-left: 4px;
    padding: 0 6px;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
}

#changeYouCity {
    position: relative;
    display: none;
    min-width: 320px;
    padding: 18px 0;
}

#changeYouCity .limiter {
    position: relative;
}

#changeYouCity .heading {
    display: block;
    font-size: 21px;
}

#changeYouCity .list {
    overflow: hidden;
    text-align: center;
}

#changeYouCity .list li {
    float: left;
    width: 25%;
    margin-top: 12px;
    text-align: left;
}

#changeYouCity .list li a {
    font-size: 14px;
    text-decoration: none;
}

#changeYouCity .list li a:hover {
    text-decoration: underline;
}

#changeYouCity #cityClose {
    position: absolute;
    top: 0;
    right: 24px;
    display: block;
    padding: 4px 12px;
    font-size: 14px;
    text-decoration: none;
}

#changeYouCity #cityClose ins {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
}

#topMenu .bar > a {
    background: url("/bitrix/templates/dresscode/images/menuMore.png") 0 50% no-repeat transparent;
}

#topHeader.color_default #topMenu .bar > a {
    background-image: url("/bitrix/templates/dresscode/images/menuMore2.png");
}

#topHeader.color_default #topMenu .sub {
    background-color: #fbfbfb;
}

#topHeader.color_default #topMenu .sub li:hover {
    background: #f9f9f9;
}

#topHeader.color_default #topMenu .sub li {
    border-top: 1px solid #f3f3f3;
    border-bottom: 0;
}

#topMenu .bar > a:hover,
#topMenu .bar.active > a {
    background: url("/bitrix/templates/dresscode/images/menuMore.png") -21px 50% no-repeat transparent;
}

#main {
    min-width: 320px;
    margin-top: 24px;
}

#main .compliter {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

#left {
    display: table-cell;
    width: 355px;
    vertical-align: top;
}

#left .heading {
    display: block;
    height: 65px;
    padding-left: 24px;
    font-weight: 400;
    font-size: 18px;
    font-family: "roboto_ltregular";
    line-height: 65px;
    text-decoration: none;
}

#left .heading .arrow {
    background-position: -27px 50%;
    transition: all 0.5s;
}

#left .heading.opened .arrow {
    transform: rotate(90deg);
}

#left .menuRolled + .collapsed {
    display: none;
}

#left .heading ins {
    display: inline-block;
    float: right;
    width: 27px;
    height: 65px;
    margin-right: 24px;
    line-height: 65px;
    vertical-align: middle;
}

#left .sideBlock .heading {
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    transition: all 0.2s ease;
}

#left .sideBlock a.heading:hover {
    opacity: 0.95;
}

#left #subscribe .copy {
    display: block;
    width: 90%;
    margin: 12px auto;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
}

#left .banner {
    margin-top: 24px;
    text-align: center;
}

#left .banner img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

#right {
    display: table-cell;
    padding-left: 24px;
    vertical-align: top;
}

#brandSearch {
    display: none;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

#brandSearch td {
    height: 50px;
    line-height: 50px;
}

#brandSearch .label {
    width: 140px;
}

#brandSearch .label span {
    display: block;
    text-align: center;
}

#brandSearch .all {
    width: 60px;
}

#brandSearch .all a {
    display: block;
    text-align: center;
}

#brandSearch a {
    display: block;
    text-align: center;
    text-decoration: none;
}

#slider {
    position: relative;
    overflow: hidden;
}

#slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

#slider ul li {
    position: relative;
    float: left;
}

#slider ul li span {
    display: block;
    height: 557px;
    background-position: center center;
    background-size: cover;
}

#slider ul li img {
    display: inline-block;
    width: auto;
    margin-left: -120px;
}

#slider ol {
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#slider ol li {
    float: left;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    cursor: pointer;
}

#main.color_black #slider .sliderContent {
    color: #ffffff;
}

#main.color_white #left #leftMenu {
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}

#main.color_white #left #subLeftMenu {
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}

#main.color_white #leftMenu {
    background-color: #ffffff !important;
}

#main.color_white #leftMenu > li {
    background-color: #ffffff !important;
}

#main.color_white #leftMenu li .menuLink {
    color: #000000 !important;
}

#main.color_white #leftMenu > li:hover,
#leftMenu .activeDrop {
    color: #f6f6f6 !important;
}

#main.color_white #subLeftMenu {
    background-color: #ffffff !important;
    border-top: 1px solid #eeeeee !important;
}

#main.color_white #subLeftMenu a {
    color: #000000 !important;
}

#catalogLineList {
    margin-bottom: 24px;
}

#catalogLineList .itemRow {
    display: table;
    width: 100%;
    margin-bottom: 24px;
    border: 1px solid #e7e8ea;
    border-radius: 4px;
    border-collapse: collapse;
    transition: all 0.2s ease-in-out;
}

#catalogLineList .itemRow:hover {
    border: 1px solid #cccccc;
}

#catalogLineList .column {
    position: relative;
    display: table-cell;
    padding: 24px 0;
    vertical-align: middle;
}

#catalogLineList .column:first-child {
    width: 400px;
    border: 0;
}

#catalogLineList .column:last-child {
    box-sizing: border-box;
    width: 270px;
    height: 100%;
    padding: 24px;
    border-left: 1px solid #e7e8ea;
}

#catalogLineList .name {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 12px;
    color: #000000;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

#catalogLineList .description {
    box-sizing: border-box;
    margin-bottom: 12px;
    padding-right: 12px;
    color: #888888;
    font-size: 12px;
}

#catalogLineList .prop {
    width: 50%;
    border-spacing: 0;
}

#catalogLineList .picture {
    position: relative;
    display: block;
    text-align: center;
}

#catalogLineList .picture img {
    max-width: 80%;
    max-height: 250px;
}

#catalogLineList .markerContainer {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 22;
}

#catalogLineList .marker {
    z-index: 2;
    margin-bottom: 8px;
    padding: 3px 4px;
    color: #ffffff;
    font: normal normal 12px "roboto_ltregular",
    arial,
    sans-serif;
    line-height: 16px;
    background-color: #424242;
}

#catalogLineList .rating {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 79px;
    height: 15px;
    margin-top: 4px;
    margin-right: 12px;
    margin-bottom: 12px;
    overflow: hidden;
    vertical-align: middle;
}

#catalogLineList .rating i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 79px;
    height: 15px;
    background: url("/bitrix/templates/dresscode/images/rating.svg") repeat 0 0 transparent;
}

#catalogLineList .rating i.m {
    z-index: 10;
    width: 0;
    background: url("/bitrix/templates/dresscode/images/rating.svg") repeat 0 -15px transparent;
}

#catalogLineList .priceLabel {
    float: left;
    margin-right: 4px;
    font-size: 21px;
    font-family: robotobold;
}

#catalogLineList .price {
    position: relative;
    display: block;
    margin-bottom: 12px;
    color: #000000;
    font-size: 21px;
    font-family: robotobold;
    text-decoration: none;
}

#catalogLineList .price .measure {
    font-size: 16px;
}

#catalogLineList .price .discount {
    position: absolute;
    top: -18px;
    right: 0;
    padding-left: 4px;
    color: #888888;
    font-size: 14px;
    font-family: "roboto_ltregular";
}

#catalogLineList .addCart {
    display: block;
    height: 60px;
    margin-top: 16px;
    margin-bottom: 12px;
    color: #ffffff;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

#catalogLineList .icon {
    display: inline-block;
    vertical-align: middle;
}

#catalogLineList .addCart .icon {
    margin-top: -6px;
    padding-right: 12px;
}

#catalogLineList .row {
    margin-bottom: 12px;
    overflow: hidden;
}

#catalogLineList .label {
    display: block;
    float: left;
    width: 45%;
    color: #717171;
    font-size: 15px;
    font-family: "roboto_condensedlight";
    line-height: 21px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

#catalogLineList .label:hover {
    color: #000000;
}

#catalogLineList .label:nth-child(1),
#catalogLineList .label:nth-child(3) {
    width: 55%;
}

#catalogLineList .label .icon {
    margin-top: -4px;
    padding-right: 6px;
}

#catalogLineList .article {
    padding: 0 12px;
    color: #888888;
    line-height: 32px;
    text-align: center;
    background-color: #f3f3f3;
    border-radius: 4px;
}

#catalogLineList .skuPropertyName {
    margin-bottom: 4px;
    color: #000000;
    font-size: 13px;
}

#catalogLineList .skuPropertyList {
    margin: 0 -4px;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

#catalogLineList .skuProperty {
    margin: 12px 0;
    overflow: hidden;
}

#catalogLineList .skuProperty li {
    float: left;
    box-sizing: border-box;
    min-width: 35px;
    padding: 4px;
    overflow: hidden;
}

#catalogLineList .skuProperty .disabled {
    display: none;
}

#catalogLineList .skuPropertyLink {
    display: block;
    min-width: 30px;
    padding: 4px 6px;
    color: #000000;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #dddddd;
}

#catalogLineList .skuPropertyList img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

#catalogLineList .prop a {
    color: #000000;
    transition: all 0.2s ease-in-out;
}

#catalogLineList .oSkuDropDownProperty:first-child {
    margin: 0;
}

#catalogLineList .oSkuDropDownProperty {
    margin-top: 12px;
    overflow: visible;
}

#catalogLineList .oSkuDropDownProperty .oSkuDropdownListItem {
    float: none;
    box-sizing: content-box;
    min-width: auto;
    padding: 0;
    overflow: visible;
}

#catalogLineList .oSkuDropdown {
    position: relative;
    display: block;
    width: auto;
    max-width: 250px;
    margin-top: 4px;
    font-size: 13px;
    line-height: 13px;
    background-color: #ffffff;
    border: 1px solid #e7e8ea;
    border-radius: 2px;
    user-select: none;

    /* z-index: 99; */
}

#catalogLineList .oSkuCheckedItem {
    display: block;
    padding: 12px 30px 12px 8px !important;
    color: #000000;
    background: url("/bitrix/templates/dresscode/images/selectArrow.png") 97% 50% no-repeat transparent;
    border-radius: 4px;
    cursor: pointer;
}

#catalogLineList .oSkuCheckedItem:hover {
    opacity: 0.8;
}

#catalogLineList .oSkuCheckedItem:active {
    position: relative;
    top: 1px;
}

#catalogLineList .oSkuDropdown label::before,
#catalogLineList .oSkuCheckboxList label::before {
    display: none;
}

#catalogLineList .oSkuDropdownList {
    position: absolute;
    top: 42px;
    right: 0;
    left: 0;
    z-index: 2;
    margin: 0 -1px;
    padding: 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #e7e8ea;
    visibility: hidden;
    opacity: 0;
}

#catalogLineList .oSkuDropdownList.opened {
    visibility: visible;
    opacity: 1;
}

#catalogLineList .pics .oSkuDropdownList {
    top: 52px;
}

#catalogLineList .oSkuDropdownList .skuPropertyValue {
    position: relative;
    display: block;
    border-top: 1px solid #e7e8ea;
}

#catalogLineList .oSkuDropdownList .skuPropertyValue:first-child {
    border-top: 0;
}

#catalogLineList .oSkuDropdownList .selected {
    color: #ffffff;
    font-family: robotomedium;
    background-color: #f9f9f9;
    box-shadow: 1px 1px 12px #f1f1f1 inset;
    cursor: pointer;
    opacity: 0.8;
}

#catalogLineList .oSkuDropdownList .skuPropertyValue:hover {
    color: #ffffff;
    background-color: #f9f9f9;
    cursor: pointer;
    opacity: 0.8;
}

#catalogLineList .oSkuDropdownList .oSkuPropertyItemLink {
    display: block;
    padding: 12px 8px !important;
    color: #000000;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    text-decoration: none;
    border: 0;
}

#catalogLineList .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink {
    border: 0;
}

#catalogLineList .oSkuDropdownList .oSkuDropdownListItem.disabled {
    display: none;
}

#catalogLineList .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink,
#catalogLineList .oSkuDropdownList .oSkuPropertyItemLink:active {
    position: relative;
    top: 1px;
}

#catalogLineList .oSkuDropdownList .skuPropertyValue.loading::after {
    left: 24px;
}

#catalogTableList {
    margin-bottom: 24px;
}

#catalogTableList .itemRow {
    display: table;
    width: 100%;
    margin-bottom: 24px;
    table-layout: fixed;
    border: 1px solid #e7e8ea;
    border-radius: 4px;
    border-collapse: collapse;
    transition: all 0.2s;
}

#catalogTableList .itemRow:hover {
    border: 1px solid #cccccc;
}

#catalogTableList .column {
    display: table-cell;
    padding: 12px 0;
    text-align: center;
    vertical-align: middle;
}

#catalogTableList .column:first-child {
    width: 120px;
}

#catalogTableList .column:nth-child(2) {
    width: 20%;
}

#catalogTableList .column.out {
    display: none;
    width: 0;
}

#catalogTableList .picture {
    display: inline-block;
    width: 80px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

#catalogTableList .picture img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

#catalogTableList .name {
    display: block;
    color: #000000;
    font-size: 13px;
    text-align: left;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

#catalogTableList .rating {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 79px;
    height: 15px;
    margin-top: 4px;
    overflow: hidden;
}

#catalogTableList .rating i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 79px;
    height: 15px;
    background: url("/bitrix/templates/dresscode/images/rating.svg") repeat 0 0 transparent;
}

#catalogTableList .rating i.m {
    z-index: 10;
    width: 0;
    background: url("/bitrix/templates/dresscode/images/rating.svg") repeat 0 -15px transparent;
}

#catalogTableList .price {
    position: relative;
    display: block;
    color: #000000;
    font-size: 16px;
    font-family: robotobold;
    text-decoration: none;
}

#catalogTableList .price .measure {
    font-size: 16px;
}

#catalogTableList .price .discount {
    position: absolute;
    top: -18px;
    right: 25%;
    padding-left: 4px;
    color: #888888;
    font-size: 14px;
    font-family: "roboto_ltregular";
}

#catalogTableList .addCart,
#catalogTableList .more {
    display: inline-block;
    width: 130px;
    height: 40px;
    color: #ffffff;
    font-size: 14px;
    font-family: "roboto_ltregular";
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

#catalogTableList .addCart.requestPrice {
    margin-top: 0;
}

#catalogTableList .row {
    display: inline-block;
    text-align: center;
}

#catalogTableList .icon {
    display: inline-block;
    margin-top: -4px;
    margin-right: 4px;
    vertical-align: middle;
}

#catalogTableList .addCart .icon,
#catalogTableList .more .icon {
    margin-top: -4px;
    padding-right: 4px;
}

#catalogTableList .label {
    display: block;
    margin-top: 8px;
    color: #717171;
    font-size: 15px;
    font-family: "roboto_condensedlight";
    line-height: 21px;
    text-align: left;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

#catalogTableList .label:hover {
    color: #000000;
}

#catalogTableList .article {
    display: inline-block;
    height: 32px;
    padding: 0 12px;
    overflow: hidden;
    color: #888888;
    line-height: 32px;
    background-color: #f3f3f3;
    border-radius: 4px;
}

#popCats {
    margin-top: 24px;
}

#popCats .sideBlockContent {
    padding: 12px;
    border-top: 0;
}

#popCats ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#popCats li {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
}

#popCats li span,
#popCats li a {
    display: block;
    padding: 4px 12px;
    line-height: 21px;
    text-decoration: none;
    transition: 0.2s all ease-in-out;
}

#collectionList {
    position: relative;
    margin-top: 24px;
    overflow: hidden;
}

#collectionCarousel {
    position: relative;
    margin: 0 -12px;
    overflow: hidden;
}

#collectionCarousel > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#collectionCarousel > ul li {
    float: left;
    width: 33.3131313%;
}

#collectionList .collection {
    position: relative;
    box-sizing: border-box;
    padding: 0 12px;
}

#collectionList .collection .wrap {
    padding: 12px;
    overflow: hidden;
    border-bottom: none;
}

#collectionList .collection .heading {
    height: auto;
    margin-bottom: 12px;
    padding: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
}

#collectionList .collectionDesc {
    font-size: 12px;
    line-height: 18px;
}

#collectionList .goTo {
    display: block;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    transition: background-color 0.3s,
    color 0.3s;
}

#collectionList .pic {
    display: block;
    height: 420px;
    margin-bottom: 18px;
    line-height: 420px;
    text-align: center;
}

#collectionList .pic img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

#promoBlock {
    display: table;
    width: 100%;
    overflow: hidden;
    table-layout: fixed;
    border-collapse: collapse;
}

#promoBlock div[id*="bx_incl"] {
    display: contents;
}

#sliderBlock,
#bannersBlock,
#specialBlock {
    display: table-cell;
    vertical-align: top;
}

#bannersBlock,
#specialBlock {
    position: relative;
    width: 356px;
    padding-left: 12px;
    overflow: hidden;
}

#specialBlock {
    width: 344px;
    padding-left: 24px;
}

#left #specialBlock {
    display: block;
    width: 100%;
    margin-bottom: 24px;
    padding-left: 0;
}

#bannersBlock ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#bannersBlock ul li {
    float: left;
}

#bannersBlock ul a {
    display: block;
    line-height: 0;
}

#bannersBlock ul li:first-child {
    float: none;
    margin-bottom: 12px;
}

#bannersBlock ul li:first-child + li {
    padding-right: 12px;
}

#right .heading {
    display: block;
    height: 60px;
    margin-bottom: 24px;
    padding-left: 24px;
    font-size: 18px;
    line-height: 60px;
}

#footer {
    margin-bottom: 55px;
    padding-top: 24px;
    overflow: hidden;
}

#footer.variant_2 #leftFooter,
#footer.variant_4 #leftFooter {
    color: #ffffff;
}

#footer.variant_5 .heading,
#footer.variant_6 .heading,
#footer.variant_7 .heading,
#footer.variant_8 .heading {
    color: #000000;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

#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: #ffffff;
}

#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 rgb(0 0 0 / 10%);
}

#footer.variant_8 #footerBottom {
    border-top: 1px solid rgb(0 0 0 / 15%);
    box-shadow: 1px 1px 12px rgb(0 0 0 / 20%);
}

#footer.variant_2 #leftFooter a,
#footer.variant_4 #leftFooter a {
    color: #ffffff;
}

#footer.variant_5 #leftFooter a,
#footer.variant_6 #leftFooter a,
#footer.variant_7 #leftFooter a,
#footer.variant_8 #leftFooter a {
    color: #000000;
}

#footer.variant_2 #leftFooter a:hover,
#footer.variant_4 #leftFooter a:hover {
    opacity: 0.8;
}

#footer.variant_2 #leftFooter .selected,
#footer.variant_4 #leftFooter .selected {
    opacity: 0.7;
}

#footer.variant_2 #leftFooter .heading,
#footer.variant_4 #leftFooter .heading {
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}

#footer.variant_2 #leftFooter ul li,
#footer.variant_4 #leftFooter ul li {
    border-top: 1px solid rgb(255 255 255 / 20%);
}

#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 rgb(0 0 0 / 10%);
}

#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: #ffffff;
}

#footer.variant_8 #rightFooter .showMap:hover {
    opacity: 0.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: #000000;
}

#footer.variant_5 #rightFooter .email a,
#footer.variant_6 #rightFooter .email a,
#footer.variant_7 #rightFooter .email a {
    transition: all 0.2s ease-in-out;
}

#footer.variant_3 #rightFooter .showMap:hover,
#footer.variant_4 #rightFooter .showMap:hover {
    opacity: 0.8;
}

#footer.variant_3 #rightFooter .telephone,
#footer.variant_4 #rightFooter .telephone {
    margin-top: 12px;
    font-family: robotomedium;
}

#footer.variant_3 #rightFooter .hr,
#footer.variant_4 #rightFooter .hr,
#footer.variant_8 #rightFooter .hr {
    border-top: 1px solid rgb(255 255 255 / 20%);
}

#footer.variant_5 #rightFooter .hr,
#footer.variant_6 #rightFooter .hr,
#footer.variant_7 #rightFooter .hr {
    border-top: 1px solid rgb(0 0 0 / 10%);
}

#footer.variant_4 #footerBottom {
    border-top: 1px solid rgb(255 255 255 / 20%);
}

#footer.variant_4 #footerBottom .sn .vk {
    background: url("/bitrix/templates/dresscode/images/snC.svg") 0 0 no-repeat transparent;
}

#footer.variant_4 #footerBottom .sn .fb {
    background: url("/bitrix/templates/dresscode/images/snC.svg") -60px 0 no-repeat transparent;
}

#footer.variant_4 #footerBottom .sn .od {
    background: url("/bitrix/templates/dresscode/images/snC.svg") -120px 0 no-repeat transparent;
}

#footer.variant_4 #footerBottom .sn .tw {
    background: url("/bitrix/templates/dresscode/images/snC.svg") -180px 0 no-repeat transparent;
}

#footer.variant_4 #footerBottom .sn .go {
    background: url("/bitrix/templates/dresscode/images/snC.svg") -240px 0 no-repeat transparent;
}

#footer.variant_4 #footerBottom .sn .yo {
    background: url("/bitrix/templates/dresscode/images/snC.svg") -300px 0 no-repeat transparent;
}

#footer.variant_4 #footerBottom .sn .telegram {
    background: url("/bitrix/templates/dresscode/images/snC.svg") -420px 0 no-repeat transparent;
}

#footer.variant_4 #footerBottom .sn .whatsapp {
    background: url("/bitrix/templates/dresscode/images/snC.svg") -480px 0 no-repeat transparent;
}

#footer.variant_4 #footerBottom .sn .rutube {
    background: url("/bitrix/templates/dresscode/images/snC.svg") -540px 0 no-repeat transparent;
}

#footer.variant_4 #footerBottom .sn .dzen {
    background: url("/bitrix/templates/dresscode/images/snC.svg") -600px 0 no-repeat transparent;
}

#footer.variant_4 #footerBottom .sn .viber {
    background: url("/bitrix/templates/dresscode/images/snC.svg") -660px 0 no-repeat transparent;
}

#footer.variant_4 #footerBottom .sn .tiktok {
    background: url("/bitrix/templates/dresscode/images/snC.svg") -720px 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_4 #footerBottom .sn .telegram:hover {
    background-position: -420px -60px;
}

#footer.variant_4 #footerBottom .sn .whatsapp:hover {
    background-position: -480px -60px;
}

#footer.variant_4 #footerBottom .sn .rutube:hover {
    background-position: -540px -60px;
}

#footer.variant_4 #footerBottom .sn .dzen:hover {
    background-position: -600px -60px;
}

#footer.variant_4 #footerBottom .sn .viber:hover {
    background-position: -660px -60px;
}

#footer.variant_4 #footerBottom .sn .tiktok:hover {
    background-position: -720px -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.svg") 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.svg") -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.svg") -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.svg") -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.svg") -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.svg") -300px 0 no-repeat transparent;
}

#footer.variant_5 #footerBottom .sn .telegram,
#footer.variant_6 #footerBottom .sn .telegram,
#footer.variant_7 #footerBottom .sn .telegram,
#footer.variant_8 #footerBottom .sn .telegram {
    background: url("/bitrix/templates/dresscode/images/snW.svg") -420px 0 no-repeat transparent;
}

#footer.variant_5 #footerBottom .sn .whatsapp,
#footer.variant_6 #footerBottom .sn .whatsapp,
#footer.variant_7 #footerBottom .sn .whatsapp,
#footer.variant_8 #footerBottom .sn .whatsapp {
    background: url("/bitrix/templates/dresscode/images/snW.svg") -480px 0 no-repeat transparent;
}

#footer.variant_5 #footerBottom .sn .rutube,
#footer.variant_6 #footerBottom .sn .rutube,
#footer.variant_7 #footerBottom .sn .rutube,
#footer.variant_8 #footerBottom .sn .rutube {
    background: url("/bitrix/templates/dresscode/images/snW.svg") -540px 0 no-repeat transparent;
}

#footer.variant_5 #footerBottom .sn .dzen,
#footer.variant_6 #footerBottom .sn .dzen,
#footer.variant_7 #footerBottom .sn .dzen,
#footer.variant_8 #footerBottom .sn .dzen {
    background: url("/bitrix/templates/dresscode/images/snW.svg") -600px 0 no-repeat transparent;
}

#footer.variant_5 #footerBottom .sn .viber,
#footer.variant_6 #footerBottom .sn .viber,
#footer.variant_7 #footerBottom .sn .viber,
#footer.variant_8 #footerBottom .sn .viber {
    background: url("/bitrix/templates/dresscode/images/snW.svg") -660px 0 no-repeat transparent;
}

#footer.variant_5 #footerBottom .sn .tiktok,
#footer.variant_6 #footerBottom .sn .tiktok,
#footer.variant_7 #footerBottom .sn .tiktok,
#footer.variant_8 #footerBottom .sn .tiktok {
    background: url("/bitrix/templates/dresscode/images/snW.svg") -720px 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_5 #footerBottom .sn .telegram:hover,
#footer.variant_6 #footerBottom .sn .telegram:hover,
#footer.variant_7 #footerBottom .sn .telegram:hover,
#footer.variant_8 #footerBottom .sn .telegram:hover {
    background-position: -420px -60px;
}

#footer.variant_5 #footerBottom .sn .whatsapp:hover,
#footer.variant_6 #footerBottom .sn .whatsapp:hover,
#footer.variant_7 #footerBottom .sn .whatsapp:hover,
#footer.variant_8 #footerBottom .sn .whatsapp:hover {
    background-position: -480px -60px;
}

#footer.variant_5 #footerBottom .sn .rutube:hover,
#footer.variant_6 #footerBottom .sn .rutube:hover,
#footer.variant_7 #footerBottom .sn .rutube:hover,
#footer.variant_8 #footerBottom .sn .rutube:hover {
    background-position: -540px -60px;
}

#footer.variant_5 #footerBottom .sn .dzen:hover,
#footer.variant_6 #footerBottom .sn .dzen:hover,
#footer.variant_7 #footerBottom .sn .dzen:hover,
#footer.variant_8 #footerBottom .sn .dzen:hover {
    background-position: -600px -60px;
}

#footer.variant_5 #footerBottom .sn .viber:hover,
#footer.variant_6 #footerBottom .sn .viber:hover,
#footer.variant_7 #footerBottom .sn .viber:hover,
#footer.variant_8 #footerBottom .sn .viber:hover {
    background-position: -660px -60px;
}

#footer.variant_5 #footerBottom .sn .tiktok:hover,
#footer.variant_6 #footerBottom .sn .tiktok:hover,
#footer.variant_7 #footerBottom .sn .tiktok:hover,
#footer.variant_8 #footerBottom .sn .tiktok:hover {
    background-position: -720px -60px;
}

#footer.variant_4 .sn li:first-child {
    border-left: 1px solid rgb(255 255 255 / 20%);
}

#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 rgb(0 0 0 / 10%);
}

#footer.variant_4 .sn li {
    border-right: 1px solid rgb(255 255 255 / 20%);
}

#footer.variant_5 .sn li,
#footer.variant_6 .sn li,
#footer.variant_7 .sn li,
#footer.variant_8 .sn li {
    border-right: 1px solid rgb(0 0 0 / 10%);
}

#catalogLine {
    height: 55px;
    margin-bottom: 24px;
    padding: 0 12px;
    line-height: 55px;
    border-radius: 4px;
}

#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 {
    height: 30px;
    padding: 0 12px;
    border-radius: 4px;
}

#catalogLine .viewList {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

#catalogLine .viewList .element {
    float: left;
    margin-left: 12px;
}

#catalogLine .viewList .element:first-child {
    margin-left: 0;
}

#catalogLine .viewList .element a {
    display: inline-block;
    width: 30px;
    height: 55px;
    vertical-align: middle;
}

#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;
    width: 48px;
    height: 42px;
    margin-left: 2px;
    padding: 8px 0;
    overflow: hidden;
    line-height: 14px;
    text-align: center;
    background: #e0e0e0;
    border-radius: 2px;
}

.catalogLineSpecialTime .specialTimeItem:first-child {
    margin-left: 0;
}

.catalogLineSpecialTime .specialTimeItemValue {
    font-size: 14px;
    font-family: robotomedium;
}

.catalogLineSpecialTime .specialTimeItemlabel {
    font-size: 12px;
    font-family: "roboto_ltregular";
}

#rowFooter {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#leftFooter {
    display: table-cell;
    box-sizing: border-box;
    width: 60%;
    padding: 60px 0 60px 24px;
    vertical-align: top;
}

#leftFooter .footerRow {
    overflow: hidden;
    list-style: none;
}

#leftFooter .column {
    float: left;
    box-sizing: border-box;
    width: 33.33%;
    padding-right: 48px;
}

#leftFooter .heading {
    display: block;
    margin-bottom: 6px;
    padding-bottom: 12px;
    font-size: 20px;
    font-family: robotomedium;
}

#leftFooter ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#leftFooter ul li:first-child {
    border: 0;
}

#leftFooter a {
    display: block;
    padding: 6px 0;
    font-size: 13px;
    text-decoration: none;
    transition: 0.2s all ease-in-out;
}

#rightFooter {
    display: table-cell;
    box-sizing: border-box;
    width: 40%;
    padding: 60px 0 60px 24px;
    vertical-align: top;
}

#rightFooter .rightTable {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

#rightFooter .rightTable td {
    vertical-align: top;
}

#rightFooter .rightColumn {
    padding: 0 24px;
    text-align: center;
}

#rightFooter .rightColumn .wrap {
    display: inline-block;
    text-align: left;
}

#rightFooter .list {
    margin: 12px 0;
    padding: 0;
    list-style: none;
}

#rightFooter .list li {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 21px;
    list-style: none;
}

#rightFooter .email a {
    text-decoration: none;
}

#rightFooter p {
    display: block;
    font-size: 14px;
}

#rightFooter .hr {
    padding-top: 12px;
}

#rightFooter .telephone {
    display: block;
    margin-bottom: 24px;
    font-size: 22px;
    font-family: robotomedium;
}

#rightFooter .email {
    display: block;
    font-size: 18px;
}

#rightFooter .showMap {
    display: block;
    margin-top: 12px;
    text-decoration: underline;
    transition: all 0.2s ease-in-out;
}

#rightFooter .showMap:active {
    position: relative;
    top: 1px;
}

#rightFooter .logo img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

#rightFooter .logo a:active {
    position: relative;
    top: 1px;
}

#footerBottom {
    clear: both;
    height: 60px;
    overflow: hidden;
    line-height: 60px;
}

#footerBottom .creator {
    float: left;
    margin-right: 24px;
    padding-left: 24px;
}

#footerBottom .creator a {
    display: block;
    line-height: 60px;
}

#footerBottom .creator a:active {
    position: relative;
    top: 1px;
}

#footerBottom .creator img {
    vertical-align: middle;
}

#footerBottom .social {
    float: right;
    padding-right: 24px;
}

#footerBottom ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#appBasket {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 40%);
    transition: 0.1s all ease-in-out;
}

#appBasketContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 700px;
    height: 400px;
    margin-top: -200px;
    margin-left: -350px;
}

#appBasket .heading {
    position: relative;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
}

#appBasket .close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 21px;
    height: 21px;
}

#appBasket .container {
    position: relative;
    overflow: hidden;
}

#appBasket .markerContainer {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
}

#appBasket .rating {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 79px;
}

#appBasket .rating i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 79px;
    height: 15px;
    background: url("/bitrix/templates/dresscode/images/rating.svg") repeat 0 0 transparent;
}

#appBasket .rating i.m {
    z-index: 10;
    width: 0;
    background: url("/bitrix/templates/dresscode/images/rating.svg") repeat 0 -15px transparent;
}

#appBasket .markerContainer .marker {
    z-index: 2;
    margin-bottom: 8px;
    padding: 3px 4px;
    font: normal normal 12px "roboto_ltregular",
    arial,
    sans-serif;
    line-height: 16px;
}

#appBasket .picture {
    position: relative;
    float: left;
    width: 300px;
    height: 280px;
    line-height: 280px;
    text-align: center;
}

#appBasket .picture:active {
    position: relative;
    top: 1px;
}

#appBasket .picture img {
    max-width: 90%;
    max-height: 90%;
    vertical-align: middle;
}

#appBasket .information {
    line-height: 280px;
}

#appBasket .information .wrapper {
    display: inline-block;
    line-height: 21px;
    vertical-align: middle;
}

#appBasket .name {
    display: block;
    max-width: 300px;
    margin-bottom: 18px;
    font-size: 14px;
    text-decoration: none;
    transition: 0.1s all ease-in-out;
}

#appBasket .price {
    display: block;
    margin-bottom: 18px;
    font-size: 18px;
    font-family: robotobold;
}

#appBasket .price .discount {
    padding-left: 8px;
    font-size: 14px;
    font-family: "roboto_ltregular";
}

#appBasket .qtyBlock {
    margin-bottom: 18px;
    overflow: hidden;
}

#appBasket .qtyBlock .label {
    padding-right: 4px;
}

#appBasket .plus,
#appBasket .minus {
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
}

#appBasket .qty {
    display: inline-block;
    box-sizing: border-box;
    width: 40px;
    height: 19px;
    margin: 0 2px;
    padding: 0 2px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    border: 0;
}

#appBasket .qty.error {
    border: 1px solid #ff0000;
}

#appBasket .sum {
    height: 50px;
    padding: 0 24px;
    font-size: 18px;
    font-family: robotobold;
    line-height: 50px;
}

#appBasket .sum .discount {
    padding-left: 8px;
    font-size: 14px;
    font-family: "roboto_ltregular";
}

#appBasket .lower {
    height: 60px;
    overflow: hidden;
    line-height: 60px;
}

#appBasket .lower .tools {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

#appBasket .lower tbody {
    vertical-align: top;
}

#appBasket .lower .tools td {
    padding: 0;
}

#appBasket .lower .tools .icon {
    width: 70px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    vertical-align: top;
    transition: 0.1s all ease-in-out;
}

#appBasket .lower .tools .av:hover {
    background: unset;
}

#appBasket .lower .tools .icon a {
    display: block;
    color: transparent;
    text-decoration: none;
}

#appBasket .lower .tools .icon .ico {
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: middle;
}

#appBasket .lower .tools .addCompare .ico {
    background: url("/bitrix/templates/dresscode/images/compare.svg") 0 0 no-repeat transparent;
}

#appBasket .lower .tools .addCompare.added .ico {
    background: url("/bitrix/templates/dresscode/images/compareActive.svg") 0 0 no-repeat transparent;
}

#appBasket .lower .tools .addWishlist .ico {
    background: url("/bitrix/templates/dresscode/images/wishlist.svg") 0 0 no-repeat transparent;
}

#appBasket .lower .tools .addWishlist.added .ico {
    background: url("/bitrix/templates/dresscode/images/wishlistActive.svg") 0 0 no-repeat transparent;
}

#appBasket .lower .tools .inStock .ico {
    background: url("/bitrix/templates/dresscode/images/inStock.svg") 0 0 no-repeat transparent;
    border-bottom: 0 !important;
}

#appBasket .lower .tools .outOfStock .ico {
    background: url("/bitrix/templates/dresscode/images/outOfStock.svg") 0 0 no-repeat transparent;
}

#appBasket .lower .tools .onOrder .ico {
    background: url("/bitrix/templates/dresscode/images/onOrder.svg") 0 0 no-repeat transparent;
}

#appBasket .lower .tools .delete .ico {
    background: url("/bitrix/templates/dresscode/images/delete.svg") 0 0 no-repeat transparent;
}

#appBasket .lower .tools .continue {
    width: 50%;
    text-align: center;
}

#appBasket .lower .tools .continue,
#appBasket .lower .tools .goToBasket {
    transition: 0.1s all ease-in-out;
}

#appBasket .lower .tools .continue a,
#appBasket .lower .tools .goToBasket a {
    display: block;
    font-size: 14px;
    line-height: 60px;
    text-decoration: none;
}

#appBasket .lower .tools .continue .text,
#appBasket .lower .tools .goToBasket .text {
    display: inline-block;
    margin-top: 2px;
}

#appBasket .lower .tools .goToBasket img {
    margin-top: -3px;
}

#appBasket .lower .tools .continue img,
#appBasket .lower .tools .goToBasket img {
    padding-right: 12px;
    vertical-align: middle;
}

#appBasket .lower .tools .goToBasket {
    width: 50%;
    text-align: center;
}

#appFastView {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgb(0 0 0 / 40%);
    transition: 0.1s all ease-in-out;
}

#appFastView .appFastViewContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1000px;
    height: 570px;
    margin-top: -285px;
    margin-left: -500px;
    background-color: #ffffff;
    box-shadow: 1px 1px 12px rgb(60 60 60 / 30%);
    animation-name: zoomIn;
    animation-duration: 0.2s;
    animation-fill-mode: both;
}

#appFastView .appFastViewColumnContainer {
    height: 490px;
}

#appFastView .appFastViewPictureColumn {
    position: relative;
    float: left;
    width: 336px;
    height: 490px;
}

#appFastView .appFastViewDescriptionColumn {
    position: relative;
    float: left;
    width: 410px;
    height: 100%;
    overflow: hidden;
}

#appFastView .appFastViewDescriptionColumnContainer {
    position: absolute;
    left: 24px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-top: 24px;
    padding-right: 24px;
    overflow: hidden scroll;
}

#appFastView .appFastViewDescriptionColumn::after {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 50px;
    background: linear-gradient(top, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 100%);
    background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    content: "";
    pointer-events: none;
}

#appFastView .appFastViewInformationColumn {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 251px;
    height: 100%;
    padding: 6px 24px 0;
    background-color: #ffffff;
    border-left: 1px solid #f3f3f3;
}

#appFastView .markerContainer {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 88;
    color: #ffffff;
}

#appFastView .marker {
    z-index: 2;
    margin-bottom: 8px;
    padding: 3px 4px;
    font: normal normal 12px "roboto_ltregular",
    arial,
    sans-serif;
    line-height: 16px;
}

#appFastView .appFastViewPictureSlider,
#appFastView .appFastViewPictureCarousel,
#appFastView .appFastViewPictureSliderItems,
#appFastView .appFastViewPictureCarouselItems {
    position: relative;
    overflow: hidden;
    transition: left 0.2s ease-in-out;
}

#appFastView .appFastViewPictureSliderItems,
#appFastView .appFastViewPictureCarouselItems {
    left: 0;
}

#appFastView .appFastViewPictureCarouselItems {
    padding-bottom: 12px;
}

#appFastView .appFastViewPictureCarousel {
    box-sizing: border-box;
    margin: 0 24px;
    padding: 0 12px 12px;
}

#appFastView .appFastViewPictureSliderItem,
#appFastView .appFastViewPictureCarouselItem {
    float: left;
    text-align: center;
}

#appFastView .appFastViewPictureSliderItem {
    height: 380px;
    line-height: 380px;
}

#appFastView .appFastViewPictureSliderItemLayout {
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
}

#appFastView .appFastViewPictureCarouselItem {
    height: 60px;
    line-height: 60px;
}

#appFastView .appFastViewPictureSliderItemPicture,
#appFastView .appFastViewPictureCarouselItemPicture {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

#appFastView .appFastViewPictureCarouselLeftButton,
#appFastView .appFastViewPictureCarouselRightButton {
    position: absolute;
    top: 50%;
    z-index: 99;
    width: 14px;
    height: 16px;
    margin-top: -14px;
    background: url("/bitrix/templates/dresscode/images/carouselArrowSmall.png") 0 0 no-repeat transparent;
    opacity: 0.5;
}

#appFastView .appFastViewPictureCarouselLeftButton:hover,
#appFastView .appFastViewPictureCarouselRightButton:hover {
    opacity: 0.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 {
    right: 0;
    background-position: -14px 0;
}

#appFastView .appFastViewPictureSliderItemLink,
#appFastView .appFastViewPictureCarouselItemLink {
    transition: all 0.2s ease-in-out;
}

#appFastView .appFastViewPictureSliderItemLink img {
    transition: all 0.2s ease-in-out;
}

#appFastView .appFastViewPictureSliderItemLink {
    position: relative;
    display: inline-block;
    height: auto;

    /* overflow: hidden; */
    line-height: 0;
}

#appFastView .appFastViewPictureCarouselItemLink {
    position: relative;
    display: block;
    height: 60px;
    opacity: 0.3;
}

#appFastView .appFastViewPictureSliderItemLink:hover img,
#appFastView .appFastViewPictureCarouselItemLink:hover {
    opacity: 0.9;
}

#appFastView .appFastViewPictureCarouselItemLink.active {
    position: relative;
    opacity: 1;
    pointer-events: none;
}

#appFastView .appFastViewPictureCarouselItemLink.active:hover {
    opacity: 1;
}

#appFastView .appFastViewPictureSliderItemLink:active,
#appFastView .appFastViewPictureCarouselItemLink:active {
    position: relative;
    top: 1px;
}

#appFastView .appFastViewPictureCarouselItemLink.active::after {
    position: absolute;
    bottom: -4px;
    left: 50%;
    display: block;
    width: 20%;
    height: 2px;
    background: rgb(0 0 0 / 100%);
    transform: translateX(-50%);
    content: "";
}

#appFastView .appFastViewPictureLoupe {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 150px;
    height: 150px;
    margin-top: -75px;
    margin-left: -75px;
    background-repeat: no-repeat;
    border: 1px solid #000000;
    border-radius: 50%;
    cursor: crosshair;
}

#appFastView .appFastViewHeading {
    position: relative;
    color: #000000;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    background-color: #ffffff;
    border-bottom: 1px solid #f3f3f3;
}

#appFastView .appFastViewProductHeading {
    font-size: 21px;
    font-family: robotomedium;
    line-height: 33px;
}

#appFastView .appFastViewProductHeading a {
    color: #000000;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

#appFastView .appFastViewProductHeading a:hover {
    color: #555555;
}

#appFastView .appFastViewProductHeading a:active {
    position: relative;
    top: 1px;
}

#appFastView .appFastSkuProductPropertiesHeading,
#appFastView .appFastViewProductPropertiesHeading {
    margin-top: 18px;
    font-size: 16px;
}

#appFastView .appFastViewProductPropertiesHeading {
    margin-bottom: 12px;
}

#appFastView .propertyTable {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#appFastView .propertyTable {
    font-size: 13px;
}

#appFastView .propertyTable .propertyName,
#appFastView .propertyTable .propertyValue {
    position: relative;
    display: table-cell;
    padding: 4px 0;
    overflow: hidden;
    vertical-align: middle;
    background-color: #ffffff;
}

#appFastView .propertyTable .propertyValue {
    width: 40%;
    padding-left: 12px;
}

#appFastView .propertyTable .propertyName::after {
    position: absolute;
    width: 100%;
    height: 13px;
    margin-left: 12px;
    border-bottom: 1px dotted #cccccc;
    content: "";
}

#appFastView .propertyTable .propertyValue a {
    color: #555555;
    transition: all 0.2s ease-in-out;
}

#appFastView .propertyTable .propertyValue a:hover {
    color: #000000;
}

#appFastView .appFastViewDescription {
    display: none;
}

#appFastView .appFastViewDescription.visible {
    display: block;
}

#appFastView .appFastViewDescriptionHeading {
    margin-top: 24px;
    font-size: 16px;
}

#appFastView .appFastViewDescriptionText {
    margin-top: 12px;
    font-size: 13px;
    line-height: 21px;
}

#appFastView .skuPropertyList {
    margin: 0 0 0 -6px;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

#appFastView .skuProperty {
    margin: 12px 0;
    overflow: hidden;
}

#appFastView .skuProperty:last-child {
    margin-bottom: 0 !important;
}

#appFastView .skuPropertyName {
    padding-left: 2px;
    font-size: 13px;
}

#appFastView .skuProperty li {
    float: left;
    box-sizing: border-box;
    min-width: 18%;
    margin-top: 12px;
    padding: 0 6px;
    overflow: hidden;
}

#appFastView .skuProperty .selected .skuPropertyLink {
    position: relative;
    pointer-events: none;
}

#appFastView .skuProperty .disabled {
    display: none;
}

#appFastView .skuPropertyLink {
    display: block;
    min-height: 28px;
    padding: 4px 6px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

#appFastView .skuPropertyLink:hover {
    opacity: 0.8;
}

#appFastView .skuPropertyList img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

#appFastView .skuProperty .selected .skuPropertyLink {
    border: 1px solid #ff9601;
}

#appFastView .skuPropertyLink {
    color: #000000;
    border: 1px solid #dddddd;
}

#appFastView .oSkuDropDownProperty {
    margin: 0;
    overflow: visible;
}

#appFastView .oSkuDropDownProperty .oSkuDropdownListItem {
    float: none;
    box-sizing: content-box;
    min-width: auto;
    margin-top: 0;
    padding: 0;
    overflow: visible;
}

#appFastView .oSkuDropdown {
    position: relative;
    display: block;
    width: 88%;
    margin-top: 4px;
    font-size: 13px;
    line-height: 13px;
    background-color: #ffffff;
    border: 1px solid #e7e8ea;
    border-radius: 2px;
    user-select: none;
}

#appFastView .oSkuCheckedItem {
    display: block;
    padding: 12px 30px 12px 8px !important;
    color: #000000;
    background: url("/bitrix/templates/dresscode/images/selectArrow.png") 97% 50% no-repeat transparent;
    border-radius: 4px;
    cursor: pointer;
}

#appFastView .oSkuCheckedItem:hover {
    opacity: 0.8;
}

#appFastView .oSkuCheckedItem:active {
    position: relative;
    top: 1px;
}

#appFastView .oSkuDropdown label::before,
#appFastView .oSkuCheckboxList label::before {
    display: none;
}

#appFastView .oSkuDropdownList {
    position: absolute;
    top: 42px;
    right: 0;
    left: 0;
    z-index: 2;
    margin: 0 -1px;
    padding: 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #e7e8ea;
    visibility: hidden;
    opacity: 0;
}

#appFastView .oSkuDropdownList.opened {
    visibility: visible;
    opacity: 1;
}

#appFastView .pics .oSkuDropdownList {
    top: 52px;
}

#appFastView .oSkuDropdownList .skuPropertyValue {
    position: relative;
    display: block;
    border-top: 1px solid #e7e8ea;
}

#appFastView .oSkuDropdownList .skuPropertyValue:first-child {
    border-top: 0;
}

#appFastView .oSkuDropdownList .selected {
    font-family: robotomedium;
    box-shadow: 1px 1px 12px #f1f1f1 inset;
}

#appFastView .oSkuDropdownList .selected,
#appFastView .oSkuDropdownList .skuPropertyValue:hover {
    color: #ffffff;
    background-color: #f9f9f9;
    cursor: pointer;
    opacity: 0.8;
}

#appFastView .oSkuDropdownList .oSkuPropertyItemLink {
    display: block;
    min-height: 0;
    padding: 12px 8px !important;
    color: #000000;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    text-decoration: none;
    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;
    top: 20px;
    right: 20px;
    display: block;
    width: 21px;
    height: 21px;
    background-image: url("/bitrix/templates/dresscode/images/exit.svg");
}

#appFastView .appFastViewMoreLink {
    position: relative;
    z-index: 0;
    display: inline-block;
    margin-top: 24px;
    margin-bottom: 24px;
    color: #000000;
    transition: all 0.2s ease-in-out;
}

#appFastView .appFastViewMoreLink:hover {
    color: #555555;
}

#appFastView .appFastViewMoreLink:active {
    position: relative;
    top: 1px;
}

#appFastView .addCart {
    display: block;
    height: 60px;
    margin-top: 12px;
    margin-bottom: 16px;
    color: #ffffff;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
}

#appFastView .catalogQtyBlock {
    box-sizing: border-box;
    margin-bottom: 18px;
    padding: 0 0 0 12px;
    background: #ffffff;
}

#appFastView .catalogQtyBlock .catalogQty {
    display: inline-block;
    width: 80px;
    height: 40px;
    font-size: 14px;
    vertical-align: middle;
    background-color: #ffffff;
    border: 0;
}

#appFastView .catalogQtyBlock {
    position: relative;
    height: 46px;
    padding-left: 18px;
    line-height: 46px;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
}

#appFastView .catalogQtyBlock .catalogMinus,
#appFastView .catalogQtyBlock .catalogPlus {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 8px;
    transform: translate(0%, -50%);
}

#appFastView .catalogQtyBlock .catalogMinus {
    right: 54px;
    background-image: url("/bitrix/templates/dresscode/images/view-basket-add-minus.png");
}

#appFastView .catalogQtyBlock .catalogPlus {
    right: 18px;
    background-image: url("/bitrix/templates/dresscode/images/view-basket-add-plus.png");
}

#appFastView .catalogQtyBlock .catalogQty.error {
    color: #ff0000;
}

#appFastView .catalogQtyBlock .catalogMinus:hover,
#appFastView .catalogQtyBlock .catalogPlus:hover {
    opacity: 0.8;
}

#appFastView .catalogQtyBlock .catalogMinus:active,
#appFastView .catalogQtyBlock .catalogPlus:active {
    margin-top: 1px;
}

#elementTools .secondTool .row:last-child,
#smallElementTools .secondTool .row:last-child {
    margin-bottom: 0;
}

#appFastView .price {
    position: relative;
    display: block;
    margin-top: 12px;
    color: #000000;
    font-size: 21px;
    font-family: robotobold;
    line-height: 28px;
    text-decoration: none;
}

#appFastView .getPriceWindow {
    line-height: 33px;
}

#appFastView .priceValue {
    display: inline-block;
    padding-bottom: 8px;
    color: #000000;
    border-bottom: 1px dashed #bbbbbb;
    transition: all 0.2s ease-in-out;
}

#appFastView .priceValue:hover {
    color: #333333;
}

#appFastView .priceValue:active {
    position: relative;
    top: 1px;
}

#appFastView .article {
    margin-top: 12px;
    color: #888888;
}

#appFastView .article.hidden {
    display: none;
}

#appFastView .discount {
    padding-left: 4px;
    color: #888888;
    font-size: 14px;
    font-family: "roboto_ltregular";
}

#appFastView .price .oldPriceLabel {
    display: block;
    margin-top: 6px;
    color: #888888;
    font-size: 14px;
    font-family: "roboto_ltregular";
    text-decoration: none;
}

#appFastView .price .discount,
#appFastView .price .discount {
    padding-left: 4px;
    color: #888888;
    font-size: 14px;
    font-family: "roboto_ltregular";
}

#appFastView .icon {
    display: inline-block;
    vertical-align: middle;
}

#appFastView .addCart .icon {
    margin-top: -4px;
    padding-right: 12px;
}

#appFastView .rating {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 79px;
    height: 15px;
    margin-top: -4px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: middle;
}

#appFastView .rating i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 79px;
    height: 15px;
    background: url("/bitrix/templates/dresscode/images/rating2.png") repeat 0 0 transparent;
}

#appFastView i.m {
    z-index: 10;
    width: 0;
    background: url("/bitrix/templates/dresscode/images/rating2.png") repeat 0 -14px transparent;
}

#appFastView .icon {
    display: inline-block;
    vertical-align: middle;
}

#appFastView .appFastViewInformationColumn .row {
    position: relative;
    margin-bottom: 12px;
}

#appFastView .appFastViewInformationColumn .row img {
    margin-top: -4px;
    padding-right: 6px;
    vertical-align: middle;
}

#appFastView .appFastViewInformationColumn .label {
    color: #000000;
    font-size: 14px;
    line-height: 21px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

#appFastView .appFastViewInformationColumn a.label:hover {
    color: #000000;
}

#appFastView .appFastViewInformationColumn a.label:active {
    position: relative;
    top: 1px;
}

#appFastView .appFastViewInformationColumn .getStoresWindow.inStock span {
    padding-bottom: 2px;
}

.fastSpecialTime {
    margin-top: 12px;
    color: #ffffff;
    font-size: 0;
    line-height: 0;
}

.fastSpecialTime .specialTimeItem {
    display: inline-block;
    box-sizing: border-box;
    width: 48px;
    height: 42px;
    margin-left: 2px;
    padding: 8px 0;
    overflow: hidden;
    line-height: 14px;
    text-align: center;
    border-radius: 6px;
}

.fastSpecialTime .specialTimeItem:first-child {
    margin-left: 0;
}

.fastSpecialTime .specialTimeItemValue {
    font-size: 14px;
    font-family: robotomedium;
    line-height: 14px;
}

.fastSpecialTime .specialTimeItemlabel {
    font-size: 12px;
    font-family: "roboto_ltregular";
}

#personalCart input[name="BuyButton"] {
    display: block;
    margin-top: 24px;
    margin-bottom: 24px;
}

#footerTabsCaption {
    height: 85px;
    margin-top: 24px;
    line-height: 85px;
}

#footerTabsCaption .items {
    overflow: hidden;
    text-align: center;
}

#footerTabsCaption .item:last-child {
    margin-right: 0;
}

#footerTabsCaption .item {
    display: inline-block;
    margin-right: 24px;
    vertical-align: middle;
}

#footerTabsCaption .item a {
    padding-bottom: 8px;
    font-size: 16px;
    font-family: robotobold;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

#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 {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: 55px;
    line-height: 55px;
}

#footerLine.color_white {
    background-color: #ffffff;
    border-color: #f3f3f3;
    box-shadow: 1px 1px 12px rgb(0 0 0 / 25%);
}

#footerLine.color_theme {
    border-color: transparent;
    box-shadow: 1px 1px 12px rgb(0 0 0 / 35%);
}

#footerLine.color_white .item a {
    color: #000000;
}

#footerLine.color_theme .item a {
    color: #ffffff;
    opacity: 0.7;
}

#footerLine.color_theme .col:first-child .item a {
    opacity: 1;
}

#footerLine.color_theme .item .active {
    color: #ffffff;
    opacity: 1;
}

#footerLine.color_theme .item .active:hover {
    color: #ffffff;
    opacity: 0.85;
}

#footerLine.color_white .item a:hover,
#footerLine.color_theme .col:first-child .item a:hover {
    opacity: 0.8;
}

#footerLine.color_white .item a:active {
    position: relative;
    top: 1px;
}

#footerLine.color_theme .col:first-child .item .callback:hover {
    color: #ffffff;
    opacity: 0.8;
}

#footerLine.color_white .item .compare .mark,
#footerLine.color_white .item .wishlist .mark,
#footerLine.color_white .item .cart .mark {
    color: #666666;
    background-color: #f6f6f6;
}

#footerLine.color_theme .item .compare .mark,
#footerLine.color_theme .item .wishlist .mark,
#footerLine.color_theme .item .cart .mark {
    color: #222222;
    background-color: #fcfcfc;
}

#footerLine.color_white .item .compare .icon,
#footerLine.color_white .item .wishlist .icon,
#footerLine.color_white .item .cart .icon {
    opacity: 0.8;
}

#footerLine.color_theme .item .compare .icon {
    background-image: url("/bitrix/templates/dresscode/images/compareFooterMinC.svg");
}

#footerLine.color_theme .item .wishlist .icon {
    background-image: url("/bitrix/templates/dresscode/images/wishlistFooterMinC.svg");
}

#footerLine.color_theme .item .cart .icon {
    background-image: url("/bitrix/templates/dresscode/images/cartFooterMinC.svg");
}

#footerLine.color_theme .item .callback .icon {
    background-image: url("/bitrix/templates/dresscode/images/callbackFooterMinC.svg");
}

#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: #000000;
    opacity: 1;
}

#footerLine.color_theme .item .compare:hover,
#footerLine.color_theme .item .wishlist:hover,
#footerLine.color_theme .item .cart:hover {
    color: #ffffff;
    opacity: 0.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: 0.8;
}

#footerLine .wrapper {
    box-sizing: border-box;
    padding: 0 24px;
}

#footerLine .col {
    float: left;
    width: 50%;
}

#footerLine .col:last-child {
    text-align: right;
}

#footerLine .item .callback {
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

#footerLine .item .callback .icon {
    display: inline-block;
    width: 21px;
    height: 24px;
    margin-top: -2px;
    margin-right: 4px;
    vertical-align: middle;
}

#footerLine .item .compare,
#footerLine .item .wishlist,
#footerLine .item .cart {
    text-transform: uppercase;
}

#footerLine .item .compare .mark,
#footerLine .item .wishlist .mark,
#footerLine .item .cart .mark {
    height: 20px;
    margin-left: 12px;
    padding: 2px 12px;
    overflow: hidden;
    line-height: 20px;
    border-radius: 4px;
}

#footerLine .item .compare .icon,
#footerLine .item .wishlist .icon,
#footerLine .item .cart .icon {
    display: inline-block;
    width: 21px;
    height: 24px;
    margin-top: -2px;
    margin-right: 12px;
    vertical-align: middle;
}

#footerLine .item .cart .icon {
    width: 26px;
}

#footerLine .item a {
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

#footerLine .item {
    display: inline-block;
    margin-right: 24px;
    vertical-align: middle;
}

#footerLine .item a:active {
    position: relative;
    top: 1px;
}

#footerLine .item:last-child {
    margin-right: 0;
}

#authMenu {
    margin-bottom: 24px;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

#authMenu li {
    float: left;
    margin-right: 24px;
    margin-bottom: 24px;
}

#authMenu li:last-child {
    margin-right: 0;
}

#authMenu li a {
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

#authMenu li a:active {
    position: relative;
    top: 1px;
}

#authMenu li .selected {
    padding-bottom: 4px;
    font-family: robotobold;
}

#empty {
    overflow: hidden;
}

#empty .emptyWrapper {
    padding-bottom: 24px;
    overflow: hidden;
}

#empty .pictureContainer {
    float: left;
    margin-right: 24px;
}

#empty h3 {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    font-family: robotobold;
    text-transform: uppercase;
}

#empty p {
    font-size: 14px;
}

#empty a {
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

#empty a:active {
    position: relative;
}

#empty a img {
    padding-right: 12px;
    vertical-align: middle;
}

#empty .emptyTitle {
    margin-top: 24px;
    font-size: 14px;
    font-family: robotobold;
    text-transform: uppercase;
}

#empty .emptyMenu {
    margin: 24px 0 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

#empty .emptyMenu li {
    float: left;
    width: 33.333333%;
    margin-bottom: 12px;
}

#empty .back {
    padding-bottom: 2px;
}

#empty .back:active {
    position: relative;
    top: 1px;
}

#overlap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 33;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.8;
}

#searchOverlap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 98;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.8;
}

/* CLASSES */

.ajaxContainer {
    transition: all 0.5s ease-in-out;
}

.ajaxContainer.loading {
    opacity: 0.5;
}

.personal-order-info {
    margin-bottom: 12px;
}

.personalInfoLabel {
    margin-top: 24px;
    font-size: 14px;
}

.productList {
    margin: 0;
    padding: 0;
    list-style: none;
    border-left: 1px solid #f3f3f3;

    /* border-top: 1px solid #e7e8ea; */
}

#homeCatalog .productList {
    border-top: 1px solid #f3f3f3;
}

.product {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 20%;
    height: 346px;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}

#leftMenu .product::before {
    display: none;
}

.product::before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e7e8ea;
    content: "";
}

.product .btn-simple {
    display: none;
}

.product.last {
    /* next page */
    line-height: 346px;
}

.product .tabloid {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    height: 345px;
    padding: 12px;
    overflow: hidden;
    border: 1px solid transparent;
    transition: box-shadow 0.3s ease-in-out,
    border 0.3s ease-in-out;
}

.product .markerContainer {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 88;
    pointer-events: none;
}

.product .marker {
    z-index: 2;
    margin-bottom: 8px;
    padding: 3px 4px;
    font: normal normal 12px "roboto_ltregular",
    arial,
    sans-serif;
    line-height: 16px;
    border-radius: 4px;
}

.product .rating {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    width: 79px;
}

.product .rating i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 79px;
    height: 15px;
    background: url("/bitrix/templates/dresscode/images/rating.svg") repeat 0 0 transparent;
}

.product .rating i.m {
    z-index: 10;
    width: 0;
    background: url("/bitrix/templates/dresscode/images/rating.svg") repeat 0 -15px transparent;
}

.productSpecialTime {
    position: absolute;
    top: 54px;
    right: 10px;
    z-index: 2;
    width: 48px;
    color: #666d83;
    font-size: 0;
    line-height: 0;
}

.productSpecialTime .specialTimeItem {
    display: inline-block;
    box-sizing: border-box;
    width: 48px;
    height: 42px;
    margin-top: 4px;
    padding: 8px 0;
    overflow: hidden;
    line-height: 14px;
    text-align: center;
    background: #e0e0e0;
    border-radius: 6px;
}

.productSpecialTime .specialTimeItem:first-child {
    margin-top: 0;
}

.productSpecialTime .specialTimeItemValue {
    font-size: 14px;
    font-family: robotomedium;
    line-height: 14px;
}

.productSpecialTime .specialTimeItemlabel {
    font-size: 12px;
    font-family: "roboto_ltregular";
}

.product .name {
    display: block;
    height: 44px;
    margin-bottom: 12px;
    overflow: hidden;
    font-size: 14px;
    line-height: 44px;
    text-decoration: none;
    transition: 0.2s all ease-in-out;
}

.product .middle {
    display: inline-block;
    line-height: 21px;
    vertical-align: middle;
}

.product .price {
    display: block;
    margin-bottom: 12px;
    font-size: 18px;
    font-family: robotobold;
    text-decoration: none;
}

.product .price .measure {
    font-size: 16px;
}

.product .price .discount {
    padding-left: 4px;
    font-size: 14px;
    font-family: "roboto_ltregular";
}

.product .picture {
    position: relative;
    display: block;
    height: 240px;
    line-height: 240px;
    text-align: center;
    transition: all 0.5s ease-in-out;
}

.product .picture img {
    max-width: 90%;
    max-height: 90%;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
    transition: all 0.5s ease-in-out;
}

.product .picture:hover img {
    opacity: 0.85;
}

.product .picture:active img {
    position: relative;
    top: 1px;
}

.loading .product .getFastView {
    pointer-events: none;
}

.product .getFastView,
#catalogLineList .picture .getFastView,
#specialProduct .productItem .getFastView {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 150px;

    /* display: none; */
    height: 40px;
    margin-top: -20px;
    margin-left: -75px;
    color: #ffffff;
    font-family: "roboto_condensedlight";
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    background-color: #2b2b2b;
    border-radius: 4px;
    visibility: hidden;
    cursor: pointer;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.product:hover .getFastView,
#catalogLineList .picture:hover .getFastView,
#specialProduct .productItem .picture:hover .getFastView {
    visibility: visible;

    /* display: block; */
    opacity: 0.9;
}

.product .getFastView:hover,
#catalogLineList .picture .getFastView:hover,
#specialProduct .productItem .getFastView:hover {
    opacity: 1;
}

.product .addCart {
    position: relative;
    display: block;
    box-sizing: border-box;
    height: 60px;
    padding: 0 24px;
    font-size: 16px;
    line-height: 60px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

.product .addCart.requestPrice span,
.product .addCart.subscribe span,
.product .addCart.disabled span,
.product .addCart.added span,
.product .addCart span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease-in-out;
}

.product .addCart.added + .quantityContainer,
.product .addCart.disabled + .quantityContainer,
.product .addCart.subscribe + .quantityContainer,
.product .addCart.requestPrice + .quantityContainer {
    display: none;
}

.product .addCart .icon {
    margin-top: -4px;
    padding-right: 12px;
}

.product .addCartContainer {
    position: relative;
    margin-top: 18px;
    margin-bottom: 12px;
    overflow: hidden;
}

.product .addCart.added + .quantityContainer,
.product .addCart.disabled + .quantityContainer,
.product .addCart.subscribe + .quantityContainer,
.product .addCart.requestPrice + .quantityContainer {
    display: none;
}

.product .addCartContainer.viewed span,
.product .addCartContainer:hover span {
    left: 0%;
    transform: translate(24px, -50%);
}

.product .addCart.added span,
.product .addCart.disabled span,
.product .addCart.subscribe span,
.product .addCart.requestPrice span {
    left: 50%;
    transform: translate(-50%, -50%);
}

.product .addCartContainer:hover .quantityContainer,
.product .addCartContainer.viewed .quantityContainer {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}

.product .quantityContainer {
    position: absolute;
    top: 16px;
    right: 24px;
    transform: translateX(50px);
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.product .quantityContainer .quantity {
    display: inline-block;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    margin: 0 4px;
    padding: 0 2px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    border: 0;
}

.product .quantityContainer .quantity.maxQuantity {
    color: #ff0000;
}

.product .quantityContainer .plus,
.product .quantityContainer .minus {
    display: inline-block;
    width: 28px;
    min-width: auto;
    height: 28px;
    padding: 0;
    vertical-align: middle;
    background-color: rgb(255 255 255 / 10%);
    border: 0;
}

.product .quantityContainer .minus,
.product .quantityContainer .plus {
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.product .quantityContainer .plus {
    background-image: url("/bitrix/templates/dresscode/images/basket-add-plus.png");
    border-radius: 2px 2px 0 0;
}

.product .quantityContainer .minus {
    background-image: url("/bitrix/templates/dresscode/images/basket-add-minus.png");
    border-radius: 0 0 2px 2px;
}

.product .quantityContainer .plus:hover,
.product .quantityContainer .minus:hover {
    background-color: rgb(255 255 255 / 15%);
}

.product .quantityContainer .minus:active,
.product .quantityContainer .plus:active {
    position: relative;
    top: 1px;
}

.product .quantityContainer .plus.error,
.product .quantityContainer .minus.error {
    background-color: #bc1414;
}

.product .icon {
    display: inline-block;
    vertical-align: middle;
}

.product .row {
    box-sizing: border-box;
    margin-bottom: 12px;
    overflow: hidden;
}

.product .label {
    display: block;
    float: left;
    width: 55%;
    font-size: 14px;
    font-family: "roboto_condensedlight";
    line-height: 21px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.product .row .label:last-child {
    width: 45%;
}

.product .label .icon {
    margin-top: -4px;
    padding-right: 6px;
}

.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: 0.8;
}

.outOfStock {
    color: #ff0000;
}

.outOfStock:hover {
    color: #ff0000;
}

.product .skuPropertyList {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.product .skuProperty {
    margin: 12px 0;
    overflow: hidden;
}

.product .skuPropertyName {
    padding-bottom: 2px;
    padding-left: 2px;
    font-size: 13px;
}

.product .skuProperty li {
    float: left;
    box-sizing: border-box;
    min-width: 20%;
    padding: 4px;
    overflow: hidden;
}

.product .skuProperty .selected .skuPropertyLink {
    position: relative;
    pointer-events: none;

    /* top: -2px; */
}

.product .skuProperty .disabled {
    display: none;
}

.product .skuPropertyLink {
    display: block;
    padding: 6px 4px;
    font-size: 12px;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

.product .skuPropertyLink:hover {
    opacity: 0.8;
}

.product .skuPropertyList img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

/* product hover */

.product:hover {
    position: relative;
}

.product:hover .tabloid {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: auto;
}

.product:hover .nowp {
    overflow: visible;
}

.product:hover .morePhoto {
    display: block;
}

.product.last .wp {
    display: inline-block;
    width: 100%;
    line-height: 21px;
    text-align: center;
    vertical-align: middle;
}

.product.last .showMore {
    display: inline-block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    transition: 0.2s all ease-in-out;
}

.product.last .showMore:hover {
    opacity: 0.7;
}

.product.last .icon {
    display: inline-block;
    width: 100%;
    height: 54px;
    margin-bottom: 12px;
    line-height: 21px;
    text-align: center;
}

.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 {
    margin: 0;
    overflow: visible;
}

.item .oSkuDropDownProperty .oSkuDropdownListItem {
    float: none;
    box-sizing: content-box;
    min-width: auto;
    padding: 0;
    overflow: visible;
}

.item .oSkuDropdown {
    position: relative;
    display: block;
    width: 98%;
    margin-top: 4px;
    font-size: 13px;
    line-height: 13px;
    background-color: #ffffff;
    border: 1px solid #e7e8ea;
    border-radius: 2px;
    user-select: none;
}

.item .oSkuCheckedItem {
    display: block;
    padding: 12px 30px 12px 8px !important;
    color: #000000;
    background: url("/bitrix/templates/dresscode/images/selectArrow.png") 97% 50% no-repeat transparent;
    border-radius: 4px;
    cursor: pointer;
}

.item .oSkuCheckedItem:hover {
    opacity: 0.8;
}

.item .oSkuCheckedItem:active {
    position: relative;
    top: 1px;
}

.item .oSkuDropdown label::before,
.item .oSkuCheckboxList label::before {
    display: none;
}

.item .oSkuDropdownList {
    position: absolute;
    top: 42px;
    right: 0;
    left: 0;
    z-index: 2;
    margin: 0 -1px;
    padding: 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #e7e8ea;
    visibility: hidden;
    opacity: 0;
}

.item .oSkuDropdownList.opened {
    visibility: visible;
    opacity: 1;
}

.item .pics .oSkuDropdownList {
    top: 52px;
}

.item .oSkuDropdownList .skuPropertyValue {
    position: relative;
    display: block;
    border-top: 1px solid #e7e8ea;
}

.item .oSkuDropdownList .skuPropertyValue:first-child {
    border-top: 0;
}

.item .oSkuDropdownList .selected {
    color: #ffffff;
    font-family: robotomedium;
    background-color: #f9f9f9;
    box-shadow: 1px 1px 12px #f1f1f1 inset;
    cursor: pointer;
    opacity: 0.8;
}

.item .oSkuDropdownList .skuPropertyValue:hover {
    color: #ffffff;
    background-color: #f9f9f9;
    cursor: pointer;
    opacity: 0.8;
}

.item .oSkuDropdownList .oSkuPropertyItemLink {
    display: block;
    padding: 12px 8px !important;
    color: #000000;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    text-decoration: none;
    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 {
    display: block;
    float: left;
    width: 355px;
    height: 50px;
    margin-right: 24px;
    overflow: hidden;
    color: #ffffff;
    font-size: 16px;
    line-height: 50px;
    text-decoration: none;
}

.heading.collapsed ins {
    display: inline-block;
    width: 24px;
    height: 50px;
    margin: 0 18px 0 0;
    padding: 0 12px;
    line-height: 50px;
    vertical-align: middle;
}

.mfeedback .errortext,
.mfeedback .mf-ok-text {
    font-weight: 400;
    font-size: 16px;
}

.mfeedback .mf-ok-text + form {
    display: none;
}

.mfeedback .mf-text {
    margin-top: 8px;
    font-size: 14px;
}

.mfeedback input,
.mfeedback textarea {
    box-sizing: border-box;
    height: 48px;
    margin-top: 8px;
    padding: 0 12px;
    font-family: "roboto_ltregular", arial, sans-serif;
    border: 0;
    transition: all 0.2s ease-in-out;
}

.mfeedback textarea {
    height: 150px;
    padding-top: 12px;
    outline: none;
    resize: none;
}

.mfeedback input[type="submit"] {
    padding: 0 48px;
    cursor: pointer;
}

#userPersonalInfoReg + label::before {
    margin-top: -2px;
}

#userPersonalInfoReg.error + label::before {
    border: 1px solid #ff0000 !important;
}

.bx-auth {
    overflow: hidden;
}

.bx-auth .alert {
    display: inline-block;
    margin-bottom: 24px;
    padding: 12px 48px;
    font-weight: 400;
    font-size: 12px;
    font-family: robotobold;
    text-transform: uppercase;
}

.bx-auth .alert.small {
    max-width: 600px;
    font-size: 14px;
    font-family: "roboto_ltregular";
    line-height: 28px;
}

.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 {
    display: block;
    max-width: 800px;
    margin-top: 0;
    padding-bottom: 24px;
}

.bx-auth input {
    font-size: 14px;
    font-family: "roboto_ltregular", arial, sans-serif;
}

.bx-auth .leftContainer {
    float: left;
    margin-right: 48px;
}

.bx-auth .rightContainer {
    float: left;
}

.bx-auth .rightContainer p {
    display: block;
    max-width: 450px;
}

.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;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    content: " ";
}

.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"] {
    box-sizing: border-box;
    width: 420px;
    height: 48px;
    padding: 0 12px;
    border: 0;
    transition: all 0.2s ease-in-out;
}

.bx-auth .bx-auth-input-line:first-child {
    margin-top: 0;
}

.bx-auth .bx-auth-input-line,
.bx-auth .checkbox {
    margin-top: 12px;
}

.bx-auth .rightContainer .bx-title {
    margin-top: 0;
}

.bx-auth .submit,
.popup-window .btn {
    display: inline-block;
    width: 224px;
    height: 48px;
    margin-top: 12px;
    font-size: 14px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.popup-window .btn {
    width: 100px;
}

.bx-auth .send .submit {
    margin-top: 12px;
}

.popup-window .btn {
    height: 30px;
    margin-top: 0;
    margin-left: 12px;
    line-height: 30px;
}

.bx-auth .submit:active,
.popup-window .btn:active {
    position: relative;
    top: 1px;
}

.bx-auth .clear {
    display: inline-block;
    width: 160px;
    height: 48px;
    margin-top: 24px;
    margin-left: 12px;
    font-size: 14px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.bx-auth .submit:active {
    position: relative;
    top: 1px;
}

.bx-auth .forgot,
.bx-auth .registerLink {
    display: inline-block;
    margin-left: 12px;
    transition: all 0.2s ease-in-out;
}

.bx-auth .registerLink {
    margin-left: 0;
}

.blackLink,
.backToIndexPage {
    transition: all 0.2s ease-in-out;
}

.catalog-item-links {
    margin-bottom: 12px;
}

.catalog-detail {
    margin-bottom: 12px;
}

.sectionTopDescription {
    margin-bottom: 24px;
}

.contactList {
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.contactList li {
    float: left;
    width: 25%;
}

.contactList li table {
    width: 100%;
    table-layout: fixed;
}

.contactList li table td {
    text-align: left;
    vertical-align: middle;
}

.contactList li table td:first-child {
    width: 42px;
    padding-right: 12px;
    text-align: center;
}

.contactList li table td img {
    vertical-align: middle;
}

.contactList a {
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.contactLabel {
    margin-top: 0;
    font-size: 16px;
}

.blurred {
    background: #ffffff;
    filter: blur(2px);
}

.copyright img {
    vertical-align: middle;
}

.sn {
    float: right;
    overflow: hidden;
}

.sn li {
    float: left;
    line-height: 60px;
}

.sn a {
    display: block;
    width: 60px;
    height: 60px;
}

.sn .vk {
    background: url("/bitrix/templates/dresscode/images/sn.svg") 0 0 no-repeat transparent;
}

.sn .fb {
    background: url("/bitrix/templates/dresscode/images/sn.svg") -60px 0 no-repeat transparent;
}

.sn .od {
    background: url("/bitrix/templates/dresscode/images/sn.svg") -120px 0 no-repeat transparent;
}

.sn .tw {
    background: url("/bitrix/templates/dresscode/images/sn.svg") -180px 0 no-repeat transparent;
}

.sn .go {
    background: url("/bitrix/templates/dresscode/images/sn.svg") -240px 0 no-repeat transparent;
}

.sn .yo {
    background: url("/bitrix/templates/dresscode/images/sn.svg") -300px 0 no-repeat transparent;
}

.sn .telegram {
    background: url("/bitrix/templates/dresscode/images/sn.svg") -420px 0 no-repeat transparent;
}

.sn .whatsapp {
    background: url("/bitrix/templates/dresscode/images/sn.svg") -480px 0 no-repeat transparent;
}

.sn .rutube {
    background: url("/bitrix/templates/dresscode/images/sn.svg") -540px 0 no-repeat transparent;
}

.sn .dzen {
    background: url("/bitrix/templates/dresscode/images/sn.svg") -600px 0 no-repeat transparent;
}

.sn .viber {
    background: url("/bitrix/templates/dresscode/images/sn.svg") -660px 0 no-repeat transparent;
}

.sn .tiktok {
    background: url("/bitrix/templates/dresscode/images/sn.svg") -720px 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;
}

.sn .telegram:hover {
    background-position: -420px -60px;
}

.sn .whatsapp:hover {
    background-position: -480px -60px;
}

.sn .rutube:hover {
    background-position: -540px -60px;
}

.sn .dzen:hover {
    background-position: -600px -60px;
}

.sn .viber:hover {
    background-position: -660px -60px;
}

.sn .tiktok:hover {
    background-position: -720px -60px;
}

#upButton {
    position: fixed;
    right: 24px;
    bottom: 132px;
    z-index: 99;
    display: none;
    width: 73px;
    height: 73px;
    background: url("/bitrix/templates/dresscode/images/up.svg") 0 0 no-repeat transparent;
    cursor: pointer;
}

#upButton:hover {
    background-position: -73px 0;
}

#upButton:active {
    background-position: -146px 0;
}

#upButton.enb {
    display: block;
}

#upButton a {
    display: block;
}

#searchSection a {
    color: #000000;
    transition: all 0.2s ease-in-out;
}

#searchSection a:hover {
    opacity: 0.7;
}

#stores {
    margin-top: 24px;
    font-size: 13px;
}

#stores .wrap {
    box-sizing: border-box;
    padding: 0 24px;
    overflow: auto;
}

#stores .heading {
    display: block;
    padding: 36px 24px;
    font-weight: 800;
    font-size: 20px;
    font-family: robotobold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-top: 1px solid #efefef;
}

#stores .storeTable {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

#stores .storeTable tr:nth-child(odd) td {
    background-color: #f9f9f9;
}

#stores .storeTable th {
    padding: 12px 24px;
    font-weight: 400;
    text-align: center;
    background-color: #f3f3f3;
}

#stores .storeTable td {
    padding: 12px 24px;

    /* border-top: 1px solid #e7e8ea; */
    text-align: center;
}

#stores .storeTable .name {
    width: 35%;
    text-align: left;
}

#stores .storeTable td.name {
    text-align: left;
}

#stores .storeTable .lb {
    display: inline-block;
    text-align: left;
}

#stores .storeTable .icon {
    margin-top: -4px;
    padding-right: 6px;
    vertical-align: middle;
}

#stores .storeTable .green {
    /* font-weight: 800; */
    color: #73b24e;
}

#stores .storeTable .red {
    color: #ff0000;
}

#stores .storeTable .picture {
    padding-right: 12px;
    vertical-align: middle;
}

#stores .storeTable a {
    color: #000000;
    text-decoration: underline;
    transition: all 0.2s ease-in-out;
}

#stores .storeTable a:hover {
    color: #888888;
}

#stores #storeMap {
    box-sizing: border-box;
    margin-top: 24px;
    padding: 0 24px;
}

#error404 {
    margin-bottom: 24px;
    text-align: center;
}

#error404 h1 {
    margin-bottom: 24px;
    font-size: 48px;
    font-family: "roboto_thregular";
    line-height: 48px;
    text-align: center;
}

#error404 .errorPic {
    display: block;
    margin-top: 48px;
    margin-bottom: 48px;
    text-align: center;
    transition: all 0.2s ease-in-out;
}

#error404 .errorPic img {
    max-width: 90%;
    max-height: 90%;
}

#error404 .errorPic:hover {
    opacity: 0.8;
}

#error404 .errorText {
    font-family: robotobold;
    line-height: 28px;
    text-transform: uppercase;
}

#error404 .errorText a {
    color: #ff9601;
}

#error404 #empty {
    margin-top: 48px;
    border-top: 1px solid #e5e5e5;
}

#error404 #empty .emptyTitle {
    margin-top: 48px;
    text-align: center;
}

#error404 #empty .emptyMenu a {
    display: inline-block;
    width: 250px;
    text-align: left;
}

#middleSlider img {
    width: 100%;
}

#modef {
    left: 371px;
}

.dropDownList {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #e7e8ea;
    border-radius: 2px;
}

.dropDownList.countElements {
    width: 60px;
}

.dropDownList .dropDownSelected {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 0 24px 0 12px;
    overflow: hidden;
    color: #888888;
    font-size: 13px;
    font-family: "roboto_ltregular";
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.dropDownList .dropDownSelected:hover {
    opacity: 0.9;
}

.dropDownList .dropDownSelected::after {
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    width: 9px;
    height: 5px;
    margin-top: -3px;
    background: url("/bitrix/templates/dresscode/images/selectArrow.png") 50% 50% no-repeat transparent;
    content: "";
}

.dropDownList .dropDownItems,
.dropDownList select {
    display: none;
}

.dropDownList .dropDownItems {
    position: absolute;
    top: 36px;
    left: -1px;
    z-index: 99;
    width: 100%;
    border-top: 1px solid #e7e8ea;
    border-right: 1px solid #e7e8ea;
    border-left: 1px solid #e7e8ea;
    border-radius: 2px;
}

.dropDownList .dropDownItems.opened {
    display: block;
    background-color: #ffffff;
}

.dropDownList .dropDownItem {
    box-sizing: border-box;
    width: 100%;
    padding: 6px 12px;
    overflow: hidden;
    font-size: 13px;
    font-family: "roboto_ltregular";
    line-height: 21px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e7e8ea;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.dropDownList .dropDownItem:hover {
    background-color: #f4f4f4;
    opacity: 0.9;
}

.dropDownList .dropDownItem.selected {
    font-family: robotomedium;
    background-color: #f4f4f4;
    cursor: unset;
}

/* panels colors */

body.panels_white #homeCatalog .captionList {
    box-sizing: border-box;
    background-color: #ffffff;
    border-right: 1px solid #e7e8ea;
    border-left: 1px solid #e7e8ea;
}

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: #ffffff;
}

body.panels_white #homeCatalog .caption a {
    color: #000000;
    transition: all 0.5s ease-in-out;
}

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 {
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #e7e8ea;
}

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-right: 0;
    border-left: 0;
}

body.panels_white #right #popSection .heading,
body.panels_white #right #brandList .heading {
    box-sizing: border-box;
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #e7e8ea;
}

body.panels_white #brandList .item:nth-child(5n + 1) {
    /* border-left: 1px solid #e7e8ea; */
}

body.panels_white #left #specialProduct .specialProductHeading {
    color: #000000;
    background-color: #ffffff;
    border-bottom: 1px solid #e7e8ea;
}

body.panels_white #homeCatalog #captionCarousel::before {
    background: linear-gradient(left, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 100%);
    background: linear-gradient(to right, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 100%);
}

#catalogLine .oFilter {
    display: none;
    margin-right: 48px;
}

#catalogLine .oSmartFilter .ico {
    display: inline-block;
    width: 15px;
    height: 11px;
    margin-top: -2px;
    padding-right: 12px;
    vertical-align: middle;
    background: url("/bitrix/templates/dresscodeV2/images/filterIco.png") 0 0 no-repeat transparent;
}

@media all and (max-width: 1800px) {
    body.panels_white #right .heading {
        border-bottom: 0;
    }
}

/* end new panels colors */

@media all and (max-width: 1000px) {
    #error404 .errorText {
        display: none;
    }
}

.clean {
    position: relative;
    padding: 0 2px;
    overflow: hidden;
}

.limiter {
    clear: both;
    min-width: 320px;
    max-width: 1920px;
    margin: auto;
    padding: 0 24px;
}

.limiter .compliter > div[id*="bx_"] {
    /* padding-right: 24px; */
    display: table-cell;
    width: 355px;
    vertical-align: top;
}

.limiter .compliter > div[id*="bx_"] #left {
    padding-right: 0;
}

/* page styles */

.priceTableContainer {
    min-width: 320px;
    max-width: 1000px;
    overflow-x: auto;
}

.priceTableStyle80 {
    box-sizing: border-box;
    width: 100%;
    border-collapse: collapse;
}

.priceTableStyle80 th {
    padding: 12px 24px;
    font-weight: normal;
    font-family: robotomedium;
    background-color: #f7f7f7;
    border: 1px solid #e4e4e4;
}

.priceTableStyle80 td {
    padding: 12px 24px;
    color: #333333;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #e4e4e4;
}

.mediumText {
    font-family: robotomedium;
}

.pagePicture {
    max-width: 100%;
    height: auto;
}

.skuPropertyValue.loading {
    position: relative;
}

.skuPropertyValue.loading img {
    opacity: 0;
}

.skuPropertyValue.loading::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    background: url("/bitrix/templates/dresscode/images/loaderMin.gif") 50% 50% no-repeat #ffffff;
    content: "";
}

.addCart.loading,
.addCart.loading:hover {
    background-image: url("/bitrix/templates/dresscode/images/loader-38px.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    opacity: 0.9 !important;
    transition: none !important;
    pointer-events: none !important;
}

.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 {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }

    .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 {
        width: 25%;
        height: 351px;
    }

    .product.last {
        line-height: 340px;
    }

    .product .tabloid {
        height: 350px;
    }

    .product .picture {
        height: 230px;
        line-height: 230px;
    }

    .product .name {
        margin-bottom: 12px;
    }

    .product .addCart {
        margin-top: 0;
    }

    .product .price .discount {
        display: block;
        height: 16px;
        margin-top: 8px;
        padding: 0;
        font-size: 13px;
        line-height: 16px;
    }

    #catalogLineList .prop {
        width: 80%;
    }

    #catalogTableList .column:nth-child(3) {
        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;
    }
}

@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;
    }

    #slider ul li span,
    #slider .slideVideoContainer,
    #slider .videoPoster {
        height: 500px;
    }

    #modef {
        left: 335px;
    }
}

@media all and (max-width: 1500px) {
    #footer .information .label {
        display: block;
    }

    #topHeading {
        display: none;
    }

    #catalogLineList .column:first-child {
        width: 340px;
    }

    #slider ul li span,
    #slider .slideVideoContainer,
    #slider .videoPoster {
        height: 450px;
    }

    #middleSlider {
        display: none !important;
    }

    #middleSlider img {
        max-width: 100%;
    }

    #newsContainer .column {
        width: 100%;
    }

    #newsContainer .column .item {
        overflow: hidden;
    }

    #newsContainer .column .item .bigPicture {
        float: left;
        width: 30%;
        margin-right: 48px;
    }

    .global-information-block,
    .global-information-block.fixed .global-information-block-hide-scroll-cn {
        width: 250px !important;
    }

    .product .addCart {
        padding: 0 12px;
    }

    .product .addCartContainer.viewed span,
    .product .addCartContainer:hover span {
        transform: translate(18px, -50%);
    }

    .product .addCart.added span,
    .product .addCart.disabled span,
    .product .addCart.subscribe span,
    .product .addCart.requestPrice span {
        transform: translate(-50%, -50%);
    }

    .product .addCartContainer:hover .addCart.added .icon,
    .product .addCartContainer:hover .addCart.disabled .icon,
    .product .addCartContainer:hover .addCart.subscribe .icon,
    .product .addCartContainer:hover .addCart.requestPrice .icon {
        width: auto;
        height: auto;
        margin-top: -4px;
        padding-right: 12px;
        visibility: visible;
        opacity: 1;
    }

    .product .addCartContainer.viewed .addCart .icon,
    .product .addCartContainer:hover .addCart .icon {
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        visibility: hidden;
        opacity: 0;
        transition: all 0.4s ease-in-out;
    }

    .product .quantityContainer {
        top: 18px;
        right: 18px;
    }

    .product .quantityContainer .plus,
    .product .quantityContainer .minus,
    .product .quantityContainer .quantity {
        width: 24px;
        height: 24px;
    }
}

@media all and (max-width: 1366px) {
    #catalogLineList .column:first-child {
        width: 300px;
    }

    .contactList li {
        width: 50%;
        margin-bottom: 24px;
    }

    .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;
    }

    .disabled1366 {
        display: none;
    }

    #modef {
        left: 295px;
    }
}

@media all and (max-width: 1300px) {
    #logo {
        width: 196px;
    }

    #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;
    }

    #middleSlider {
        display: none !important;
    }

    #slider ul li span,
    #slider .slideVideoContainer,
    #slider .videoPoster {
        height: 384px;
    }

    #footer .rightTable .leftColumn {
        display: none;
    }

    #rightFooter {
        width: 23%;
    }

    #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 {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }

    #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 {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }

    .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;
    }

    #homeCatalog .captionList {
        height: 55px;
        line-height: 55px;
    }

    #homeCatalog .captionBtnRight,
    #homeCatalog .captionBtnLeft {
        top: -2.5px;
    }

    #left #specialProduct .specialProductHeading,
    #left .sideBlock .heading,
    #right .heading {
        height: 55px;
        line-height: 55px;
    }

    #modef {
        left: 345px;
    }
}

@media all and (max-width: 1200px) {
    #catalog-section-banners {
        display: none !important;
    }

    #footerLine .col:first-child {
        width: 30%;
    }

    #footerLine .col:last-child {
        float: right;
        width: 70%;
    }

    #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 {
        clear: both;
        width: 100%;
        height: 60px;
        padding: 0;
        line-height: 60px;
        border: 0;
    }

    #catalogLineList .resizeColumn {
        float: left;
        width: 30%;
        text-align: center;
    }

    #catalogLineList .column .resizeColumn.last {
        width: 40%;
        text-align: right;
    }

    #catalogLineList .column:last-child .priceLabel {
        display: inline-block;
        float: none;
        padding-left: 24px;
    }

    #catalogLineList .column:last-child .price {
        display: inline-block;
        margin: 0;
    }

    #catalogLineList .column:last-child .addCart {
        display: inline-block;
        width: auto;
        height: 40px;
        margin: 9px auto;
        padding: 0 24px;
        font-size: 14px;
        line-height: 40px;
    }

    #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 {
        width: 50%;
        font-size: 14px;
        text-align: left;
    }

    #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 {
        margin-top: 12px;
        font-size: 30px;
        line-height: 36px;
    }

    #slider .sliderContent .mediumText,
    #slider .sliderContent .mediumTextColor,
    #slider .sliderContent .mediumTextLight {
        margin-top: 12px;
        font-size: 16px;
        line-height: 24px;
    }

    #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;
    }

    #modef {
        left: 275px;
    }
}

@media all and (max-width: 1150px) and (min-width: 1024px) {
    .product:nth-child(2n + 1).last {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }

    .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-width: 70%;
        max-height: 70%;
    }
}

@media all and (max-width: 1024px) and (min-width: 790px) {
    #brandList .item:nth-child(4n + 1).last {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }

    #brandList .item:nth-child(4n + 1).last .icon {
        display: none;
    }

    #brandList .item:nth-child(4n + 1).last .small {
        display: none;
    }
}

@media all and (max-width: 1024px) and (min-width: 790px) {
    #popSection .item:nth-child(4n + 1).last {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }

    #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 {
        height: 46px;
        line-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;
    }

    #smartFilter .heading {
        cursor: pointer;
    }

    #catalogLine .oFilter {
        display: inline-block;
        margin-right: 12px;
    }

    #main #smartFilter {
        position: absolute;
        z-index: 9999;
        width: 300px;
        margin-top: 162px;
        background: #ffffff;
        border: 0;
        box-shadow: 1px 1px 12px rgb(0 0 0 / 20%);
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }

    #main #smartFilter.opened {
        visibility: visible;
        opacity: 1;

        /* -webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out; */
        pointer-events: auto;
    }

    #nextSection {
        border: none;
    }

    #nextSection ul {
        display: none;
    }

    #nextSection .title {
        position: relative;
        padding-left: 12px;
        font-family: "roboto_ltregular";
        text-align: left;
        text-transform: none;
        background-color: #f8f8f8;
        border: none;
        cursor: pointer;
    }

    #nextSection .title::before {
        position: absolute;
        top: 0;
        right: 0;
        width: 42px;
        height: 100%;
        background: #efefef url("/bitrix/templates/dresscode/images/catalogIco2.png") center center no-repeat;
        content: "";
    }

    #smartFilterForm {
        /* display: none; */
    }

    #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: 320px;
    }

    .product.last {
        line-height: 300px;
    }

    .product .tabloid {
        height: 319px;
    }

    .product .picture {
        height: 195px;
        line-height: 195px;
    }

    .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 .captionBtnRight,
    #homeCatalog .captionBtnLeft {
        display: none !important;
    }

    #homeCatalog .caption a {
        font-size: 14px;
    }

    #homeCatalog #captionCarousel {
        position: relative;
    }

    #nextSection li {
        border-right: 1px solid #e7e8ea;
        border-left: 1px solid #e7e8ea;
    }

    #footerBottom .social {
        float: none;
        margin: 0;
        padding: 0;
        overflow-x: scroll;
    }

    #footerBottom ul {
        display: inline-block;
        white-space: nowrap;
    }

    #footerBottom .sn {
        float: none;
    }

    #footerBottom .sn li {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }
}

@media all and (max-width: 1024px) {
    #rowFooter,
    #leftFooter,
    #leftFooter .column,
    #rightFooter {
        display: block;
        width: 100%;
        padding: 0;
    }

    #leftFooter {
        box-sizing: border-box;
        padding: 24px;
    }

    #leftFooter .column {
        box-sizing: border-box;
        margin-bottom: 12px;
    }

    #leftFooter .column:last-child {
        margin-bottom: 0;
    }

    #leftFooter .heading {
        position: relative;
        margin: 0;
        padding: 18px 12px;
        font-weight: 400;
        font-size: 14px;
        font-family: "roboto_ltregular";
        line-height: 16px;
        text-align: left;
        text-transform: uppercase;
        background-color: rgb(0 0 0 / 3.2%);
        border: 0;
        border-radius: 4px;
        cursor: pointer;
    }

    #footer.variant_5 .heading,
    #footer.variant_6 .heading,
    #footer.variant_7 .heading,
    #footer.variant_8 .heading {
        border: 0;
    }

    #leftFooter .heading:not(.noTabs)::after {
        position: absolute;
        top: 0;
        right: 12px;
        bottom: 0;
        display: block;
        width: 25px;
        height: 25px;
        margin: auto;
        background-color: transparent;
        background-image: url("/bitrix/templates/dresscode/images/mobile-tab-show.svg");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 25px;
        content: "";
    }

    #leftFooter .heading.active::after {
        background-image: url("/bitrix/templates/dresscode/images/mobile-tab-hide.svg");
    }

    #leftFooter .heading + ul {
        display: none;
        box-sizing: border-box;
        margin-top: 12px;
        padding: 0 12px;
    }

    #rightFooter {
        box-sizing: border-box;
        padding: 24px 0;
    }

    #rightFooter .rightTable {
        display: block;
    }

    #rightFooter .leftColumn,
    #rightFooter .rightColumn {
        display: block;
        box-sizing: border-box;
        padding: 0 24px;
    }

    #rightFooter .rightColumn {
        padding-top: 18px;
        text-align: left;
    }

    #footer .rightTable .leftColumn {
        display: block;
    }

    #rowFooter {
        display: table;
        font-size: 0;
    }

    #leftFooter,
    #rightFooter {
        display: table-cell;
        width: 50%;
        font-size: 14px;
        vertical-align: top;
    }
}

@media all and (max-width: 1150px) and (min-width: 1024px) {
    #popSection .item:nth-child(3n + 1).last,
    #brandList .item:nth-child(3n + 1).last {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }

    #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 {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }

    .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 {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }

    .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%;
    }

    .bx-auth .rightContainer .bx-title {
        margin-top: 12px;
    }
}

@media all and (max-width: 870px) {
    #headerTools .nf {
        display: none;
    }
}

@media all and (max-width: 850px) {
    #topHeading {
        display: none;
    }

    #catalogLineList .column:last-child .priceLabel,
    #catalogLineList .column:last-child .price {
        font-size: 18px;
    }

    #modef {
        display: none !important;
    }

    #catalogLine .column:nth-child(3) {
        display: none;
    }

    #footerLine .col:first-child {
        display: none;
    }

    #footerLine .col:last-child {
        float: left;
        width: 100%;
        text-align: center;
    }
}

@media all and (max-width: 790px) and (min-width: 600px) {
    .product:nth-child(2n + 1).last {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }

    .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 {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }

    #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 {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }

    #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) {
    #rowFooter {
        display: block;
    }

    #leftFooter,
    #rightFooter {
        display: block;
        width: 100%;
    }

    #rightFooter .rightTable td {
        text-align: left;
    }
}

@media all and (max-width: 700px) {
    div[id*="bigdata_recommended_"],
    #footerTabsCaption,
    #footerTabs,
    #footerTabs .tab {
        display: none !important;
    }

    #slider ul li span,
    #slider .slideVideoContainer,
    #slider .videoPoster {
        height: 300px;
    }

    .limiter {
        padding: 0;
    }

    #topMenu {
        margin-left: 12px;
    }

    #subHeader #logo,
    #subHeader.color_theme #logo,
    #subHeader.color_black #logo {
        border: 0;
    }

    #topSearch form {
        box-sizing: border-box;
    }

    #left {
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 0 12px;
    }

    #right {
        display: block;
        box-sizing: border-box;
        margin-top: 24px;
        padding: 0 12px;
    }

    #leftMenu li a {
        font-size: 16px;
    }

    #flushFooterCart .item:nth-child(1) {
        display: none;
    }

    #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 {
        filter: blur(0) !important;
    }

    #upButton {
        display: none !important;
    }

    #newsContainer .column .item .bigPicture {
        float: none;
        width: 100%;
    }

    #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 {
        width: 50%;
        height: auto;
    }

    body .product:hover .tabloid {
        position: relative;
        border-color: transparent;
        box-shadow: none;
    }

    .product .btn-simple.add-cart:hover {
        border-color: #e7e8ea;
    }

    .product.last {
        line-height: 328px;
    }

    .product .btn-simple {
        display: inline-block;
        font-size: 13px;
    }

    .product .tabloid {
        height: auto;
    }

    .product .picture {
        height: 180px;
        line-height: 180px;
    }

    .product .optional {
        display: none;
    }

    .product .skuProperty {
        display: none;
    }

    .product .addCart {
        display: none;
    }

    .product .name {
        display: flex;
        height: 36px;
        line-height: normal;
    }

    .product .middle {
        line-height: 18px;
    }

    .product .price {
        margin-bottom: 6px;
        font-size: 14px;
    }

    .product .price .measure {
        font-size: 14px;
    }

    .product .markerContainer {
        top: 6px;
        left: 6px;
        max-height: 48px;
        overflow: hidden;
    }

    .product .marker {
        margin-bottom: 2px;
    }

    .product .getPricesWindow .priceIcon {
        display: none;
    }

    .product .rating {
        display: none;
    }

    .product .addCartContainer {
        display: none;
    }

    .product .price .discount {
        margin-top: 2px;
    }

    .product .name {
        margin-bottom: 2px;
    }

    .productSpecialTime {
        display: none;
    }

    .productTable {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .productColImage {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding-right: 0;
    }

    .productColText {
        display: table-cell;
        vertical-align: middle;
    }

    .product.last .icon {
        height: 33px;
        margin-bottom: 6px;
    }

    .product.last .icon .iconBig {
        display: none;
    }

    .product.last .icon .iconSmall {
        display: inline-block;
    }

    .product .quantityContainer {
        display: none;
    }
}

@media all and (max-width: 634px) {
    #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) {
        width: auto;
        padding-left: 24px;
    }

    .contactList li {
        width: 100%;
        margin-bottom: 24px;
    }

    #empty .emptyMenu li {
        width: 100%;
    }
}

@media all and (max-width: 660px) {
    #catalogLine .label {
        display: none;
    }
}

@media all and (max-width: 600px) {
    .product .picture {
        height: 170px;
        line-height: 170px;
    }

    .product.last {
        line-height: 318px;
    }

    #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 {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        width: 80px;
        height: 100%;
        background: linear-gradient(left, rgb(43 43 43 / 0%) 0%, rgb(43 43 43 / 100%) 100%);
        background: linear-gradient(to right, rgb(43 43 43 / 0%) 0%, rgb(43 43 43 / 100%) 100%);
        content: "";
        pointer-events: none;
    }

    #footerBottom .creator {
        display: none;
    }
}

@media all and (max-width: 525px) {
    #catalogLine .column:last-child {
        display: none;
    }

    #catalogLine .column:nth-child(2) {
        float: right;
    }
}

@media all and (max-width: 500px) {
    .top-auth-personal,
    .top-auth-exit,
    .top-auth-login,
    .top-auth-register {
        position: absolute;
        top: 103px;
        border: none !important;
    }

    .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 {
        position: absolute;
        top: 107px;
        right: 0;
        padding: 0;
        line-height: 21px !important;
        border: none !important;
    }

    #headerTools .telephone .callBack {
        display: none;
    }

    #headerTools .telephone .nf {
        display: block;
        float: none;
        margin: 0;
    }

    #headerTools .telephone .nf .heading {
        display: none;
    }

    #headerTools .telephone .nf .heading:first-child {
        display: block;
        color: #888888;
        font-size: 14px;
        font-family: robotomedium;
    }

    #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: #ffffff !important;
    }

    #topService.color_theme > li > a:hover {
        opacity: 0.8;
    }

    #topHeader.color_theme #topService,
    #topHeader.color_black #topService {
        border: 0;
    }

    #logo {
        height: 80px;
        padding-left: 12px;
        line-height: 80px;
    }

    #headerTools .tools li {
        line-height: 80px;
    }

    #topMenu {
        margin-left: 0;
    }

    .user-geo-position {
        padding-right: 12px;
        text-align: right;
    }

    #topSearch input[type="text"] {
        padding-left: 6px;
    }

    #topService li a {
        color: #888888;
    }

    #panel {
        position: fixed;
        z-index: 9999;
    }

    #logo {
        text-align: left;
    }

    #topSearch input[type="text"] {
        font-size: 14px;
    }

    #topSeachCloseForm {
        font-size: 13px;
    }

    .product .picture {
        height: 160px;
        line-height: 160px;
    }

    .product.last {
        line-height: 308px;
    }

    #popSection .item {
        width: 50%;
        height: 150px;
    }

    #popSection .nameWrap {
        height: 32px;
        line-height: 32px;
    }

    #popSection .item:nth-child(2n + 1).last {
        width: 100%;
        height: 95px;
        line-height: 95px;
    }
}

@media all and (max-width: 486px) {
    #catalogLine .column:last-child {
        display: none;
    }
}

@media all and (max-width: 480px) {
    #homeCatalog {
        margin-top: 0;
    }

    .sn {
        display: none;
    }

    #catalogTableList .column:nth-child(2) {
        margin-top: 0;
        padding-left: 0;
    }

    #catalogTableList .column {
        display: block;
        text-align: center;
    }

    #catalogTableList .column:first-child {
        width: auto;
    }

    #catalogTableList .column:nth-child(1) {
        display: block;
        margin-top: 24px;
    }

    #catalogTableList .name {
        text-align: center;
    }

    #catalogTableList .price .discount {
        right: 48px;
    }

    #catalogTableList .addCart,
    #catalogTableList .more {
        margin: 0;
    }

    #slider {
        margin-bottom: 24px;
    }

    #slider .sliderBtnLeft,
    #slider .sliderBtnRight {
        display: none !important;
    }

    #slider ul li span,
    #slider .slideVideoContainer,
    #slider .videoPoster {
        height: 220px;
    }

    #slider .sliderContent {
        right: unset;
        left: unset;
        box-sizing: border-box;
        width: 80%;
        padding: 0 24px;
        transform: translate(0%, -50%);
    }

    #slider .sliderContent .bigText,
    #slider .sliderContent .bigTextColor,
    #slider .sliderContent .bigTextLight {
        font-size: 18px;
        line-height: 24px;
    }

    #slider .sliderContent .smallText,
    #slider .sliderContent .smallTextColor,
    #slider .sliderContent .smallTextLight {
        display: none;
    }

    #slider .sliderContent br {
        display: none;
    }

    #slider ul li span {
        opacity: 1;
        transition: 1s filter linear;
    }

    #slider ul li span:hover {
        transform: scale(1);
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
        filter: blur(0);
    }

    #slider .sliderContent .cButtonLight,
    #slider .sliderContent .cButton {
        height: 40px;
        margin-top: 12px;
        padding: 0 12px;
        line-height: 40px;
    }

    #slider .sliderContent .bigText,
    #slider .sliderContent .bigTextColor,
    #slider .sliderContent .bigTextLight {
        margin-top: 6px;
    }

    #slider .sliderContent .mediumText,
    #slider .sliderContent .mediumTextColor,
    #slider .sliderContent .mediumTextLight {
        margin-top: 6px;
        line-height: 21px;
    }

    #slider .sliderContent .smallText,
    #slider .sliderContent .smallTextColor,
    #slider .sliderContent .smallTextLight {
        margin-top: 6px;
        font-size: 13px;
        line-height: 18px;
    }
}

@media all and (max-width: 450px) {
    .user-geo-position-label {
        display: none;
    }

    .product .name {
        font-size: 12px;
    }
}

@media all and (max-width: 400px) {
    #logo {
        width: 150px;
        padding-left: 12px;
    }

    .product .picture {
        height: 150px;
        line-height: 150px;
    }

    .product.last {
        line-height: 298px;
    }

    #catalogLine .oFilter {
        margin-right: 0;
    }

    #catalogLine {
        height: 32px;
        padding: 0;
        line-height: 32px;
        border: none;
    }

    #catalogColumn #smartFilter {
        margin-top: 42px;
    }

    #flushFooterCart .item:nth-child(2) .textLabel {
        display: none;
    }

    #flushFooterCart .item:nth-child(2) .icon {
        margin-right: 6px;
    }
}

@media all and (max-width: 360px) {
    #brandList .item {
        width: 50%;
    }

    #brandList .item:nth-child(2n + 1).last {
        width: 100%;
        height: 70px;
        line-height: 70px;
    }

    #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;
    }

    .product .picture {
        height: 140px;
        line-height: 140px;
    }

    .product.last {
        line-height: 288px;
    }
}

@media all and (max-width: 300px) {
    #headerTools .tools .telephone {
        display: none !important;
    }
}

#ORDER_CONFIRM_BUTTON {
    height: 50px !important;
    line-height: 50px !important;
    text-shadow: none !important;
}

.addCart.disabled {
    cursor: default;
    pointer-events: none;
}

.addCart.requestPrice {
    background-color: #2b2b2b !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.addCart.requestPrice:hover {
    opacity: 0.8 !important;
}

.addCart.requestPrice:active {
    position: relative;
    top: 1px;
}

.sale_order_full_table input[name="BuyButton"],
.sale_order_full_table input[type="submit"] {
    height: 50px;
    padding: 0 48px;
    line-height: 50px;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

div.bx-debug-summary {
    z-index: 99999 !important;
}

.appZoomContainerExit {
    position: absolute;
    top: -38px;
    right: -38px;
    width: 38px;
    height: 38px;
    background: url("/bitrix/templates/dresscode/images/exitWindow.png") 0 0 no-repeat transparent;
}

.appZoomContainerExit:hover {
    background-position: 0 -38px;
}

.appZoomContainerExit:active {
    background-position: 0 -76px;
}

#appZoomWindow .appZoomContainer {
    transition: all 0.2s ease-in-out;
}

#appZoomWindow .appZoomContainer.loading {
    min-width: 100px;
    min-height: 100px;
    background: url("/bitrix/templates/dresscode/images/windowLoader.gif") 50% 50% no-repeat transparent;
}

.quickBuy.disabled {
    cursor: not-allowed;
}

.quickBuy.disabled:hover {
    color: #717171;
}

.quickBuy.disabled:active {
    top: 0;
}

.getPricesWindow {
    cursor: pointer !important;
    transition: all 0.2s ease-in-out;
}

.getPricesWindow:hover {
    color: #444444;
}

.getPricesWindow:active {
    position: relative;
    top: 1px;
}

.getPricesWindow .priceIcon {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-top: -2px;
    margin-right: 10px;
    vertical-align: middle;
    background: url("/bitrix/templates/dresscode/images/priceInfo.png") 0 0 no-repeat transparent;
}

.getPricesWindow .priceIcon:hover {
    background-position: 0 -21px;
}

.getPricesWindow .priceIcon:active {
    background-position: 0 -42px;
}

.global-block-container {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.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;
    width: 280px;
    padding-left: 24px;
    overflow: hidden;
}

.global-information-block.fixed .global-information-block-cn {
    position: fixed;
    top: 0;
    width: 280px;
    padding-top: 24px;
    overflow: hidden;
}

.global-information-block-hide-scroll {
    width: 320px;
    max-height: 100vh;
    padding-right: 24px;
    overflow: auto;
}

.global-information-block-hide-scroll-cn {
    width: 280px;
}

.global-information-block.max-scroll .global-information-block-cn {
    position: absolute;
    top: auto;
    bottom: 0;
}

.questions-answers .h2 {
    margin: 18px 0;
}

.question-answer-wrap {
    margin-bottom: 12px;
    padding: 0 18px 0 24px;
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #f3f3f3;
    transition: all 0.2s ease-in-out;
}

.question-answer-wrap:last-child {
    margin-bottom: 0;
}

.question-answer-wrap:hover {
    box-shadow: 0 0 7px 0 rgb(0 0 0 / 5%);
}

.questions-answers-list .question {
    position: relative;
    padding: 24px 0;
    padding-right: 120px;
    cursor: pointer;
}

.questions-answers-list .open-answer {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 110px;
    height: 25px;
    margin-top: -12px;
    overflow: hidden;
}

.questions-answers-list .open-answer span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 25px;
    color: #000000;
    font-size: 13px;
    line-height: 25px;
    transition: all 0.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;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background: url("/bitrix/templates/dresscode/images/question-arrow.png") center center / contain no-repeat;
    transition: all 0.3s linear;
}

.questions-answers-list .active .open-answer-btn {
    transform: rotate(-180deg);
}

.questions-answers-list .answer {
    display: none;
    padding: 24px 0;
    color: #888888;
    border-top: 1px solid #efefef;
}

@media screen and (max-width: 800px) {
    .questions-answers-list .answer {
        padding: 0 12px;
    }

    .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;
    font-family: robotomedium;
}

.information-text {
    box-sizing: border-box;
    padding-right: 12px;
    color: #555555;
}

.information-list-item {
    margin-top: 24px;
    padding: 12px;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
}

.information-item-icon {
    width: 42px;
    padding-right: 24px;
}

.information-list-item a {
    color: #000000;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.information-list-item a:hover {
    color: #777777;
}

.information-list-item a:active {
    position: relative;
    top: 1px;
}

.information-feedback-container {
    margin-top: 24px;
}

.information-feedback {
    display: block;
    padding: 18px 12px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
}

.information-feedback:active {
    position: relative;
    top: -1px;
}

.pilink {
    color: #888888;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.pilink:hover {
    opacity: 0.7;
}

.pilink:active {
    position: relative;
    top: 1px;
}

.tb {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.tc {
    display: table-cell;
    vertical-align: middle;
}

#catalog-section-banners {
    display: none;
    clear: both;
    margin: 24px 0;
    overflow: hidden;
}

#catalog-section-banners ul {
    margin: 0;
    padding: 0;
}

#catalog-section-banners ul > li {
    float: left;
    width: 0;
    list-style: none;
}

#catalog-section-banners ul > li:first-child {
    width: auto;
}

#catalog-section-banners li img {
    width: 100%;
}

#catalog-section-banners ol {
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#catalog-section-banners ol {
    position: absolute;
    bottom: 12px;
    left: 50%;
}

#catalog-section-banners ol li {
    float: left;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    background: url("/bitrix/templates/dresscode/images/slideButtonSect.svg") 0 0 no-repeat transparent;
    cursor: pointer;
}

#catalog-section-banners ol li:hover {
    background: url("/bitrix/templates/dresscode/images/slideButtonSect.svg") -18px 0 no-repeat transparent;
}

#catalog-section-banners ol li:active {
    background: url("/bitrix/templates/dresscode/images/slideButtonSect.svg") -36px 0 no-repeat transparent;
}

#catalog-section-banners ol li.selected {
    background: url("/bitrix/templates/dresscode/images/slideButtonSect.svg") -54px 0 no-repeat transparent;
}

#catalog-section-banners ol li.selected:hover {
    background: url("/bitrix/templates/dresscode/images/slideButtonSect.svg") -72px 0 no-repeat transparent;
}

#catalog-section-banners ol li.selected:active {
    background: url("/bitrix/templates/dresscode/images/slideButtonSect.svg") -90px 0 no-repeat transparent;
}

#catalog-section-banners .catalog-section-banners-btn-left,
#catalog-section-banners .catalog-section-banners-btn-right {
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 60px;
    margin-top: -30px;
    background: url("/bitrix/templates/dresscode/images/slideArrowSect.svg") no-repeat transparent;
}

#catalog-section-banners .catalog-section-banners-btn-left {
    left: 0;
    background-position: 0 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 {
    right: 0;
    background-position: 0 -60px;
}

#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;
    margin: 18px -12px 24px;
    font-size: 0;
    line-height: 0;
}

.list-advantages .list-item {
    display: inline-block;
    box-sizing: border-box;
    width: 350px;
    max-width: 100%;
    padding: 12px;
    vertical-align: top;
}

.list-advantages .tc {
    vertical-align: top;
}

.list-advantages .image {
    width: 74px;
}

.list-advantages .text-wrap {
    color: #000000;
    font-size: 14px;
}

.list-advantages .name {
    max-height: 40px;
    margin-bottom: 6px;
    overflow: hidden;
    font-size: 16px;
    font-family: robotomedium;
    line-height: 20px;
}

.list-advantages .descr {
    max-height: 32px;
    overflow: hidden;
    line-height: 16px;
}

#main .processing {
    position: relative;
    pointer-events: none;
}

#main .processing > * {
    opacity: 0.4;
    transition: opacity 0.3s ease-in-out;
}

#main .processing::after {
    position: absolute;
    inset: 0;
    background: url("/bitrix/templates/dresscode/images/spin.svg") 50% 50% no-repeat;
    content: " ";
}

#colorSwitcher {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 99999;
    width: 192px;
    height: 550px;
    margin-top: -275px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 1px 1px 12px rgb(0 0 0 / 40%);
    transform: translateX(192px);
    transition: all 0.5s ease-in-out;
}

#colorSwitcher:hover {
    transform: translateX(0);
}

#colorSwitcher .settingTouch {
    position: absolute;
    left: -50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #000000;
    transition: all 0.2s ease-in-out;
}

#colorSwitcher .settingTouch:hover {
    background: #2b2b2b;
}

#colorSwitcher .settingTouchPicture {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url("/bitrix/templates/dresscode/images/setting.png") 50% 50% no-repeat transparent;
    transition: all 0.4s ease-in-out;
}

#colorSwitcher:hover .settingTouchPicture {
    transform: rotate(360deg);
}

#colorSwitcher .title {
    margin-top: 12px;
    font-family: robotobold;
    text-align: center;
    text-transform: uppercase;
}

#colorSwitcher .items,
#colorSwitcher .backgroundItems {
    margin-top: 12px;
    overflow: hidden;
    text-align: center;
}

#colorSwitcher .menuSelect {
    margin-top: 12px;
}

#colorSwitcher .menuSelect select {
    box-sizing: border-box;
    width: 85%;
    height: 35px;
    padding: 0 12px;
    outline: none;
}

#colorSwitcher .menuSelect option {
    padding: 12px 0;
}

#colorSwitcher .item {
    float: left;
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    margin-left: 12px;
}

#colorSwitcher .item:nth-child(3n + 1) {
    /* margin-left: 0px; */
}

#colorSwitcher .close {
    display: inline-block;
    margin-top: 8px;
    padding: 0 24px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    background-color: rgb(0 0 0 / 80%);
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}

#colorSwitcher .close:hover {
    background-color: rgb(0 0 0 / 100%);
}

#colorSwitcher .item a {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}

#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: #eeeeee;
}

#colorSwitcher .item .black {
    background-color: #000000;
}

.colorSwitcherLoader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 100%;
    margin: auto;
    text-align: center;
    background-color: rgb(0 0 0 / 40%);
}

.colorSwitcherLoader svg {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 180px;
    height: 180px;
    margin: auto;
    margin-top: -120px;
    overflow: visible;
}

.colorSwitcherLoader.visible svg {
    display: block;
}

.bx-soa-pp-company {
    z-index: 1 !important;
}

#bx-soa-order * {
    box-sizing: border-box !important;
}

#reformal_tab {
    z-index: 9991 !important;
}

.sale_order_full_table input[name="BuyButton"] {
    margin-bottom: 24px;
}

.contactAddress {
    max-width: 160px;
}

.microdata {
    display: none;
}

.banner-animated .image {
    transform: translate3d(30px, 0, 0);
    opacity: 0;
    transition: all 0.6s 0.4s ease-in-out;
}

.banner-animated.banner-image-load .image {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.btn-simple-wrap {
    margin-top: 14px;
}

.btn-simple {
    position: relative;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 200px;
    padding: 21px 24px 19px;
    color: #ffffff;
    font-size: 14px;
    font-family: "roboto_ltregular";
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s ease-in-out,
    border 0.2s ease-in-out;
}

.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 {
    color: #000000;
    background: transparent;
    border-color: #aaaaaa;
}

.btn-simple.btn-black-border:hover {
    background: transparent;
    border-color: #000000;
}

.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;
    color: #000000;
    background: transparent;
    border-color: #e7e8ea;
}

.btn-simple.add-cart:hover {
    background: transparent;
    border-color: #000000;
}

.btn-simple.add-cart.disabled {
    opacity: 0.5;
}

.active-link {
    display: inline-block;
    color: #000000;
    font-size: 14px;
    font-family: robotobold;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px dashed #000000;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.active-link:active {
    position: relative;
    top: 1px;
}

.inactive-link {
    display: inline-block;
    color: #888888;
    font-size: 14px;
    font-family: robotobold;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.inactive-link:active {
    position: relative;
    top: 1px;
}

.text-link {
    display: inline-block;
    color: #3b3732;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.text-link:active {
    position: relative;
    top: 1px;
}

.big-text-link {
    display: inline-block;
    color: #3b3732;
    font-size: 16px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.big-text-link:active {
    position: relative;
    top: 1px;
}

.link-dashed {
    display: inline-block;
    color: #000000;
    font-size: 14px;
    font-family: "roboto_ltregular";
    text-decoration: none;
    border-bottom: 1px dashed #000000;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.link-dashed:active {
    position: relative;
    top: 1px;
}

.theme-link-dashed {
    display: inline-block;
    font-size: 14px;
    font-family: "roboto_ltregular";
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    cursor: pointer;
    transition: all 0.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;
    font-size: 14px;
    vertical-align: top;
}

.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;
    box-sizing: border-box;
    min-width: 126px;
    margin: 0 6px 6px 0;
    padding: 12px 14px 10px;
    color: #888888;
    font-size: 14px;
    font-family: "roboto_ltregular";
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #e7e8ea;
    border-radius: 2px;
    cursor: pointer;
    transition: background 0.2s ease-in-out,
    color 0.2s ease-in-out,
    border 0.2s ease-in-out;
}

.tabs-wrap .tab-dashed-link {
    position: relative;
    display: inline-block;
    margin: 0 30px 6px 0;
    color: #888888;
    font-size: 14px;
    font-family: robotobold;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px dashed transparent;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.tabs-wrap .tab-dashed-link.active {
    color: #000000;
    border-color: #000000;
}

.tabs-wrap .tab-dashed-link.active:hover {
    color: #000000;
    border-color: #000000;
}

.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;
    color: #000000;
    background: #fafafa;
    border: 1px solid #e7e8ea;
}

.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;
    color: #000000;
    font-weight: 400;
    font-size: 21px;
    font-family: robotomedium;
    line-height: 25px;
    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: flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}

.flex .flex-item {
    box-sizing: border-box;
    width: calc(50% - 10px);
    padding: 30px 24px;
    border: 1px solid #e7e8ea;
}

@media all and (max-width: 750px) {
    .flex .flex-item {
        width: 100%;
        margin-bottom: 12px;
    }
}

.h1 {
    display: block;
    margin-bottom: 6px;
    color: #000000;
    font-weight: 400;
    font-size: 24px;
    font-family: "roboto_ltregular";
    line-height: 30px;
    text-decoration: none;
}

.h2 {
    display: block;
    margin-bottom: 6px;
    color: #000000;
    font-weight: 400;
    font-size: 21px;
    font-family: "roboto_ltregular";
    line-height: 25px;
    text-decoration: none;
}

.h3 {
    display: block;
    margin-bottom: 6px;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    font-family: "roboto_ltregular";
    line-height: 20px;
    text-decoration: none;
}

.ff-bold {
    font-family: robotobold;
}

.ff-medium {
    font-family: robotomedium;
}

.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;
    width: auto;
    max-width: 100%;
    height: auto;
}

.error-wrap {
    margin: 18px 0;
    padding: 48px 42px 36px;
    color: #952525;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #bc8383;
}

.table-simple-wrap {
    overflow: auto;
}

.table-simple {
    box-sizing: border-box;
    width: 100%;
    min-width: 700px;
    margin: 18px 0 36px;
    table-layout: auto;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.table-simple th {
    padding: 12px 24px;
    font-family: robotomedium;
    vertical-align: middle;
    background: #f7f7f7;
    border: 1px solid #e4e4e4;
}

.table-simple td {
    padding: 12px 24px;
    vertical-align: middle;
    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;
    color: #888888;
    font-size: 18px;
    line-height: 30px;
}

.blockquote-wrap blockquote::before {
    display: inline-block;
    width: 40px;
    height: 33px;
    margin-right: 10px;
    background: url("/bitrix/templates/dresscode/images/blockquote.png") center center / contain no-repeat;
    content: "";
}

.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;
    width: 33.333%;
    vertical-align: top;
}

.new-list-items > div[id*="bx_"] > .list-item-wrap {
    width: 100%;
}

.new-list-items .list-item-wrap {
    display: inline-block;
    box-sizing: border-box;
    width: 33.333%;
    padding: 12px;
    vertical-align: top;
}

.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;
    transition: all 0.2s ease-in-out;
}

.new-list-items .image-container img {
    display: block;
    max-width: 100%;
}

.new-list-items .image-container:hover {
    opacity: 0.9;
}

.new-list-items .image-container:active {
    position: relative;
    top: 1px;
}

.new-list-items .text {
    color: #000000;
}

.new-list-items .name {
    display: block;
    max-height: 18px;
    margin-bottom: 12px;
    overflow: hidden;
    color: #000000;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
}

.new-list-items .name:active {
    position: relative;
    top: 1px;
}

.new-list-items .price {
    position: relative;
    display: inline-block;
    padding-right: 18px;
    font-size: 18px;
    font-family: robotobold;
}

.new-list-items .old-price {
    position: absolute;
    top: -12px;
    right: 0;
    color: #888888;
    font-size: 13px;
    font-family: "roboto_ltregular";
    line-height: 15px;
}

.new-list-items .active-link {
    font-family: "roboto_ltregular";
    text-transform: none;
}

.new-list-items .addCart.added {
    color: #888888;
    background: none !important;
    border-color: #888888;
}

.new-list-items .addCart.added:hover {
    color: #000000;
    border-color: #000000;
}

.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;
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    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 {
    margin-right: 6px;
    margin-bottom: 6px;
    vertical-align: top;
}

.active-link {
    display: inline-block;
    color: #000000;
    font-size: 14px;
    font-family: robotobold;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px dashed #000000;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.active-link:active {
    position: relative;
    top: 1px;
}

.inactive-link {
    display: inline-block;
    color: #888888;
    font-size: 14px;
    font-family: robotobold;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.inactive-link:active {
    position: relative;
    top: 1px;
}

.text-link {
    display: inline-block;
    color: #3b3732;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.text-link:active {
    position: relative;
    top: 1px;
}

.big-text-link {
    display: inline-block;
    color: #3b3732;
    font-size: 16px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.big-text-link:active {
    position: relative;
    top: 1px;
}

.link-dashed {
    display: inline-block;
    color: #000000;
    font-size: 14px;
    font-family: "roboto_ltregular";
    text-decoration: none;
    border-bottom: 1px dashed #000000;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.link-dashed:active {
    position: relative;
    top: 1px;
}

.theme-link-dashed {
    display: inline-block;
    font-size: 14px;
    font-family: "roboto_ltregular";
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    cursor: pointer;
    transition: all 0.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;
    box-sizing: border-box;
    width: 50%;
    padding: 12px;
    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: #000000;
}

.banner-elem .text-wrap *:last-child {
    margin-bottom: 0;
}

.banner-elem .date {
    margin-bottom: 6px;
    color: #000000;
    font-size: 13px;
}

.banner-elem h1 {
    max-height: 86px;
    margin-bottom: 18px;
    overflow: hidden;
    font-size: 36px;
    line-height: 43px;
}

.banner-elem .h2 {
    display: inline-block;
    max-height: 50px;
    overflow: hidden;
    line-height: 25px;
    vertical-align: top;
}

.banner-elem .price {
    max-height: 22px;
    margin-bottom: 6px;
    overflow: hidden;
    font-size: 18px;
    line-height: 22px;
}

.banner-elem .descr {
    max-height: 45px;
    margin-bottom: 8px;
    overflow: hidden;
    font-size: 13px;
    line-height: 15px;
}

.banner-elem .image {
    box-sizing: border-box;
    width: 55%;
    padding-left: 12px;
    font-size: 0;
    line-height: 0;
    text-align: right;

    /* vertical-align: bottom; */
    vertical-align: middle;
}

.banner-elem .image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 296px;
    margin-left: auto;
    transform: translate3d(0, 0, 0) scale(1);
    transition: all 0.4s ease-in-out;
}

.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 {
        max-height: 20px;
        font-size: 16px;
        line-height: 20px;
    }

    .banner-elem .social {
        height: 30px;
    }
}

@media screen and (max-width: 1280px) {
    .banner-elem h1 {
        max-height: 58px;
        margin-bottom: 12px;
        font-size: 24px;
        line-height: 29px;
    }
}

@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 {
        max-height: 44px;
        font-size: 18px;
        line-height: 22px;
    }

    .banner-elem .price {
        max-height: 18px;
        font-size: 15px;
        line-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 {
        max-height: 48px;
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 24px;
    }

    .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;
    }
}

@media screen and (max-width: 500px) {
    /* .banner-elem .social{
		display: none;
		} */
}

@media screen and (max-width: 400px) {
    .banner-elem {
        height: 150px;
    }

    .banner-elem .h2 {
        max-height: 40px;
        font-size: 16px;
        line-height: 20px;
    }

    .banner-elem .price {
        max-height: 18px;
        font-size: 14px;
        line-height: 18px;
    }

    .banner-elem .text-wrap {
        padding-left: 12px;
    }

    .banner-elem .btn-simple.btn-micro {
        min-width: 100px;
        padding: 3px 8px;
    }

    .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;
    top: 0;
    left: 0;
    width: 100%;
}

.fullscreen-banner #breadcrumbs + .tb .text-wrap {
    padding: 42px 0 0;
}

.fullscreen-banner h1 {
    margin-bottom: 12px;
}

.fullscreen-banner .price {
    max-height: 36px;
    margin-bottom: 12px;
    font-size: 30px;
    line-height: 36px;
}

.fullscreen-banner .descr {
    max-height: 120px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 24px;
}

.fullscreen-banner .image {
    width: 55%;
}

.fullscreen-banner .image img {
    max-height: 470px;
    margin: 0 auto;
}

@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 {
        height: 30px;
        font-size: 24px;
        line-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 {
        max-height: 80px;
        margin-bottom: 12px;
        line-height: 20px;
    }

    .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 {
        right: 0;
        left: 12px;
        width: auto;
        margin-top: 12px;
    }

    .hide-700 {
        display: none !important;
    }
}

@media screen and (max-width: 600px) {
    .banner-hide-images {
        background: none !important;
    }

    .banner-hide-images .image {
        display: none;
    }

    .hide-600 {
        display: none !important;
    }
}

@media screen and (max-width: 500px) {
    .fullscreen-banner {
        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: 55%;
    }

    .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) {
    #logo {
        text-align: center;
    }

    .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 {
        max-height: 60px;
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 20px;
    }

    .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 {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9998;
    width: 360px;
    height: 100%;
    overflow: hidden;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 1px 1px 12px rgb(0 0 0 / 30%);
    transform: translateX(500px);
    transition: all 0.2s ease-in-out;
}

.templateSwitcher.opened {
    transform: translateX(0);
}

.templateSwitcherScroll {
    width: 390px;
    height: 100%;
    overflow: auto;
}

.templateSwitcherScrollContainer {
    box-sizing: border-box;
    width: 360px;
    margin: 24px 0;
    padding: 0 24px;
}

.templateSwitcherSettings {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 9999;
    width: 51px;
    height: 198px;
    margin-top: -100px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    animation-name: bounceInDown;
    animation-duration: 2s;
    animation-fill-mode: both;
}

.templateSwitcherSettings.active {
    right: 360px;
}

.templateSwitcherSettings:hover {
    opacity: 0.9;
}

.templateSwitcherSettings.active .templateSwitcherSettingsPicture {
    /* transform: rotate(360deg); */
}

.templateSwitcherSettings:hover {
    background-color: #2b2b2b;
}

.templateSwitcherSettingsPicture {
    display: inline-block;
    width: 51px;
    height: 198px;
    vertical-align: middle;
    background: url("/bitrix/templates/dresscode/images/setting.png") 50% 50% no-repeat transparent;
    transition: all 0.5s ease-in-out;
}

.templateSwitcher .switcherList {
    overflow: hidden;
}

.templateSwitcher .switcherListItem {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #ff9601;
    border-radius: 2px;
}

.templateSwitcher .switcherListItem:hover {
    border-color: #ffa800;
}

.templateSwitcher .switcherListItem.active {
    color: #ffffff;
    background-color: #ff9601;
}

.templateSwitcher .switcherListItem.active a {
    color: #ffffff;
}

.templateSwitcher .switcherListItem:first-child {
    margin-right: 12px;
}

.templateSwitcher .switcherListItem a {
    display: block;
    padding: 0 24px;
    color: #ff9601;
    text-decoration: none;
}

.templateSwitcher .switcherListItem a:active {
    position: relative;
    top: 1px;
}

.templateSwitcher .switcherHeading {
    margin-bottom: 18px;
    padding: 0 24px;
    font-size: 16px;
    font-family: robotomedium;
}

.templateSwitcher .switcherBigHeading {
    margin-bottom: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #f3f3f3;
}

.templateSwitcher .switcherBigHeading + .switcherRowBlock {
    padding-top: 0;
    border-top: 0;
}

.templateSwitcher .switcherBigHeading .switcherClose {
    float: right;
    margin-top: -1px;
    color: #ff0000;
    font-size: 21px;
    text-decoration: none;
}

.templateSwitcher .switcherBigHeading .switcherClose:hover {
    opacity: 0.7;
}

.templateSwitcher .switcherBigHeading .switcherClose:active {
    position: relative;
    top: 1px;
}

.templateSwitcher .switcherHeading2 {
    margin-bottom: 12px;
    padding: 0 24px;
    font-family: robotomedium;
}

.templateSwitcher .switcherRowBlock {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #f3f3f3;
}

.templateSwitcher .switcherSelect {
    box-sizing: border-box;
    width: 90%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #f3f3f3;
    outline: none;
    cursor: pointer;
}

.templateSwitcher .switcherIcons {
    margin-bottom: 24px;
}

.templateSwitcher .switcherDescription {
    color: #888888;
    font-size: 13px;
}

.templateSwitcher .switcherBackgroundItems {
    overflow: hidden;
    text-align: center;
}

.templateSwitcher .switcherThemes {
    margin-top: 24px;
    overflow: hidden;
}

.templateSwitcher .switcherThemesItem {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: 12px;
    margin-left: 12px;
}

.templateSwitcher .switcherBackgroundItem {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.templateSwitcher .switcherBackgroundItem:first-child {
    margin-right: 12px;
}

.templateSwitcher .switcherThemesItem a,
.templateSwitcher .switcherBackgroundItem a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
}

.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 {
    0%,
    60%,
    75%,
    90%,
    100% {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        transform: translate3d(0, -3000px, 0);
        opacity: 0;
    }

    60% {
        transform: translate3d(0, 25px, 0);
        opacity: 1;
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    100% {
        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: #eeeeee;
}

.templateSwitcher .switcherBackgroundItem .black {
    background-color: #000000;
}

@keyframes zoomIn {
    from {
        transform: scale3d(0.3, 0.3, 0.3);
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        transform: scale3d(0.3, 0.3, 0.3);
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.g--circle {
    transform-origin: 60px 60px;
    animation: opacity 1.2s linear infinite;
    fill: dodgerblue;
}

.g--circle:nth-child(12n + 1) {
    transform: rotate(-30deg) translate(5px, 5px) scale(0.9);
    animation-delay: -0.1s;
}

.g--circle:nth-child(12n + 2) {
    transform: rotate(-60deg) translate(5px, 5px) scale(0.9);
    animation-delay: -0.2s;
}

.g--circle:nth-child(12n + 3) {
    transform: rotate(-90deg) translate(5px, 5px) scale(0.9);
    animation-delay: -0.3s;
}

.g--circle:nth-child(12n + 4) {
    transform: rotate(-120deg) translate(5px, 5px) scale(0.9);
    animation-delay: -0.4s;
}

.g--circle:nth-child(12n + 5) {
    transform: rotate(-150deg) translate(5px, 5px) scale(0.9);
    animation-delay: -0.5s;
}

.g--circle:nth-child(12n + 6) {
    transform: rotate(-180deg) translate(5px, 5px) scale(0.9);
    animation-delay: -0.6s;
}

.g--circle:nth-child(12n + 7) {
    transform: rotate(-210deg) translate(5px, 5px) scale(0.9);
    animation-delay: -0.7s;
}

.g--circle:nth-child(12n + 8) {
    transform: rotate(-240deg) translate(5px, 5px) scale(0.9);
    animation-delay: -0.8s;
}

.g--circle:nth-child(12n + 9) {
    transform: rotate(-270deg) translate(5px, 5px) scale(0.9);
    animation-delay: -0.9s;
}

.g--circle:nth-child(12n + 10) {
    transform: rotate(-300deg) translate(5px, 5px) scale(0.9);
    animation-delay: -1s;
}

.g--circle:nth-child(12n + 11) {
    transform: rotate(-330deg) translate(5px, 5px) scale(0.9);
    animation-delay: -1.1s;
}

.g--circle:nth-child(12n + 12) {
    transform: rotate(-360deg) translate(5px, 5px) scale(0.9);
    animation-delay: -1.2s;
}

.g-circles--v1 .g--circle {
    fill-opacity: 0;
    animation-name: opacity;
}

.g-circles--v2 .g--circle {
    animation-name: opacity-stroke, colors, colors-stroke;
    stroke: yellowgreen;
    fill-opacity: 0;
    stroke-opacity: 0;
    stroke-width: 1;
}

.g-circles--v2 .g--circle .u--circle {
    animation: transform-2 1.2s linear infinite;
}

.g-circles--v2 .g--circle:nth-child(12n + 1) .u--circle {
    animation-delay: -0.1s;
}

.g-circles--v2 .g--circle:nth-child(12n + 2) .u--circle {
    animation-delay: -0.2s;
}

.g-circles--v2 .g--circle:nth-child(12n + 3) .u--circle {
    animation-delay: -0.3s;
}

.g-circles--v2 .g--circle:nth-child(12n + 4) .u--circle {
    animation-delay: -0.4s;
}

.g-circles--v2 .g--circle:nth-child(12n + 5) .u--circle {
    animation-delay: -0.5s;
}

.g-circles--v2 .g--circle:nth-child(12n + 6) .u--circle {
    animation-delay: -0.6s;
}

.g-circles--v2 .g--circle:nth-child(12n + 7) .u--circle {
    animation-delay: -0.7s;
}

.g-circles--v2 .g--circle:nth-child(12n + 8) .u--circle {
    animation-delay: -0.8s;
}

.g-circles--v2 .g--circle:nth-child(12n + 9) .u--circle {
    animation-delay: -0.9s;
}

.g-circles--v2 .g--circle:nth-child(12n + 10) .u--circle {
    animation-delay: -1s;
}

.g-circles--v2 .g--circle:nth-child(12n + 11) .u--circle {
    animation-delay: -1.1s;
}

.g-circles--v2 .g--circle:nth-child(12n + 12) .u--circle {
    animation-delay: -1.2s;
}

.g-circles--v3 .g--circle {
    fill-opacity: 1;
    animation-name: opacity, colors;
}

.g-circles--v4 .g--circle {
    animation-name: opacity, colors-3;
    fill: orange;
    fill-opacity: 1;
}

.g-circles--v4 .u--circle {
    animation: transform 1.2s linear infinite;
}

.g-circles--v4 .g--circle:nth-child(12n + 1) .u--circle {
    animation-delay: -0.1s;
}

.g-circles--v4 .g--circle:nth-child(12n + 2) .u--circle {
    animation-delay: -0.2s;
}

.g-circles--v4 .g--circle:nth-child(12n + 3) .u--circle {
    animation-delay: -0.3s;
}

.g-circles--v4 .g--circle:nth-child(12n + 4) .u--circle {
    animation-delay: -0.4s;
}

.g-circles--v4 .g--circle:nth-child(12n + 5) .u--circle {
    animation-delay: -0.5s;
}

.g-circles--v4 .g--circle:nth-child(12n + 6) .u--circle {
    animation-delay: -0.6s;
}

.g-circles--v4 .g--circle:nth-child(12n + 7) .u--circle {
    animation-delay: -0.7s;
}

.g-circles--v4 .g--circle:nth-child(12n + 8) .u--circle {
    animation-delay: -0.8s;
}

.g-circles--v4 .g--circle:nth-child(12n + 9) .u--circle {
    animation-delay: -0.9s;
}

.g-circles--v4 .g--circle:nth-child(12n + 10) .u--circle {
    animation-delay: -1s;
}

.g-circles--v4 .g--circle:nth-child(12n + 11) .u--circle {
    animation-delay: -1.1s;
}

.g-circles--v4 .g--circle:nth-child(12n + 12) .u--circle {
    animation-delay: -1.2s;
}

@keyframes opacity {
    3% {
        fill-opacity: 1;
    }

    75% {
        fill-opacity: 0;
    }
}

@keyframes opacity {
    3% {
        fill-opacity: 1;
    }

    75% {
        fill-opacity: 0;
    }
}

@keyframes opacity-stroke {
    10% {
        stroke-opacity: 1;
    }

    85% {
        stroke-opacity: 0;
    }
}

@keyframes opacity-stroke {
    10% {
        stroke-opacity: 1;
    }

    85% {
        stroke-opacity: 0;
    }
}

@keyframes colors {
    0% {
        fill: yellowgreen;
    }

    10% {
        fill: gold;
    }

    75% {
        fill: crimson;
    }
}

@keyframes colors {
    0% {
        fill: yellowgreen;
    }

    10% {
        fill: gold;
    }

    75% {
        fill: crimson;
    }
}

@keyframes colors-stroke {
    0% {
        stroke: yellowgreen;
    }

    10% {
        stroke: gold;
    }

    75% {
        stroke: crimson;
    }
}

@keyframes colors-stroke {
    0% {
        stroke: yellowgreen;
    }

    10% {
        stroke: gold;
    }

    75% {
        stroke: crimson;
    }
}

@keyframes colors-2 {
    0% {
        fill: yellow;
    }

    50% {
        fill: red;
    }

    65% {
        fill: orangered;
    }

    95% {
        fill: gold;
    }
}

@keyframes colors-2 {
    0% {
        fill: yellow;
    }

    50% {
        fill: red;
    }

    65% {
        fill: orangered;
    }

    95% {
        fill: gold;
    }
}

@keyframes colors-3 {
    0% {
        fill: yellowgreen;
    }

    50% {
        fill: turquoise;
    }

    65% {
        fill: yellow;
    }

    95% {
        fill: orange;
    }
}

@keyframes colors-3 {
    0% {
        fill: yellowgreen;
    }

    50% {
        fill: turquoise;
    }

    65% {
        fill: yellow;
    }

    95% {
        fill: orange;
    }
}

@keyframes transform {
    10% {
        transform: scale(0.75);
        transform-origin: 70px 70px;
    }
}

@keyframes transform {
    10% {
        transform: scale(0.75);
        transform-origin: 70px 70px;
    }
}

@keyframes transform-2 {
    40% {
        transform: scale(0.85) translate(10px, 10px);
    }

    60% {
        stroke-width: 20;
    }
}

@keyframes transform-2 {
    40% {
        transform: scale(0.85) translate(10px, 10px);
    }

    60% {
        stroke-width: 20;
    }
}

#footerBottom {
    display: none;
}

.door-openings {
    --bg: #f3f3f3;
    --card-bg: #fff;
    --border: rgba(0, 0, 0, .12);
    --shadow: 0 6px 18px rgba(0, 0, 0, .10);
}

.door-openings__title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.door-openings__panel {
    background: var(--bg);
    padding: 10px;
    border-radius: 10px;
}

.door-openings__grid {
    display: grid;
    gap: 10px;
    align-items: start;
}

/* Desktop defaults */
.door-openings__grid--in {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.door-openings__grid--out {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: center;
}

.door-openings__legend {
    margin-top: 10px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, .5);
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 4px;
}

/* Card */
.door-card {
    cursor: pointer;
    width: 100%;
    user-select: none;
}

.door-card__radio {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.door-card__box {
    display: block;
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 6px;
    box-shadow: var(--shadow);
    padding: 14px;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.door-card__head {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.door-card__name {
    display: block;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1;
}

.door-card__sub {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    opacity: .9;
    margin-top: 4px;
}

.door-card__media {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 1px solid var(--border);
    border-radius: 4px;
    overflow: hidden;
    background: #fafafa;
}

.door-card__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* Hover/focus */
.door-card:hover .door-card__box {
    transform: translateY(-2px);
}

/* Selected state */
.door-card__radio:checked + .door-card__box {
    border-color: rgba(0, 0, 0, .5);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}

/* Focus-visible on label click via keyboard */
.door-card__radio:focus-visible + .door-card__box {
    outline: 3px solid rgba(0, 120, 255, .35);
    outline-offset: 2px;
}

#elementContainer .mainContainer .col:first-child {
    vertical-align: top;
}

.sticky {
    position: sticky;
    top: 0;
}

.door-openings.img img {
    width: 100%;
}

.door-openings.img .door-openings__panel {
    padding: 20px;
}

/* Responsive */
@media (max-width: 1500px) {
    .door-openings__grid--in {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .door-openings.img .door-openings__panel {
        padding: 10px;
    }

    .door-openings__title {
        font-size: 16px;
    }

    .door-openings__panel {
        padding: 14px;
    }

    .door-openings__grid--in,
    .door-openings__grid--out {
        grid-template-columns: 1fr 1fr;
    }

    .door-openings__legend {
        font-size: 14px;
    }
}

/* util */
.sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.other-sets {
    margin: 0;
}

.other-sets__title {
    font-size: 34px;
    font-weight: 800;
    margin: 0 0 18px;
}

.other-sets__list {
    display: grid;
    gap: 14px;
}

.other-sets__item {
    border: 1px solid rgba(0, 0, 0, .08);
    background: #fff;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .08);
}

.other-sets__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 20px;
}

.other-sets__left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.other-sets__icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 4px solid #c96e4a;
    position: relative;
    flex: 0 0 auto;
}

.other-sets__icon:before {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 50%;
    border: 2px solid #c96e4a;
}

.other-sets__icon:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translate(-50%, -50%);
    background: rgba(201, 110, 74, .18);
    border-radius: 6px;
    border: 2px solid #c96e4a;
}

.other-sets__name {
    font-size: 16px;
    font-weight: 600;
}

.other-sets__right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.other-sets__toggle {
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.other-sets__chev {
    width: 14px;
    height: 14px;
    border-right: 3px solid #111;
    border-bottom: 3px solid #111;
    transform: rotate(45deg);
    transition: transform .18s ease;
}

.other-sets__item.is-open .other-sets__chev {
    transform: rotate(-135deg);
}

.other-sets__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid rgba(75, 92, 196, .9);
    color: rgba(75, 92, 196, .95);
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    white-space: nowrap;
    opacity: 1;
    transition: opacity .3s ease-in-out;
}

.other-sets__btn:hover {
    opacity: .8;
}

.other-sets__body {
    padding: 0 24px 22px;
}

.other-sets__text {
    font-size: 22px;
    line-height: 1.45;
    color: #111;
}

@media (max-width: 640px) {
    .other-sets__head {
        padding: 16px;
        align-items: flex-start;
    }

    .other-sets__name {
        font-size: 14px;
    }

    .other-sets__icon {
        width: 26px;
        border: 2px solid #c96e4a;
        height: 26px;
    }
}

.color-links {
    margin: 0;
}

.color-links__head {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.color-links__head .door-openings__title {
    margin: 0px !important;
}

.color-links__title {
    font-size: 34px;
    font-weight: 800;
}

.color-links__current {
    font-size: 16px;
    opacity: .85;
}

.color-links__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}

/* swatch */
.color-swatch {
    width: 40px;
    height: 40px;
    border: 2px solid rgba(0, 0, 0, .55);
    background: #fff;
    display: inline-block;
    box-sizing: border-box;
    transition: transform .12s ease, box-shadow .12s ease;
    position: relative;
}

.color-swatch:hover {
    transform: translateY(-1px);
}

.color-swatch.is-active {
    outline: 2px solid #c96e4a;
    outline-offset: 2px;
}

/* “каталог” плитка */
.color-tile {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #111;
}

.color-tile__icon {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, .55);
    background: linear-gradient(90deg, #ff3b30, #ffcc00, #34c759, #0a84ff, #af52de);
}

.color-tile.is-active .color-tile__icon {
    outline: 2px solid #c96e4a;
    outline-offset: 2px;
}

.color-tile__text {
    font-size: 14px;
}

/* Адаптив */
@media (max-width: 992px) {
    .color-links__title {
        font-size: 26px;
    }

    .color-tile__text {
        font-size: 16px;
    }

    .color-swatch, .color-tile__icon {
        width: 38px;
        height: 38px;
    }
}

/* === COLOR MAP (variant A) === */

/* базовые */
.color-swatch[data-color="BLACK"] {
    background: #000000;
}

.color-swatch[data-color="WHITE"] {
    background: #ffffff;
}

.color-swatch[data-color="SILVER"] {
    background: #c0c0c0;
}

.color-swatch[data-color="GOLD"] {
    background: #d4af37;
}

/* русские/транслит */
.color-swatch[data-color="seryy"] {
    background: #9e9e9e;
}

/* Серый */
.color-swatch[data-color="grafit"] {
    background: #3c3f46;
}

/* Графит */
.color-swatch[data-color="beton"] {
    background: #7c7c7c;
}

/* Бетон */

.color-swatch[data-color="korichnevyy"] {
    background: #5a3a29;
}

/* Коричневый */
.color-swatch[data-color="korichnevyy-chernyy"] {
    background: linear-gradient(90deg, #5a3a29 0 50%, #000000 50% 100%);
}

/* Коричневый/Черный */

.color-swatch[data-color="bezhevyy"] {
    background: #d7c4a3;
}

/* Бежевый */
.color-swatch[data-color="krasnyy"] {
    background: #d12020;
}

/* Красный */
.color-swatch[data-color="zheltyy"] {
    background: #f2c500;
}

/* Желтый */
.color-swatch[data-color="zhyeltyy"] {
    background: #f2c500;
}

/* Жёлтый (дубликат) */
.color-swatch[data-color="oranzhevyy"] {
    background: #f47c1b;
}

/* Оранжевый */
.color-swatch[data-color="zelenyy"] {
    background: #2f6b2f;
}

/* Зеленый */
.color-swatch[data-color="biryuzovyy"] {
    background: #20b2aa;
}

/* Бирюзовый */
.color-swatch[data-color="goluboy"] {
    background: #4aa3df;
}

/* Голубой */
.color-swatch[data-color="siniy"] {
    background: #0033cc;
}

/* Синий */
.color-swatch[data-color="temno-siniy"] {
    background: #001a66;
}

/* Темно-синий */
.color-swatch[data-color="morskoy"] {
    background: #0b6f86;
}

/* Морской */

/* металлы */
.color-swatch[data-color="khrom"] {
    background: linear-gradient(135deg, #f5f7fa, #b9c0c7, #eef2f6);
}

/* Хром */
.color-swatch[data-color="matovyy-khrom"] {
    background: #b8bcc2;
}

/* Матовый хром */
.color-swatch[data-color="latun"] {
    background: #b08d57;
}

/* Латунь */
.color-swatch[data-color="matovaya-bronza"] {
    background: #8c6a4a;
}

/* Матовая бронза */
.color-swatch[data-color="zoloto"] {
    background: #d4af37;
}

/* Золото */
.color-swatch[data-color="serebro"] {
    background: #c0c0c0;
}

/* Серебро */
.color-swatch[data-color="mednyy-antik"] {
    background: #8b4b2a;
}

/* Медный антик */

/* древесные */
.color-swatch[data-color="dub"] {
    background: #b68b57;
}

/* Дуб */
.color-swatch[data-color="dub-belenyy"] {
    background: #e7dcc9;
}

/* Дуб Беленый */
.color-swatch[data-color="venge"] {
    background: #2b1b14;
}

/* Венге */
.color-swatch[data-color="orekh"] {
    background: #7a4f2a;
}

/* Орех */
.color-swatch[data-color="yasen"] {
    background: #d8c3a1;
}

/* Ясень */
.color-swatch[data-color="sosna"] {
    background: #d3b071;
}

/* Сосна */
.color-swatch[data-color="vishnya"] {
    background: #7f2a2a;
}

/* Вишня */
.color-swatch[data-color="chereshnya"] {
    background: #8a2f2f;
}

/* Черешня */
.color-swatch[data-color="derevo"] {
    background: linear-gradient(135deg, #d0b48a, #b88957, #e6d2b3);
}

/* Дерево */

/* покрытие/материал */
.color-swatch[data-color="ekoshpon"] {
    background: linear-gradient(135deg, #c8b08c, #9b7b55, #d8c6a7);
}

/* Экошпон */
.color-swatch[data-color="gibrid"] {
    background: linear-gradient(135deg, #4b92d9 0 50%, #b68b57 50% 100%);
}

/* Гибрид */

/* “под…” — чтобы не были пустыми */
.color-swatch[data-color="pod-pokrasku"] {
    background: repeating-linear-gradient(
            45deg,
            #ffffff,
            #ffffff 6px,
            #e9e9e9 6px,
            #e9e9e9 12px
    );
}

/* Под покраску */

.color-swatch[data-color="pod-venetsianskuyu-shtukaturku"] {
    background: repeating-linear-gradient(
            135deg,
            #f2efe8,
            #f2efe8 7px,
            #e5dfd2 7px,
            #e5dfd2 14px
    );
}

/* Под венецианскую штукатурку */


/* End */
/* /bitrix/templates/dresscode/fonts/roboto/roboto.min.css?1757000127986 */
/* /bitrix/templates/dresscode/themes/white/ultramarine/style.min.css?175700012736709 */
/* /bitrix/templates/dresscode/headers/header3/css/style.min.css?175700012714951 */
/* /bitrix/templates/dresscode/headers/header3/css/types/type2.min.css?1757000127243 */
/* /bitrix/templates/dresscode/components/bitrix/form.result.new/modal/style.min.css?17570001277730 */
/* /bitrix/components/dresscode/search.line/templates/version2/style.min.css?17569997666405 */
/* /bitrix/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart3/style.min.css?17570001271340 */
/* /bitrix/templates/dresscode/components/bitrix/menu/topMenu2/style.css?17655283442811 */
/* /bitrix/components/dresscode/favorite.line/templates/version3/style.min.css?1756999766628 */
/* /bitrix/components/dresscode/compare.line/templates/version3/style.min.css?1756999766634 */
/* /bitrix/templates/dresscode/components/bitrix/menu/leftMenu/style.min.css?17570001276540 */
/* /bitrix/templates/dresscode/components/bitrix/menu/leftSubMenu/style.min.css?1757000127233 */
/* /bitrix/templates/dresscode/components/bitrix/subscribe.form/.default/style.min.css?1757000127945 */
/* /bitrix/components/dresscode/products.by.filter/templates/.default/style.min.css?1756999766994 */
/* /bitrix/components/dresscode/catalog.viewed.product/templates/.default/style.min.css?17569997661066 */
/* /bitrix/templates/dresscode/components/bitrix/catalog.bigdata.products/.default/style.min.css?17570001271569 */
/* /bitrix/components/dresscode/cookie.notice/templates/.default/style.min.css?17569997661020 */
/* /bitrix/templates/dresscode/template_styles.css?1766315970210280 */