/* Start:/bitrix/templates/dresscodeV2/fonts/roboto/roboto.min.css?1746609468986*/
@font-face{font-weight:400;font-family:robotobold;font-style:normal;src:url(/bitrix/templates/dresscodeV2/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/dresscodeV2/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/dresscodeV2/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/dresscodeV2/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/dresscodeV2/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/dresscodeV2/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/dresscodeV2/fonts/roboto/roboto-thin.woff2) format("woff2");font-display:fallback}
/* End */


/* Start:/bitrix/templates/dresscodeV2/themes/brown/style.min.css?174920636845944*/
body.index {
    background-color: #f3f3f3
}

.theme-background-svg {
    fill: #934f41
}

#footer.variant_2 #footerBottom, #footer.variant_2 #leftFooter, #footer.variant_2 #rightFooter, #footer.variant_2 .fc, #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, #headerLine5.color_theme, #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 #subMenu .removedItemsContainer .removedItemsList, #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, #subHeader9 #menuCatalogSection .catalogButton, #subHeader9 .subContainerColumn .callBack, #subHeader9.color_theme, #subHeader9.color_theme .cart .count, #subHeader9.color_theme .topCompare .value, #subHeader9.color_theme .topWishlist .value, #subHeaderLine.color_theme, #subHeaderLine.color_theme #subMenu .removedItemsContainer .removedItemsList, #topHeader.color_theme, #topHeader2.color_theme, .menuContainerColor.color_theme #mainMenu .removedItemsLink .removedItemsList, .menuContainerColor.color_theme #mainMenuContainer, .menuContainerColor.color_theme #menuCatalogSection .catalogButton {
    background-color: #934f41
}

#footer.variant_4 #footerBottom, #footer.variant_4 #rightFooter, #headerLine .headerLineTools .callBack:hover, #headerLine2 .callBack:hover, #subHeader.color_black #headerTools .cart ins.active:hover, #subHeader9 #menuCatalogSection .catalogButton:hover, #subHeader9 .subContainerColumn .callBack:hover, .menuContainerColor.color_theme #mainMenu .removed:hover, .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li:hover {
    background-color: #7c3526
}

#footer.variant_4 #leftFooter .heading, #footer.variant_4 #leftFooter .selected, #footer.variant_4 #rightFooter .email a, #footer.variant_5 #leftFooter .heading, #footer.variant_5 #leftFooter .selected, #footer.variant_5 #rightFooter .email a, #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, #subHeader9 #subMenu li .selected {
    color: #934f41
}

#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: #934f41 !important
}

#headerLine4.color_black #subMenu li .selected, #headerLine4.color_black #subMenu li a:hover {
    color: #934f41 !important
}

#footer.variant_4 #leftFooter a:hover, #footer.variant_4 #rightFooter .email a:hover, #footer.variant_5 #leftFooter a:hover, #footer.variant_5 #rightFooter .email 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, #subHeader9 #subMenu li a:hover, #topHeader.color_black #topMenu li a.selected, #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: #7c3526
}

#headerLine.color_theme .headerLineTools .callBack, #headerLine2.color_theme .callBack, #subHeader6.color_theme .callBack, #subHeader9.color_theme #menuCatalogSection .catalogButton, #subHeader9.color_theme #subMenu .removedItemsContainer .removedItemsList, #subHeader9.color_theme .callBack {
    background-color: #7c3526
}

#subHeader3 .cart .order.active, #subHeader6 .subPhones .callBack {
    color: #934f41;
    border: 1px solid #934f41
}

#subHeader6 .subPhones .callBack:hover {
    border: 1px solid #7c3526
}

#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, #subHeader9 .cart .active .count, #subHeader9 .topCompare .active .value, #subHeader9 .topWishlist .active .value {
    color: #934f41;
    border: 2px solid #934f41
}

#subHeader3 .cart .active .count, #subHeader3.color_black .cart .active .count, #subHeader3.color_theme .cart .active .count {
    background-color: #934f41
}

#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: #934f41
}

#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: #7c3526
}

#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 #934f41
}

#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 #7c3526
}

@media all and (max-width: 800px) {
    #subHeader6 .user-geo-position-value-link {
        background-color: #7c3526
    }
}

@media all and (max-width: 650px) {
    #subHeader9 .subContainerColumn .callBack {
        color: #7c3526 !important
    }

    #subHeader9 .subContainerColumn .callBack:hover {
        color: #934f41 !important
    }
}

@media all and (max-width: 420px) {
    #headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link {
        color: #7c3526
    }

    #headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link::after {
        border-color: #7c3526
    }
}

#topHeader {
    background: #fff;
    border-bottom: 1px solid #f6f6f6
}

#topService {
    color: #000;
    border-left: 1px solid #f6f6f6
}

#topService li {
    border-right: 1px solid #f6f6f6
}

#topService li a {
    color: #000
}

#topService li:hover a:hover {
    color: #7c3526
}

#topService li a:focus {
    color: #752a1a
}

#topService .selected {
    color: #7c3526
}

#subHeader {
    background: #fff;
    border-bottom: 0 solid #f6f6f6
}

#logo {
    border-right: 1px solid #f6f6f6;
    border-left: 1px solid #f6f6f6
}

#topHeading {
    border-right: 1px solid #f6f6f6
}

#topHeading p {
    color: #000
}

#headerTools {
    border-right: 1px solid #f6f6f6
}

#headerTools .tools .heading {
    color: #000
}

#headerTools .tools .link {
    color: #934f41
}

#headerTools .tools .link:hover {
    color: #7c3526
}

#headerTools .tools li {
    border-left: 1px solid #f6f6f6
}

#headerTools .text {
    color: #000
}

#headerTools .telephone .icon {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/callbackHead.svg) 0 0 no-repeat transparent
}

#headerTools .telephone .icon:hover {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/callbackHead.svg) -35px 0 no-repeat transparent
}

#headerTools .search .icon {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/searchHead.svg) 0 0 no-repeat transparent
}

#headerTools .search .icon:hover {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/searchHead.svg) -35px 0 no-repeat transparent
}

#headerTools .wishlist .icon {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/wishlistHead.svg) 0 0 no-repeat transparent
}

#headerTools .wishlist .icon.active {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/wishlistHead.svg) -36px 0 no-repeat transparent
}

#headerTools .wishlist .icon.active:hover {
    background-position: -72px 0
}

#headerTools .compare .icon {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/compareHead.svg) 0 0 no-repeat transparent
}

#headerTools .compare .icon.active {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/compareHead.svg) -35px 0 no-repeat transparent
}

#headerTools .compare .icon.active:hover {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/compareHead.svg) -70px 0 no-repeat transparent
}

#headerTools .cart .icon {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/cartHead.svg) 0 0 no-repeat transparent
}

#headerTools .cart .icon.active {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/cartHead.svg) -44px 0 no-repeat transparent
}

#headerTools .cart .icon.active:hover {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/cartHead.svg) -88px 0 no-repeat transparent
}

#headerTools .cart ins {
    color: #888;
    background: #e0e0e0
}

#headerTools .cart ins.active {
    color: #7c3526
}

#topHeader #topMenu {
    border-left: 1px solid #e9e9e9
}

#topHeader #topMenu li a {
    color: #000
}

#topHeader #topMenu li a:hover {
    color: #7c3526
}

#topHeader #topMenu .sub {
    background-color: #eee
}

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

#topHeader #topMenu .sub li:hover {
    background: #e0e0e0
}

#mainMenuContainer .minCatalogButton {
    color: #fff;
    background: #934f41
}

#changeYouCity {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/modalBg.svg) 0 0 repeat #232323
}

#changeYouCity .heading {
    color: #7c3526
}

#changeYouCity .list li a {
    color: #ccc
}

#changeYouCity .list li a:hover {
    color: #7c3526
}

#changeYouCity #cityClose {
    color: #fff;
    background: rgb(0 0 0 / 10%);
    border: 1px solid #000
}

#changeYouCity #cityClose:hover {
    color: #7c3526
}

#changeYouCity #cityClose ins {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/exit.svg) 0 0 no-repeat transparent
}

#changeYouCity #cityClose:hover ins {
    background-position: -11px 0
}

#changeYouCity #cityClose:active ins {
    background-position: -22px 0
}

#mainMenuContainer {
    background-color: #1a1a1a
}

#mainMenu > li a {
    color: #fff
}

#mainMenu > li a:hover {
    color: #934f41
}

#menuCatalogSection .drop ul li a:hover {
    color: #934f41
}

#left .heading {
    color: #fff
}

#left .opener {
    background: #934f41
}

#left .heading ins {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/iconMenu.svg) 0 50% no-repeat transparent
}

#left .sideBlock .heading {
    background-color: #2b2b2b
}

#left #subscribe .sideBlockContent {
    border: 1px solid #e7e8ea
}

#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: #7c3526
}

#brandSearch a {
    color: #000
}

#slider ol li {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/slideButton.svg) 0 0 no-repeat transparent
}

#slider ol li:hover {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/slideButton.svg) -18px 0 no-repeat transparent
}

#slider ol li:active {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/slideButton.svg) -36px 0 no-repeat transparent
}

#slider ol li.selected {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/slideButton.svg) -54px 0 no-repeat transparent
}

#slider ol li.selected:hover {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/slideButton.svg) -72px 0 no-repeat transparent
}

#slider ol li.selected:active {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/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: #7c3526;
    border-color: #934f41
}

#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: #7c3526;
    border-color: #934f41
}

#right .heading {
    color: #fff;
    background: #2b2b2b
}

#footer {
    background-color: #f9f9f9
}

#footer .fc {
    background-color: #2b2b2b
}

#catalogLine {
    border: 1px solid #e7e8ea
}

#catalogLine select {
    color: #888;
    border: 1px solid #e7e8ea
}

#catalogLine .viewList .element a {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/catalogView.svg) 0 0 no-repeat transparent
}

#leftFooter {
    background: #2b2b2b
}

#leftFooter .heading,
#rightFooter .heading {
    color: #fff;
    border-bottom: 1px solid #3e3e3e
}

#leftFooter ul li {
    border-top: 1px solid #313131
}

#leftFooter a {
    color: #999
}

#leftFooter a:hover {
    color: #934f41
}

#leftFooter .selected {
    color: #934f41
}

#rightFooter {
    background: unset
}

#rightFooter .list li {
    color: #888
}

#rightFooter .email a {
    color: #fff
}

#rightFooter p {
    color: #888
}

#rightFooter .hr {
    border-top: 1px solid #575757
}

#rightFooter .telephone {
    color: #934f41
}

#rightFooter .email {
    color: #fff
}

#rightFooter .showMap {
    color: #934f41
}

#rightFooter .showMap:hover {
    color: #7c3526
}

#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/dresscodeV2/themes/brown/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: #934f41
}

#appBasket .price {
    color: #000
}

#appBasket .price .discount {
    color: #888
}

#appBasket .minus, #appBasket .plus {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/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: #934f41
}

#appBasket .lower .tools .goToBasket:hover {
    background-color: #7c3526
}

#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: #934f41
}

#appFastBuyContainer #fastBuyFormSubmit:hover {
    background-color: #7c3526
}

#appFastBuyContainer #fastBuyFormSubmit.loading {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/loading.gif) 24px 50% no-repeat #7c3526 !important
}

#fastBuyResult #fastBuyResultClose {
    color: #fff;
    background-color: #934f41
}

#fastBuyResult #fastBuyResultClose:hover {
    background-color: #7c3526
}

#appFastBuyContainer .marker {
    color: #fff;
    background-color: #424242
}

#appFastBuyContainer .name {
    color: #000
}

#appFastBuyContainer .name:hover {
    color: #934f41
}

#appFastBuyContainer .price {
    color: #000
}

#appFastBuyContainer .price .discount {
    color: #888
}

#appFastView .appFastViewExit, #fastViewStores .fastViewStoresExit {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/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/dresscodeV2/themes/brown/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, #infoTabsCaption .item a {
    color: #888
}

#footerTabsCaption .item .selected, #infoTabsCaption .item .selected {
    color: #000;
    border-bottom: 1px dashed #000
}

#footerTabsCaption .item .selected:hover, #infoTabsCaption .item .selected:hover {
    color: #000
}

#footerTabsCaption .item a:hover, #infoTabsCaption .item a:hover {
    color: #934f41
}

#footerTabs {
    background-color: #f9f9f9
}

#footerLine {
    background-color: #1a1a1a;
    border-top: 2px solid #202020;
    box-shadow: 1px 1px 12px #000
}

#footerLine .item .callback {
    color: #934f41
}

#footerLine .item .wishlist .icon {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/wishlistFooterMin.svg) 0 0 no-repeat
}

#footerLine .item .cart .icon {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/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/dresscodeV2/themes/brown/images/callbackFooterMin.svg) 0 0 no-repeat
}

#footerLine .item .callback:hover {
    color: #7c3526
}

#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/dresscodeV2/themes/brown/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: #934f41
}

#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: #7c3526
}

#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: #934f41
}

#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 #934f41
}

#empty a {
    color: #000
}

#empty a:hover {
    color: #934f41
}

#empty .back {
    color: #934f41;
    border-bottom: 1px dashed #934f41
}

#empty .back:hover {
    color: #7c3526
}

.product.last {
    background: #f9f9f9
}

.product .tabloid {
    background-color: #fff
}

.product .marker {
    color: #fff;
    background-color: #424242
}

.product .name {
    color: #000
}

.product .name:hover {
    color: #934f41
}

.product .price {
    color: #000
}

.product .price .discount {
    color: #888
}

.product .addCart {
    color: #fff;
    background: #934f41
}

.product .addCart:hover {
    background-color: #7c3526
}

.product .label {
    color: #717171
}

.product .label:hover {
    color: #000
}

.product .skuPropertyName {
    color: #888
}

.product .skuProperty .selected .skuPropertyLink {
    border: 1px solid #934f41
}

.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: #934f41
}

.addCart.added {
    background: #e4a950 !important
}

.addCart.added:hover {
    background: #e4a959 !important
}

.sideBlock .heading {
    background-color: #424242
}

.heading.collapsed {
    color: #fff
}

.heading.collapsed ins {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/iconMenu.svg) 50% 50% no-repeat #934f41;
    border-right: 1px solid #934f41
}

.heading.orange {
    background: #934f41
}

.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: #934f41
}

.mfeedback input[type=submit]:hover {
    background-color: #7c3526
}

.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: #934f41
}

.bx-auth .submit:hover, .popup-window .btn:hover {
    background: #7c3526
}

.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: #934f41
}

.backToIndexPage, .blackLink {
    color: #000
}

.backToIndexPage:hover, .blackLink:hover {
    color: #934f41
}

.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: #934f41
}

@media all and (max-width: 700px) {
    .copyright {
        border-right: 1px solid #313131;
        border-left: 1px solid #313131
    }
}

#ORDER_CONFIRM_BUTTON {
    background: #7c3526 !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: #934f41
}

.sale_order_full_table input[name=BuyButton]:hover, .sale_order_full_table input[type=submit]:hover {
    background-color: #7c3526
}

#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: 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: #934f41
}

#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: #7c3526
}

#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: #7c3526
}

#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: #7c3526
}

#nextSection li .cnt {
    color: #888
}

#elementSmallNavigation .tab {
    border-right: 1px solid #e7e8ea
}

#elementSmallNavigation .tab.active a {
    color: #934f41
}

#elementSmallNavigation .tab.active span {
    border-bottom: 1px dashed #934f41
}

#elementTools .addCart, #smallElementTools .addCart {
    background: #934f41
}

#elementTools .addCart:hover, #smallElementTools .addCart:hover {
    background-color: #7c3526
}

#elementContainer .elementSkuProperty .selected .elementSkuPropertyLink {
    border: 1px solid #934f41
}

.elementProperties a:hover {
    color: #934f41
}

#elementProperties .stats a:hover {
    color: #934f41
}

#files .item .info .name:hover {
    color: #934f41
}

#catalogReviews .heading .reviewAddButton:hover {
    color: #934f41;
    border-color: #934f41
}

#showallReviews:hover {
    color: #934f41
}

#catalogElement #newReview .usedSelect li a.selected {
    background: #934f41
}

#catalogElement #newReview .submit {
    background: #934f41
}

#catalogElement #newReview .submit:hover {
    background: #7c3526
}

#set .setTools .addCart {
    background: #934f41
}

#set .setTools .addCart:hover {
    background-color: #7c3526
}

#set .setElement .name:hover {
    color: #934f41
}

#setWindowPrice .addCart {
    background: #934f41
}

#setWindowPrice .addCart:hover {
    background-color: #7c3526
}

#catalogLineList .name:hover {
    color: #934f41
}

#catalogLineList .addCart {
    background: #934f41
}

#catalogLineList .addCart:hover {
    background-color: #7c3526
}

#catalogLineList .skuProperty .selected .skuPropertyLink {
    border: 1px solid #934f41
}

#catalogLineList .prop a:hover {
    color: #934f41
}

#catalogTableList .name:hover {
    color: #7c3526
}

#catalogTableList .addCart, #catalogTableList .more {
    background-color: #934f41
}

#catalogTableList .addCart:hover, #catalogTableList .more:hover {
    background-color: #7c3526
}

#smartFilter .showALL {
    color: #934f41
}

#smartFilter .showALL:hover {
    color: #7c3526
}

#smartFilter .checkbox label:hover, #smartFilter .radio label:hover {
    color: #934f41
}

#smartFilter .dropdownList .item:hover, #smartFilter .dropdownList .selected {
    background-color: #7c3526
}

#smartFilter .handler {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/handlerActive.svg) 0 0 no-repeat transparent
}

#set_filter {
    background-color: #934f41
}

#set_filter:hover {
    background-color: #7c3526
}

#smartFilter .checkboxList .selected .icon, #smartFilter .dropdown .selected .icon {
    border-color: #934f41
}

#smartFilter .hint {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/question.svg) 0 0 no-repeat transparent
}

#smartFilter .hintValue .close {
    color: #934f41
}

#smartFilter .hintValue .close:hover {
    color: #7c3526
}

#smartFilter button, #smartFilter input[type=reset], #smartFilter input[type=submit] {
    background-color: #934f41;
    border: 1px solid #934f41
}

#smartFilter button:hover, #smartFilter input[type=submit]:hover {
    background-color: #7c3526
}

#modef {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/modef.svg) 0 0 no-repeat
}

#topMenu li a:hover {
    color: #7c3526
}

#topMenu li .selected {
    color: #7c3526
}

#topMenu .sub li:hover a {
    color: #7c3526
}

#personalMenu li a:hover {
    color: #934f41
}

#subLeftMenu .selected a {
    color: #7c3526
}

#leftMenu .menuItems a:hover span {
    color: #934f41
}

#mainMenu .drop .nextColumn ul li a:hover, #mainMenu .drop ul li a:hover {
    color: #934f41
}

#newsDetail .more {
    background: #934f41
}

#newsDetail .more:hover {
    background-color: #7c3526
}

#newsContainer .column .item .title a:hover {
    color: #934f41
}

#newsContainer .column .item .more {
    background: #934f41
}

#newsContainer .column .item .more:hover {
    background-color: #7c3526
}

#newsContainer .column .item .title a:hover {
    color: #934f41
}

#newsContainer .column .item .more, .mainServiceContainer .item .more {
    background: #934f41
}

#newsContainer .column .item .more:hover, .mainServiceContainer .item .more:hover {
    background-color: #7c3526
}

.backToList:hover {
    color: #934f41
}

#brandList .name:hover {
    color: #7c3526
}

#newsContainer .column .item .title a:hover, .mainServiceContainer .item .title a:hover {
    color: #934f41
}

#newsContainer .column .item .more {
    background: #934f41
}

#newsContainer .column .item .more:hover {
    background-color: #7c3526
}

#collectionBlock .name:hover {
    color: #7c3526
}

#collectionBlock .link {
    color: #7c3526
}

#newsBlock .newsTitle:hover {
    color: #934f41
}

#serviceBlock .name:hover {
    color: #7c3526
}

#serviceBlock .link {
    color: #7c3526
}

.bx_my_order_cancel a:hover {
    color: #934f41
}

.bx_my_order_cancel input[type=submit] {
    background: #934f41
}

.bx_my_order_cancel input[type=submit]:hover {
    background: #7c3526
}

.bx_my_order_cancel input[type=submit]:active {
    background: #7c3526
}

input[name=BuyButton] {
    background-color: #934f41
}

.bx_my_order_switch .bx_mo_link:hover {
    color: #934f41
}

#subscribeEdit a:hover {
    color: #934f41
}

#subscribeEdit .submit {
    background: #934f41
}

#subscribeEdit .submit:hover {
    background: #7c3526
}

#subscribe .submit {
    background-color: #7c3526
}

#subscribe .submit:hover {
    background-color: #7c3526
}

.bx-pagination .bx-pagination-container ul li.bx-active span {
    color: #fff;
    background: #934f41
}

#brandList .name:hover {
    color: #7c3526
}

#brandList .last .showMore:hover {
    color: #7c3526
}

#brandList .last .ps:hover {
    color: #7c3526
}

#homeCatalog .caption.selected {
    background-color: #934f41
}

#mainProfile .profileSettings .heading {
    color: #934f41
}

#mainProfile .profileSettings .submit {
    background: #934f41
}

#mainProfile .profileSettings .submit:hover {
    background: #7c3526
}

#main input[name=BuyButton], #main input[type=submit] {
    background-color: #934f41
}

#main input[name=BuyButton]:hover, #main input[type=submit]:hover {
    background-color: #7c3526
}

#newOrder {
    background-color: #934f41
}

#newOrder:hover {
    background-color: #7c3526
}

#orderSuccess a {
    color: #934f41
}

#orderSuccess a:hover {
    color: #7c3526
}

#personalCart #basketView .item a {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/cartView.svg) 0 0 no-repeat transparent
}

#personalCart #tabsControl .item a:hover {
    color: #934f41
}

#personalCart #tabsControl .item .selected:hover {
    border-bottom: 1px dashed #934f41
}

#personalCart .productTable .clear a:hover {
    color: #934f41
}

#personalCart .productTable .name a:hover {
    color: #934f41
}

#orderMake {
    background-color: #934f41
}

#orderMake:hover {
    background-color: #7c3526
}

.orderLoad {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/orderLoad.gif) 24px 50% no-repeat #934f41 !important
}

#wishlist .prop a:hover {
    color: #7c3526
}

#popSection .name:hover {
    color: #934f41
}

#popSection .last .showMore:hover {
    color: #934f41
}

#popSection .last .ps:hover {
    color: #934f41
}

#storeDetail .storesMoreLink, #storesList .storesListTableLink {
    color: #934f41
}

#storeDetail .showByMapLink {
    color: #000
}

#storeDetail .showByMapLink:hover, #storeDetail .storesMoreLink:hover, #storesList .storesListTableLink:hover, #storesList .storesListTableMailLink:hover {
    color: #7c3526
}

#complect .complectListItemLink {
    color: #000
}

#complect .complectListItemLink:hover {
    color: #7c3526
}

#complect .complectResultEconomyValue {
    color: #ff305c
}

#appFastView .addCart, #geo-location-window .geo-location-window-button {
    background: #934f41
}

#geo-location-window .geo-location-window-list-item .selected span {
    color: #934f41;
    border-bottom: 1px dashed #934f41
}

#appFastView .addCart:hover, #geo-location-window .geo-location-window-button:hover {
    background-color: #7c3526
}

#geo-location-window .geo-location-window-list-item a:hover {
    color: #7c3526
}

.information-feedback, .shop-review-top-new-button {
    color: #934f41;
    border: 1px solid #934f41
}

.information-feedback:hover, .shop-review-top-new-button:hover {
    color: #7c3526;
    border: 1px solid #7c3526
}

.webFormTools input[type=submit] {
    background-color: #934f41
}

.webFormTools input[type=submit]:hover {
    background-color: #7c3526
}

#bx-soa-order-form .bx-blue .btn.btn-default {
    color: #fff;
    background-color: #934f41;
    border: 1px solid #934f41
}

#bx-soa-order-form textarea {
    outline: 0
}

#bx-soa-order-form a {
    color: #934f41
}

#bx-soa-order-form a:hover {
    color: #7c3526
}

#bx-soa-order-form .bx-blue .btn.btn-default:hover {
    background-color: #7c3526
}

#bx-soa-order-form .bx-sls .quick-location-tag, .bx-slst .quick-location-tag {
    color: #23527c
}

#appProductPriceVariant .linkMore {
    background: #934f41
}

#appProductPriceVariant .linkMore:hover {
    background-color: #7c3526
}

#compareBlock .leftTools .all, #compareTools .hide, #requestPrice #requestPriceResultClose, #requestPrice #requestPriceSubmit, #scrollTable .addCart, #scrollTable .addSku, #slider .sliderContent .cButton, #specialProduct .more, #specialProduct .specialTimeItem {
    background-color: #934f41
}

#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: #7c3526
}

#requestPrice .productNameBlock .productUrl:hover, #scrollTable a.name:hover {
    color: #7c3526
}

#requestPrice #requestPriceSubmit.loading {
    background: url(/bitrix/templates/dresscodeV2/themes/brown/images/loading.gif) 24px 50% no-repeat #7c3526 !important
}

#slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLightColor, #slider .sliderContent .mediumTextColor, #slider .sliderContent .smallTextColor {
    color: #934f41
}

.btn-simple {
    background: #934f41;
    border-color: #934f41
}

.btn-simple:hover {
    background: #7c3526;
    border-color: #7c3526
}

.btn-simple.btn-border {
    color: #934f41;
    background: 0 0;
    border-color: #934f41
}

.btn-simple.btn-border:hover {
    color: #7c3526;
    border-color: #7c3526
}

.active-link:hover {
    color: #934f41;
    border-color: #934f41
}

.inactive-link:hover {
    color: #934f41
}

.text-link:hover {
    color: #934f41
}

.tiles-list .h3:hover {
    color: #934f41
}

.tiles-list .tile-wrap:first-child .h3:hover {
    color: #934f41
}

.theme-color {
    color: #934f41;
    border-color: #934f41
}

body .theme-color-hover {
    transition: all .2s ease-in-out
}

body .theme-color-hover:hover {
    color: #934f41
}

.other-news .name:hover {
    color: #934f41
}

.big-text-link:hover {
    color: #934f41
}

.link-dashed:hover {
    color: #934f41;
    border-color: #934f41
}

.theme-link-dashed {
    color: #934f41;
    border-color: #934f41
}

.theme-link-dashed:hover {
    color: #7c3526;
    border-color: #7c3526
}

.new-list-items .active-link:hover {
    color: #7c3526;
    border-color: #7c3526
}

.delivery-modal .active-link:hover {
    color: #7c3526;
    border-color: #7c3526
}

.tabs-wrap .tab-btn-link.active {
    color: #fff;
    background-color: #934f41;
    border-color: #934f41
}

.tabs-wrap .tab-btn-link.active:hover {
    color: #fff;
    background-color: #934f41;
    border-color: #934f41
}

.tabs-wrap .tab-btn-link:hover {
    color: #934f41;
    border-color: #934f41
}

.tabs-wrap .tab-dashed-link:hover {
    color: #934f41
}

.bindAction a:hover {
    color: #7c3526
}

#catalogElement .dropdownList .item:hover, #catalogElement .dropdownList .selected {
    background-color: #7c3526
}

.smallSpecialTime .specialTimeItem {
    background: #934f41
}

.productSpecialTime .specialTimeItem {
    background: #934f41
}

.fastSpecialTime .specialTimeItem {
    background: #934f41
}

#skuOffersTable .offersTable .basket .addCart {
    background-color: #934f41
}

#skuOffersTable .offersTable .basket .addCart:hover {
    background-color: #7c3526
}

#elementContainer .bindActionImage .image {
    background-image: url(/bitrix/templates/dresscodeV2/themes/brown/images/action.svg)
}

#elementContainer .wishCompWrap .elem.added {
    background: #934f41;
    border-color: #934f41
}

#elementContainer .wishCompWrap .elem.added:hover {
    background: #7c3526;
    border-color: #7c3526
}

::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: #934f41
}

#bx-soa-order-form .soa-property-files > .btn.btn-default {
    color: #934f41 !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: #934f41
}

.bx-soa label.btn-person-type-checked, .bx-soa-coupon-input::after {
    background-color: #934f41 !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: #934f41
}

#bx-soa-order-form .btn.btn-default, .bx-soa label.btn-person-type-checked {
    border-color: #934f41 !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/dresscodeV2/headers/header2/css/style.min.css?174660946710572*/
#topHeader2{clear:both;height:30px;background-color:#fff}#topHeader2.color_black{background-color:#2b2b2b}#topHeader2 .leftColumn{float:left}#topHeader2 .rightColumn{float:right}#topHeader2 .slColumn,#topHeader2 .srColumn{float:left}#topHeader2 #topMenu{border:0}#topHeader2 #topMenu .sub{background-color:#eee}#topHeader2.color_black #topMenu .sub,#topHeader2.color_theme #topMenu .sub{background-color:#232323}#topHeader2 #topMenu .sub li{border-top:0;border-bottom:1px solid #e0e0e0}#topHeader2.color_black #topMenu .sub li,#topHeader2.color_theme #topMenu .sub li{border-top:1px solid rgb(0 0 0 / 14.9%);border-bottom:1px solid #303030}#topHeader2 #topMenu .sub li:hover{background:#e0e0e0}#topHeader2.color_black #topMenu .sub li:hover,#topHeader2.color_theme #topMenu .sub li:hover{background-color:#1e1e1e}#topHeader2 #topMenu li a:not(:hover,.selected){color:#000}#topHeader2.color_black #topMenu li a:not(:hover,.selected),#topHeader2.color_theme #topMenu li a:not(:hover,.selected){color:#fff}#topHeader2.color_black #geo-location-window .geo-location-window-list-item a:not(:hover,.selected),#topHeader2.color_theme #geo-location-window .geo-location-window-list-item a:not(:hover,.selected){color:#000}#topHeader2.color_theme #topMenu li a:hover{color:rgb(255 255 255 / 58%)}#topHeader2.color_theme #topMenu li .selected{color:rgb(255 255 255 / 58%)}#topHeader2 #topMenu li a:active{position:relative;top:1px}#topHeader2 #topService{color:#000;border:0}#topHeader2.color_black #topService{color:#fff}#topHeader2 #topService li{border:0}#topHeader2 #topService li a:not(:hover,.selected){color:#000}#topHeader2.color_black #topService li a:not(:hover,.selected),#topHeader2.color_theme #topService li a:not(:hover,.selected){color:#fff}#topHeader2.color_theme #topService li a:hover{color:rgb(255 255 255 / 58%)}#topHeader2 #topService li>a:active{position:relative;top:1px}#topHeader2 #topMenu:not(.transfered)>li:first-child a{padding-left:0}#topHeader2 #topMenu.transfered>li{padding-left:0}#topHeader2 #topMenu .bar>a{background:url(/bitrix/templates/dresscodeV2/headers/header2/css/images/menuMore.svg) 0 50% no-repeat transparent}#topHeader2 #topMenu .bar.active>a,#topHeader2 #topMenu .bar>a:hover{background:url(/bitrix/templates/dresscodeV2/headers/header2/css/images/menuMore.svg) -21px 50% no-repeat transparent}#topHeader2.color_black #topMenu .bar>a,#topHeader2.color_theme #topMenu .bar>a{background:url(/bitrix/templates/dresscodeV2/headers/header2/css/images/menuMore2.svg) 0 50% no-repeat transparent}#topHeader2.color_black #topMenu .bar.active>a,#topHeader2.color_black #topMenu .bar>a:hover,#topHeader2.color_theme #topMenu .bar.active>a,#topHeader2.color_theme #topMenu .bar>a:hover{background:url(/bitrix/templates/dresscodeV2/headers/header2/css/images/menuMore2.svg) -21px 50% no-repeat transparent}#topHeader2.color_theme .user-geo-position-label,#topHeader2.color_theme .user-geo-position-value,#topHeader2.color_theme .user-geo-position-value-link{color:#fff}#topHeader2.color_theme .user-geo-position-value-link:hover{color:rgb(255 255 255 / 58%)}#topHeader2 .user-geo-position-value-link span{vertical-align:unset}#subHeader2{position:relative;clear:both;background-color:#fff;border-top:1px solid #f3f3f3;border-bottom:1px solid #eaeaea}#subHeader2.color_black{background-color:#2b2b2b;border-top:1px solid rgb(243 243 243 / 20%)}#subHeader2.color_theme{border-top:1px solid rgb(243 243 243 / 20%)}#subHeader2 .subTable{display:table;width:100%;table-layout:fixed;border-collapse:collapse}#subHeader2 .subTableColumn{display:table-cell;vertical-align:middle}#subHeader2 .subTableColumn:first-child{width:680px}#subHeader2 .subTableColumn:last-child{width:381px;padding-left:24px;text-align:right}#subHeader2 .subTableColumn:nth-child(2){width:50%;text-align:center}#subHeader2 .subContainer{overflow:hidden}#subHeader2 #logo{width:208px}#subHeader2 #logo,#subHeader2 #topHeading{border:0}#subHeader2 #logo,#subHeader2 #topHeading p{text-align:left}#subHeader2 #topHeading p{max-height:60px;overflow:hidden}#subHeader2.color_black #topHeading p,#subHeader2.color_theme #topHeading p{color:#fff}#subHeader2 #topCallback{float:left;margin:0;line-height:102px;list-style:none}#subHeader2.color_black #topSearch2 input[placeholder],#subHeader2.color_theme #topSearch2 input[placeholder]{color:rgb(255 255 255 / 70%);transition:all .2s ease-in-out}#subHeader2.color_black #topSearch2 input::input-placeholder,#subHeader2.color_theme #topSearch2 input::input-placeholder{color:rgb(255 255 255 / 70%);transition:all .2s ease-in-out}#subHeader2.color_black #topSearch2 input::placeholder,#subHeader2.color_theme #topSearch2 input::placeholder{color:rgb(255 255 255 / 70%);transition:all .2s ease-in-out}#subHeader2.color_black #topSearch2 input:focus[placeholder],#subHeader2.color_theme #topSearch2 input:focus[placeholder]{color:transparent}#subHeader2.color_black #topSearch2 input:focus::input-placeholder,#subHeader2.color_theme #topSearch2 input:focus::input-placeholder{color:transparent}#subHeader2.color_black #topSearch2 input::placeholder,#subHeader2.color_theme #topSearch2 input::placeholder{color:transparent}#subHeader2 .cart,#subHeader2 .topCompare,#subHeader2 .topWishlist{display:inline-block;vertical-align:middle}#subHeader2 .topCompare,#subHeader2 .topWishlist{width:50px}#subHeader2 #topCallback{padding:0 18px}#subHeader2 #topCallback .wrap{display:inline-block;line-height:21px;vertical-align:middle}#subHeader2 #topCallback .icon{display:inline-block;width:50px;height:50px;vertical-align:middle;background:url(/bitrix/templates/dresscodeV2/headers/header2/css/images/callbackH2.svg) 0 0 no-repeat transparent;border:1px solid #f3f3f3}#subHeader2.color_black #topCallback .icon,#subHeader2.color_theme #topCallback .icon{background:url(/bitrix/templates/dresscodeV2/headers/header2/css/images/callbackH2W.svg) 0 0 no-repeat transparent;border:1px solid rgb(255 255 255 / 30%)}#subHeader2 #topCallback .icon:active{position:relative;top:1px}#subHeader2.color_theme #topCallback .link{color:#fff;border-bottom:1px dashed #fff}#subHeader2.color_theme #topCallback .link:hover{opacity:.8}#subHeader2 #topCallback .nf{display:inline-block;margin-left:12px;vertical-align:middle}#subHeader2 #topCallback .heading{display:block;padding-top:4px;font-size:18px;text-decoration:none}#subHeader2 #topCallback .heading{color:#000}#subHeader2.color_black #topCallback .heading,#subHeader2.color_theme #topCallback .heading{color:#fff}#subHeader2 #topCallback .link{font-size:13px;text-decoration:none}#subHeader2 #topCallback .link:active{position:relative;top:1px}#subHeader2 #searchResult{text-align:left}#mainMenuContainer #menuCatalogSection{border:0}#menuCatalogSection .menuSection .catalogButton{padding:0 12px 0 0;background-color:transparent}#menuCatalogSection .menuSection .catalogButton:hover{background-color:transparent;opacity:.8}@media all and (max-width:1580px){#subHeader2 .subTableColumn:first-child{width:468px}#subHeader2 #logo{width:194px}#subHeader2 #topHeading{display:none}}@media all and (max-width:1270px){#subHeader2 .subTableColumn:last-child{width:323px}#subHeader2 .subTableColumn:first-child{width:400px}#subHeader2 #topCallback .icon{display:none}#subHeader2 .cart .heading{width:180px}#subHeader2 .cart .adds{display:none}.cart:not(.active) .icon{margin-right:8px}#subHeader2 .cartLabel{display:none}#subHeader2 #logo{width:182px}}@media all and (max-width:1150px){#subHeader2{height:176px}#subHeader2 .topCompare,#subHeader2 .topWishlist{margin-right:12px}#subHeader2 .subTableColumn:last-child{padding-left:24px}#subHeader2 .subTableColumn:last-child{width:361px}#subHeader2 .subTableColumn:first-child{width:630px}#subHeader2 .subTableColumn:nth-child(2){position:absolute;top:100px;left:0;display:block;box-sizing:border-box;width:100%;padding:0 24px;text-align:center}#subHeader2 #topCallback .icon{display:inline-block}#subHeader2 .cart .adds{display:inline}#subHeader2 .cartLabel{display:inline}#subHeader2 .cart .heading{width:230px}#subHeader2 #logo{width:178px}#subHeader2 #topHeading{display:block}#subHeader2 #searchOverlap{top:207px!important}#subHeader2 #searchResult{top:76px!important;left:-15px!important}}@media all and (max-width:1080px){#subHeader2 #topHeading{display:none}#subHeader2 .subTableColumn:first-child{width:432px}}@media all and (max-width:1000px){#subHeader2 .subTableColumn:first-child{width:377px}#subHeader2 #topCallback .icon{display:none}#subHeader2 .cart .adds{display:none}}@media all and (max-width:830px){#subHeader2 .cartLabel{display:none}#subHeader2 .cart .heading{width:180px}#subHeader2 .subTableColumn:last-child{width:311px}}@media all and (max-width:780px){.cart .heading ins{display:none}#subHeader2 .cart .heading{width:50px}#subHeader2 .subTableColumn:last-child{width:181px}.cart .icon{margin-right:0}}@media all and (max-width:700px){#subHeader2 #logo{margin-left:12px}#subHeader2 .subTableColumn:first-child{width:389px}#subHeader2 .subTableColumn:last-child{padding-right:12px}#subHeader2 .topCompare{display:none}#subHeader2 .subTableColumn:last-child{width:116px}#subHeader2 #searchResult{left:-10px!important}}@media all and (max-width:560px){#subHeader2 .subTableColumn:first-child{width:100%}#subHeader2 .subTableColumn:last-child{position:absolute;top:100px;right:0}#subHeader2 .subTableColumn:nth-child(2){padding-right:142px}#subHeader2 #topCallback{float:right;text-align:right}#topHeader2 #topMenu{margin-left:12px}#subHeader2 #logo{height:102px;line-height:102px}#topHeader2 .user-geo-position-label{display:none}#subHeader2 #topCallback{margin-right:12px;padding:0}#topHeader2 .top-auth-exit,#topHeader2 .top-auth-login,#topHeader2 .top-auth-personal,#topHeader2 .top-auth-register{position:static;top:auto;left:auto}#topHeader2 #topService li{display:inline-block;float:none;padding:0 12px}#topHeader2 .user-geo-position{padding-right:0}#topHeader2 #topService{display:inline-block;text-align:right}#topHeader2 #topService .null{text-align:left}#subHeader2 #logo{padding:0}#topHeader2 .user-geo-position-value-link{max-width:102px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media all and (max-width:410px){#topHeader2 #topService li{padding:0 6px}#topHeader2 .rightColumn{padding-right:6px}#subHeader2 .topWishlist{display:none}#subHeader2 .subTableColumn:last-child{width:50px}#subHeader2 .subTableColumn:nth-child(2){padding-right:74px;padding-left:12px}#subHeader2 #logo{width:145px}#subHeader2 #topCallback .heading{font-size:16px}#subHeader2 .cart{margin-top:0}#subHeader2 #logo{margin-left:0}#topHeader2 #topMenu{margin-left:0}}@media all and (max-width:350px){#topHeader2 #topService li{padding:0 4px}#subHeader2 #logo{width:125px}#topHeader2 .rightColumn{padding-right:8px}#topHeader2 .user-geo-position-value-link{max-width:95px}#subHeader2 #topCallback .nf{margin-left:0}#topMenu .bar{padding:0}}
/* End */


/* Start:/bitrix/templates/dresscodeV2/headers/header2/css/types/type1.min.css?1746609467191*/
#subHeader2 #topCallback .icon{border-radius:50%}#topSearch2 .searchContainerInner{border-radius:40px}.topCompare .icon,.topWishlist .icon{border-radius:50%}.cart .heading{border-radius:24px}
/* End */


/* Start:/bitrix/templates/dresscodeV2/components/bitrix/menu/topMenu/style.min.css?1746609468955*/
#topMenu{position:relative;z-index:99;float:left;margin:0;padding:0;border-left:1px solid #3a3a3a}#topMenu ul{margin:0;padding:0}#topMenu li{float:left;margin:0;padding:0;list-style:none}#topMenu li a{display:block;padding:0 12px;color:#ccc;font:normal normal 12px roboto_ltregular,arial,sans-serif;line-height:30px;letter-spacing:0;text-decoration:none;transition:all .2s ease-in-out}#topMenu .openEnder{transition:none}#topMenu .bar{position:relative;padding:0 12px}#topMenu .bar>a{display:block;width:21px;height:30px;padding:0;border:0}#topMenu .sub{position:absolute;top:30px;left:-1px;z-index:1;display:none;min-width:180px;background:#232323}#topMenu .sub li{display:block;float:none;border-top:1px solid rgb(0 0 0 / 14.9%);border-bottom:1px solid #303030}#topMenu .sub li:first-child{border-top:0}#topMenu .sub li:hover{background:#1e1e1e}#topMenu .sub li a{padding:4px 12px;line-height:21px;border:none}#topMenu .active .sub{display:inline-block}
/* End */


/* Start:/bitrix/components/dresscode/sale.geo.positiion/templates/.default/style.min.css?174660947110499*/
.user-geo-position-label{margin-right:6px}.user-geo-position-label,.user-geo-position-value,.user-geo-position-value-link{vertical-align:middle;display:inline-block;font-size:13px}.user-geo-position-value-link{vertical-align:middle;max-width:130px;overflow:hidden}.user-geo-position-value-link span{text-overflow:ellipsis;vertical-align:middle;display:inline-block;white-space:nowrap;max-width:130px;overflow:hidden}#geo-location-window{-webkit-transition:.1s all ease-in-out;-o-transition:.1s all ease-in-out;transition:.1s all ease-in-out;background:rgba(0,0,0,.4);position:fixed;color:#000;overflow:auto;z-index:1000;height:100%;width:100%;left:0;top:0}#geo-location-window .hidden{display:none}#geo-location-window .geo-location-window-container{-moz-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-name:zoomInLocation;animation-name:zoomInLocation;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;min-height:276px;max-height:500px;padding:0 24px;width:800px;left:50%;top:50%}#geo-location-window .geo-location-window-container-bg{box-shadow:1px 1px 12px rgba(60,60,60,.3);background-color:#fff;border-radius:6px;padding:24px}.geo-location-window-wp{vertical-align:middle;display:inline-block;line-height:21px;width:100%}#geo-location-window .geo-location-window-heading{background-color:#f9f9f9;position:relative;text-align:center;border-radius:6px;line-height:60px;color:#000;font-size:18px}#geo-location-window .geo-location-window-list{max-height:180px;margin-top:24px;padding:0 24px;overflow:auto}#geo-location-window .geo-location-window-list-item{overflow:hidden;float:left;width:25%}#geo-location-window .geo-location-window-list-item a{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;text-decoration:none;line-height:37px;overflow:hidden;color:#000;height:37px}#geo-location-window .geo-location-window-list-item a:active{position:relative;top:1px}#geo-location-window .geo-location-window-list-item span{vertical-align:middle;display:inline-block;line-height:21px}.geo-location-window-search{margin-top:24px;padding:0 24px}.geo-location-window-search-input{background:url(/bitrix/components/dresscode/sale.geo.positiion/templates/.default/images/geo-search.png) 12px 50% no-repeat #f6f6f6;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:roboto_ltregular;border-radius:2px;padding:0 42px;font-size:14px;height:48px;width:100%}.geo-location-window-search-input:focus{border:1px solid #aaa}.geo-location-window-city-container{text-align:center;margin-top:24px}.geo-location-window-city-label,.geo-location-window-city-value{display:inline-block}.geo-location-window-city-value{font-family:robotoBold}.geo-location-window-button-container{margin-bottom:24px;text-align:center;margin-top:24px}.geo-location-window-button{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#fff!important;vertical-align:middle;display:inline-block;text-decoration:none;border-radius:6px;text-align:center;position:relative;line-height:50px;padding:0 36px;font-size:14px;opacity:.9;height:50px}.geo-location-window-button:active{position:relative;top:1px}.geo-location-window-button.modifed{border-radius:4px;opacity:1}.geo-location-window-button.disabled{pointer-events:none;opacity:.5}.geo-location-window-button.loading{opacity:.5}.geo-location-window-button.loading #geo-location-window-fast-loader{display:block;opacity:1}.geo-location-window-search-values-cn{position:relative}.geo-location-window-search-values{position:absolute;max-height:141px;overflow:auto;z-index:99;width:100%;left:0;top:0}.geo-location-window-search-values .geo-location-list-item{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-top:1px solid #e6e6e6;background-color:#eee}.geo-location-window-search-values .geo-location-list-item:hover{background-color:#e1e1e1}.geo-location-window-search-values .geo-location-list-item:first-child{border:none}.geo-location-window-search-values .geo-location-list-item a{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#000!important;text-decoration:none;line-height:35px;padding:0 24px;display:block;height:35px}.geo-location-window-search-values .geo-location-list-item a:hover{opacity:.8}.geo-location-window-search-values .geo-location-list-item a:active{position:relative;top:1px}#geo-location-window .geo-location-window-exit{position:absolute;display:block;height:21px;width:21px;right:20px;top:20px}#geo-location-window .geo-location-window-exit{background:url(/bitrix/components/dresscode/sale.geo.positiion/templates/.default/images/exit.svg) 0 0 no-repeat transparent}#geo-location-window .geo-location-window-exit:hover{background-position:0 -21px}#geo-location-window .geo-location-window-exit:active{background-position:0 -42px}#geo-location-ref-window{box-shadow:0 0 25px rgba(0,0,0,.15);background-color:#fff;box-sizing:border-box;position:absolute;border-radius:4px;text-align:center;line-height:14px;padding:24px;display:none;width:280px;z-index:99;right:0;top:0}#geo-location-ref-window.visible{display:block}#geo-location-ref-window.centred{background-color:rgba(0,0,0,.45);border-radius:0;box-shadow:none;position:fixed;padding:0;height:100%;width:100%}#geo-location-ref-window.centred .geo-location-ref-window-city-container{box-shadow:0 0 25px rgba(0,0,0,.15);transform:translate(-50%,-50%);background-color:#fff;box-sizing:border-box;border-radius:4px;position:absolute;padding:24px;width:280px;left:50%;top:50%}.geo-location-ref-window-city-label{margin-bottom:12px;line-height:normal;font-size:14px}.geo-location-ref-window-city-value{font-family:robotobold;margin-bottom:12px;line-height:21px;font-size:18px}.get-location-ref-window-confirm-button{width:100%}.get-location-ref-window-confirm-button.loading{background-image:url(/bitrix/components/dresscode/sale.geo.positiion/templates/.default/images/loader-38px.svg);background-position:50% 50%;background-repeat:no-repeat;pointer-events:none;transition:none;opacity:.9}.get-location-ref-window-confirm{margin-bottom:12px}@media all and (max-width:850px){#geo-location-window .geo-location-window-container{transform:translateX(0) translateY(-50%);width:100%;left:0}}@media all and (max-width:700px){#geo-location-window .geo-location-window-list-item{width:33.333%}#geo-location-window .geo-location-window-container{padding:0 12px}}@media all and (max-width:500px){#geo-location-window .geo-location-window-list-item{width:50%}}@media all and (max-width:400px){#geo-location-window .geo-location-window-list-item{width:100%}}#geo-location-window-fast-loader{-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;position:absolute;transform:scale(.6);-o-transform:scale(.6);-ms-transform:scale(.6);-webkit-transform:scale(.6);-moz-transform:scale(.6);margin-left:-24px;display:none;height:48px;width:48px;opacity:0;left:50%;top:0}.f_circleG{position:absolute;background-color:#fff;height:9px;width:9px;display:block;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;animation-name:f_fadeG;-o-animation-name:f_fadeG;-ms-animation-name:f_fadeG;-webkit-animation-name:f_fadeG;-moz-animation-name:f_fadeG;animation-duration:522ms;-o-animation-duration:522ms;-ms-animation-duration:522ms;-webkit-animation-duration:522ms;-moz-animation-duration:522ms;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}#frotateG_01{left:0;top:19px;animation-delay:.1995s;-o-animation-delay:.1995s;-ms-animation-delay:.1995s;-webkit-animation-delay:.1995s;-moz-animation-delay:.1995s}#frotateG_02{left:6px;top:6px;animation-delay:256ms;-o-animation-delay:256ms;-ms-animation-delay:256ms;-webkit-animation-delay:256ms;-moz-animation-delay:256ms}#frotateG_03{left:19px;top:0;animation-delay:.3225s;-o-animation-delay:.3225s;-ms-animation-delay:.3225s;-webkit-animation-delay:.3225s;-moz-animation-delay:.3225s}#frotateG_04{right:6px;top:6px;animation-delay:389ms;-o-animation-delay:389ms;-ms-animation-delay:389ms;-webkit-animation-delay:389ms;-moz-animation-delay:389ms}#frotateG_05{right:0;top:19px;animation-delay:.4555s;-o-animation-delay:.4555s;-ms-animation-delay:.4555s;-webkit-animation-delay:.4555s;-moz-animation-delay:.4555s}#frotateG_06{right:6px;bottom:6px;animation-delay:522ms;-o-animation-delay:522ms;-ms-animation-delay:522ms;-webkit-animation-delay:522ms;-moz-animation-delay:522ms}#frotateG_07{left:19px;bottom:0;animation-delay:.5885s;-o-animation-delay:.5885s;-ms-animation-delay:.5885s;-webkit-animation-delay:.5885s;-moz-animation-delay:.5885s}#frotateG_08{left:6px;bottom:6px;animation-delay:645ms;-o-animation-delay:645ms;-ms-animation-delay:645ms;-webkit-animation-delay:645ms;-moz-animation-delay:645ms}@keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}@-o-keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}@-ms-keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}@-webkit-keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}@-moz-keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}@-webkit-keyframes zoomInLocation{from{opacity:0;-webkit-transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3);transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3);-moz-transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3);-o-transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomInLocation{from{opacity:0;-webkit-transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3);transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3);-moz-transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3);-o-transform:translateY(-50%) translateX(-50%) scale3d(.3,.3,.3)}50%{opacity:1}}
/* End */


/* Start:/bitrix/templates/dresscodeV2/components/bitrix/form.result.new/modal/style.min.css?17466094687730*/
.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/dresscodeV2/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/dresscodeV2/components/bitrix/form.result.new/modal/images/checkBox.png) 0 0 no-repeat transparent}.webFormItemField input[type=radio]+label::before{background:url(/bitrix/templates/dresscodeV2/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/dresscodeV2/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?17466094716405*/
#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/components/dresscode/favorite.line/templates/version2/style.min.css?1746609471926*/
.topWishlist{position:relative;margin-right:12px}.topWishlist .icon{display:block;width:50px;height:50px;background:url(/bitrix/components/dresscode/favorite.line/templates/version2/images/wishlistH2.svg) 0 0 no-repeat transparent;border:1px solid #f3f3f3}#subHeader2.color_black .topWishlist .icon,#subHeader2.color_theme .topWishlist .icon{background:url(/bitrix/components/dresscode/favorite.line/templates/version2/images/wishlistH2W.svg) 0 0 no-repeat transparent;border:1px solid rgb(255 255 255 / 30%)}.topWishlist .icon:active{position:relative;top:1px}.topWishlist .text{position:absolute;top:-4px;right:4px;display:inline-block;padding:0 7px;color:#fff;font-size:12px;text-decoration:none;background-color:#dedede;border-radius:50%}#subHeader2.color_black .topWishlist .text{color:#fff;background-color:rgb(0 0 0 / 100%)}#subHeader2.color_theme .topWishlist .text{color:#fff;background-color:rgb(255 255 255 / 30%)}.topWishlist .text:active{top:-3px}#subHeader2.color_theme .topWishlist .text.active{background-color:rgb(255 255 255 / 40%)}
/* End */


/* Start:/bitrix/components/dresscode/compare.line/templates/version2/style.min.css?1746609471914*/
.topCompare{position:relative;margin-right:24px}.topCompare .icon{display:block;width:50px;height:50px;background:url(/bitrix/components/dresscode/compare.line/templates/version2/images/compareH2.svg) 0 0 no-repeat transparent;border:1px solid #f3f3f3}#subHeader2.color_black .topCompare .icon,#subHeader2.color_theme .topCompare .icon{background:url(/bitrix/components/dresscode/compare.line/templates/version2/images/compareH2W.svg) 0 0 no-repeat transparent;border:1px solid rgb(255 255 255 / 30%)}.topCompare .icon:active{position:relative;top:1px}.topCompare .text{position:absolute;top:-4px;right:4px;display:inline-block;padding:0 7px;color:#fff;font-size:12px;text-decoration:none;background-color:#dedede;border-radius:50%}#subHeader2.color_black .topCompare .text{color:#fff;background-color:rgb(0 0 0 / 100%)}#subHeader2.color_theme .topCompare .text{color:#fff;background-color:rgb(255 255 255 / 30%)}.topCompare .text:active{top:-3px}#subHeader2.color_theme .topCompare .text.active{background-color:rgb(255 255 255 / 40%)}
/* End */


/* Start:/bitrix/templates/dresscodeV2/components/bitrix/sale.basket.basket.line/topCart2/style.min.css?17466094681381*/
.cart .heading{position:relative;display:inline-block;box-sizing:border-box;width:238px;height:50px;padding:0 12px;color:#aaa;line-height:50px;text-align:center;text-decoration:none;vertical-align:middle;background-color:#fff;border:1px solid #f3f3f3}#subHeader2.color_black .cart .heading,#subHeader2.color_theme .cart .heading{color:rgb(255 255 255 / 70%);background:0 0;border:1px solid rgb(255 255 255 / 30%)}.cart .heading:active{position:relative;top:1px}.cart .heading.active{color:#fff}#subHeader2.color_black .cart .heading.active,#subHeader2.color_theme .cart .heading.active{color:#fff;border:none}.cart .heading ins{text-decoration:none}.cart .icon{position:relative;display:inline-block;width:26px;height:50px;margin-right:12px;vertical-align:middle;background:url(/bitrix/templates/dresscodeV2/components/bitrix/sale.basket.basket.line/topCart2/images/cartH2.svg) 0 0 no-repeat transparent}#subHeader2.color_black .cart .icon,#subHeader2.color_theme .cart .icon{background:url(/bitrix/templates/dresscodeV2/components/bitrix/sale.basket.basket.line/topCart2/images/cartH2W.svg) 0 0 no-repeat transparent}#subHeader2.color_theme .cart .heading.active{border:1px solid rgb(255 255 255 / 30%)}.cart .count{position:absolute;top:6px;left:14px;display:none;padding:0 5px;color:#000;font-size:12px;line-height:18px;text-align:center;background-color:#fff;border-radius:50%}.cart .active .count{display:inline-block}#subHeader2.color_black .cart .icon,#subHeader2.color_theme .cart .icon,.cart .active .icon{background-position:0 -50px}
/* End */


/* Start:/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/style.min.css?17470423119646*/
#mainMenuContainer {
    position: relative
}

#mainMenuContainer.fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    animation-name: fadeInDown;
    animation-duration: .3s;
    animation-fill-mode: both
}

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

#mainMenuContainer .minCatalogButton img {
    margin-top: -2px;
    padding-right: 12px;
    vertical-align: middle
}

#menuCatalogSection {
    float: left;
    height: 60px;
    border-left: 1px solid #222
}

#menuCatalogSection .catalogButton {
    display: block;
    padding: 0 29px;
    color: #fff;
    line-height: 60px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #111;
    transition: all .2s ease-in-out
}

#menuCatalogSection .catalogButton:hover {
    background-color: #000
}

#menuCatalogSection .catalogButton img {
    margin-top: -2px;
    padding-right: 12px;
    vertical-align: middle
}

#menuCatalogSection .catalogButtonImage {
    display: inline-block;
    width: 30px;
    height: 18px;
    margin-top: -2px;
    margin-right: 12px;
    vertical-align: middle;
    background: url(/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/catalogButton.svg) 0 0 no-repeat transparent
}

#menuCatalogSection .sectionMenuArrow {
    display: inline-block;
    width: 9px;
    height: 6px;
    margin-top: -2px;
    margin-left: 12px;
    vertical-align: middle;
    background: url(/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/sectionMenuArrow.svg) 0 0 no-repeat transparent
}

#mainMenu {
    height: 60px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none
}

#mainMenu .removedItemsLink > a {
    float: left;
    width: 40px;
    height: 60px;
    background: url(/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/menuSlicedIcon.svg) 50% 50% no-repeat transparent;
    transition: all .2s ease-in-out
}

#mainMenu .removedItemsLink > a:hover {
    opacity: .8
}

#mainMenu .removedItemsLink .removedItemsList {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 100;
    display: none;
    width: 300px;
    margin: 0 0 0 -211px;
    padding: 0;
    list-style: none;
    background-color: #1a1a1a;
    box-shadow: 1px 1px 12px rgb(0 0 0 / 20%)
}

#mainMenu .removedItemsLink:hover .removedItemsList {
    display: block
}

#mainMenu .removed {
    border-top: 1px solid #222;
    transition: all .2s ease-in-out
}

#mainMenu .removed:hover {
    background-color: #202020
}

#mainMenu .removed a {
    display: block;
    padding: 18px 24px;
    line-height: 24px;
    text-decoration: none
}

#mainMenu a {
    display: block;
    transition: all .2s ease-in-out
}

#mainMenu > li {
    float: left;
    line-height: 60px;
    transition: all .2s ease-in-out
}

#mainMenu > li:first-child {
    border-left: 1px solid #222
}

#mainMenu > li:hover {
    background-color: #202020
}

#mainMenu > li:first-child {
    margin-left: 0
}

#mainMenu > li > a {
    padding: 0 24px;
    text-decoration: none
}

#mainMenu > li img {
    padding-right: 12px;
    vertical-align: middle;
    transition: all .2s ease-in-out
}

#mainMenu > li a:hover img {
    opacity: .8
}

#menuCatalogSection .sectionMenuArrow {
    padding-left: 12px
}

#menuCatalogSection .drop {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 100;
    display: none;
    width: 100%;
    padding: 24px 0;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    box-shadow: 1px 1px 12px rgb(0 0 0 / 20%)
}

#menuCatalogSection .drop ul {
    margin: -24px 0 0;
    padding: 0;
    overflow: hidden;
    list-style: none
}

#menuCatalogSection .drop .menuSectionContainer {
    overflow: hidden
}

#menuCatalogSection .drop ul li {
    float: left;
    box-sizing: border-box;
    width: 20%;
    height: 70px;
    margin-top: 24px;
    line-height: 70px;
    text-align: center
}

#menuCatalogSection .drop ul li:nth-child(5n+1) {
    border-left: 0
}

#menuCatalogSection .drop ul li .container {
    display: inline-block;
    width: auto !important;
    line-height: 21px;
    vertical-align: middle
}

#menuCatalogSection .drop ul li a {
    display: block;
    color: #000;
    font-size: 14px;
    font-family: robotobold;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .2s ease-in-out
}

#menuCatalogSection .drop ul li .picture {
    height: 130px;
    margin-bottom: 12px;
    line-height: 130px
}

#menuCatalogSection .drop ul li .picture img {
    vertical-align: middle
}

#menuCatalogSection .drop ul li .picture:hover {
    opacity: .9
}

#mainMenu .drop {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 99;
    display: none;
    width: 100%;
    padding: 24px 0;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    box-shadow: 1px 1px 12px rgb(0 0 0 / 20%)
}

#mainMenu .drop .nextColumn {
    float: left;
    width: 20%;
    margin: 0;
    padding: 0;
    line-height: 21px;
    list-style: none
}

#mainMenu .drop .nextColumn > li {
    display: block;
    margin-top: 12px
}

#mainMenu .drop .nextColumn > li:first-child {
    margin-top: 0
}

#mainMenu .drop .nextColumn > li > a {
    color: #000;
    font-family: robotobold;
    text-transform: uppercase;
    text-decoration: none
}

#mainMenu .drop .nextColumn .menu2Link {
    box-sizing: border-box;
    padding-right: 12px;
    overflow: hidden
}

#mainMenu .drop .nextColumn .menu2Link img {
    padding-bottom: 12px
}

#mainMenu .drop .nextColumn ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#mainMenu .drop .nextColumn ul li {
    display: block;
    margin-top: 12px
}

#mainMenu .drop .nextColumn ul li a {
    color: #000;
    text-decoration: none
}

#mainMenu .back, #mainMenu .dropdown {
    display: none
}

@media screen and (max-width: 1024px) {
    #mainMenu {
        background: #fff
    }

    #mainMenu > li:first-child {
        border-top: 0
    }

    #mainMenu > li {
        box-sizing: border-box;
        border-top: 1px solid rgb(136 136 136 / 10%);
        border-right: 0
    }

    #mainMenu .drop .nextColumn .menu2Link, #mainMenu li.eChild a {
        padding-right: 48px
    }

    #mainMenu .drop .nextColumn .menu2Link {
        padding-left: 0
    }

    #mainMenu li.eChild a {
        position: relative;
        color: #000;
        font-size: 13px
    }

    #mainMenu .drop .nextColumn ul li a:hover, #mainMenu .drop ul li a:hover, #mainMenu a:hover, #mainMenu li:hover a {
        color: #000;
        background: 0 0 !important
    }

    #mainMenu li:hover {
        background-color: transparent !important
    }

    #mainMenu .drop {
        position: static;
        display: block !important;
        box-sizing: border-box;
        width: auto;
        margin: 0;
        padding: 0;
        background: 0 0 !important;
        border: 0;
        box-shadow: none
    }

    #mainMenu .drop .limiter {
        min-width: unset
    }

    #mainMenu .drop .picture {
        display: none
    }

    #mainMenu .drop .nextColumn, #mainMenu .drop .nextColumn ul {
        display: none;
        float: none;
        width: 100%
    }

    #mainMenu .opened .drop .nextColumn {
        display: block;
        box-sizing: border-box;
        padding-left: 36px
    }

    #mainMenu .opened .drop .nextColumn .opened ul {
        display: block;
        padding-left: 24px
    }

    #mainMenu .opened .drop {
        border-top: 1px solid #8888881a
    }

    #mainMenu .drop .has-image {
        display: none
    }

    #mainMenu .drop .nextColumn ul li, #mainMenu .drop .nextColumn > li {
        box-sizing: border-box;
        margin: 0
    }

    #mainMenu .drop .nextColumn .menu2Link, #mainMenu .opened .drop {
        padding-top: 6px;
        padding-bottom: 6px
    }

    #mainMenu .drop .nextColumn > li > a {
        padding: 6px 0;
        font-family: roboto_ltregular;
        text-transform: none
    }

    #mainMenu > li.opened > a {
        padding-left: 60px
    }

    #mainMenu > li.opened .back {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 18px;
        height: 100%;
        margin-left: 24px;
        background: url(/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/arrow-back-menu-black.svg) 50% 50% no-repeat transparent
    }

    #mainMenu > li.opened img {
        display: none
    }

    #mainMenu .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/dresscodeV2/components/bitrix/menu/catalogMenu/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
    }

    #mainMenu li:not(.opened) .dropdown {
        background-color: transparent;
        background-image: url(/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/images/arrow-dropdown-black.svg);
        border: 0
    }

    #mainMenu li.opened > a .dropdown {
        right: 15px;
        width: 24px;
        transform: rotate(-90deg)
    }
}
/* End */


/* Start:/bitrix/templates/dresscodeV2/components/bitrix/breadcrumb/.default/style.min.css?17466094681058*/
#breadcrumbs{margin-bottom:12px;line-height:21px;margin-top:24px;overflow:hidden;font-size:12px}#breadcrumbs ul{overflow:hidden;list-style:none;padding:0;margin:0}#breadcrumbs ul li{vertical-align:middle;display:inline-block}#breadcrumbs ul li a{text-decoration:none;display:inline-block;line-height:21px}#breadcrumbs .arrow{vertical-align:middle;display:inline-block;font-family:arial;font-size:18px;margin:0 12px}@media all and (max-width:1024px){#breadcrumbs{position:relative;min-width:100%;overflow-x:auto;height:21px}#breadcrumbs ul{white-space:nowrap;overflow:auto}#breadcrumbs li{white-space:nowrap}#breadcrumbs::after{background:-moz-linear-gradient(left,rgba(255,255,255,.2),#fff 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,.2),#fff 100%);background:-o-linear-gradient(left,rgba(255,255,255,.2),#fff 100%);background:-ms-linear-gradient(left,rgba(255,255,255,.2),#fff 100%);background:linear-gradient(to right,rgba(255,255,255,.2),#fff 100%);pointer-events:none;position:absolute;right:0;top:0;height:100%;content:"";width:35px}}
/* End */


/* Start:/bitrix/components/dresscode/products.by.filter/templates/.default/style.min.css?1746609471994*/
#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?17466094711066*/
#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/dresscodeV2/components/bitrix/catalog.bigdata.products/.default/style.min.css?17466094681597*/
#bigDataCarousel .wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}#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/dresscodeV2/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:0}#bigDataCarousel .bigDataBtnRight{right:0}#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/dresscodeV2/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 .bigDataBtnLeft{left:0}#bigDataCarousel .bigDataBtnRight{right:0;background-position:0 -48px}#bigDataCarousel .bigDataBtnRight:hover{background-position:-24px -48px}#bigDataCarousel .bigDataBtnRight:active{background-position:-48px -48px}}
/* End */


/* Start:/bitrix/templates/dresscodeV2/template_styles.min.css?1751365527227531*/
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, arial, sans-serif;
    line-height: 21px;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none
}

img {
    border: 0
}

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

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: 0
}

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

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

a {
    outline: 0;
    appearance: none
}

h1 {
    display: block;
    margin: 0 0 24px;
    color: #000;
    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
}

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

.clearfix::after {
    clear: both
}

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

.loading #topHeader {
    overflow: hidden
}

.loading #topMenu {
    opacity: 0
}

.bold {
    font-family: robotobold
}

#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: 0
}

#topService li:not(.null) a {
    display: inline-block;
    font: normal normal 13px roboto_ltregular, arial, sans-serif;
    text-decoration: none;
    transition: all .2s ease-in-out
}

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

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

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

.loading #subHeader {
    overflow: hidden
}

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

#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 .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
}

#mainMenuContainer {
    height: 60px
}

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

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

#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
}

#main {
    min-width: 320px
}

#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 .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
}

#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: 900px;
    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%
}

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

#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 .2s ease-in-out
}

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

#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: #000;
    font-size: 18px;
    text-decoration: none;
    transition: all .2s ease-in-out
}

#catalogLineList .description {
    box-sizing: border-box;
    margin-bottom: 12px;
    padding-right: 12px;
    color: #888;
    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: #fff;
    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/dresscodeV2/images/rating.svg) repeat 0 0 transparent
}

#catalogLineList .rating i.m {
    z-index: 10;
    width: 0;
    background: url(/bitrix/templates/dresscodeV2/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: #000;
    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: #888;
    font-size: 14px;
    font-family: roboto_ltregular
}

#catalogLineList .addCart {
    display: block;
    height: 60px;
    margin-top: 16px;
    margin-bottom: 12px;
    color: #fff;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    transition: all .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 .2s ease-in-out
}

#catalogLineList .label:hover {
    color: #000
}

#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: #888;
    line-height: 32px;
    text-align: center;
    background-color: #f3f3f3;
    border-radius: 4px
}

#catalogLineList .skuPropertyName {
    margin-bottom: 4px;
    color: #000;
    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: #000;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ddd
}

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

#catalogLineList .prop a {
    color: #000;
    transition: all .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: #fff;
    border: 1px solid #e7e8ea;
    border-radius: 2px;
    user-select: none
}

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

#catalogLineList .oSkuCheckedItem:hover {
    opacity: .8
}

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

#catalogLineList .oSkuCheckboxList label::before, #catalogLineList .oSkuDropdown 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: #fff;
    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: #fff;
    font-family: robotomedium;
    background-color: #f9f9f9;
    box-shadow: 1px 1px 12px #f1f1f1 inset;
    cursor: pointer;
    opacity: .8
}

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

#catalogLineList .oSkuDropdownList .oSkuPropertyItemLink {
    display: block;
    padding: 12px 8px !important;
    color: #000;
    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 .oSkuPropertyItemLink:active, #catalogLineList .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink {
    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 .2s
}

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

#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: #000;
    font-size: 13px;
    text-align: left;
    text-decoration: none;
    transition: all .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/dresscodeV2/images/rating.svg) repeat 0 0 transparent
}

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

#catalogTableList .price {
    position: relative;
    display: block;
    color: #000;
    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: #888;
    font-size: 14px;
    font-family: roboto_ltregular
}

#catalogTableList .addCart, #catalogTableList .more {
    display: inline-block;
    width: 130px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    font-family: roboto_ltregular;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    transition: all .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 .2s ease-in-out
}

#catalogTableList .label:hover {
    color: #000
}

#catalogTableList .article {
    display: inline-block;
    height: 32px;
    padding: 0 12px;
    overflow: hidden;
    color: #888;
    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 a, #popCats li span {
    display: block;
    padding: 4px 12px;
    line-height: 21px;
    text-decoration: none;
    transition: .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;
    transition: background-color .3s, color .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, #promoBlock > div[id*=bx_] {
    display: table;
    width: 100%;
    overflow: hidden;
    table-layout: fixed;
    border-collapse: collapse
}

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

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

#footer.variant_3 #footerBottom, #footer.variant_3 #leftFooter, #footer.variant_3 #rightFooter, #footer.variant_3 .fc {
    background-color: #47494d
}

#footer.variant_4 #footerBottom, #footer.variant_4 #leftFooter, #footer.variant_4 #rightFooter, #footer.variant_4 .fc {
    background-color: #f3f3f3
}

#footer.variant_5 #footerBottom, #footer.variant_5 #leftFooter, #footer.variant_5 #rightFooter, #footer.variant_5 .fc {
    background-color: #fff
}

#footer.variant_6 #footerBottom, #footer.variant_6 #leftFooter, #footer.variant_6 #rightFooter, #footer.variant_6 .fc {
    background-color: #142236
}

#footer.variant_7 #footerBottom, #footer.variant_7 #leftFooter, #footer.variant_7 #rightFooter, #footer.variant_7 .fc {
    background-color: #24433c
}

#footer.variant_8 #footerBottom, #footer.variant_8 #leftFooter, #footer.variant_8 #rightFooter, #footer.variant_8 .fc {
    background-color: #4e0838
}

#footer.variant_5 #footerBottom {
    border-top: 1px solid #f1f1f1
}

#footer.variant_6 #footerBottom {
    border-top: 1px solid rgb(255 255 255 / 10%)
}

#footer.variant_7 #footerBottom, #footer.variant_8 #footerBottom {
    border-top: 1px solid rgb(0 0 0 / 10%)
}

#footer.variant_4 #footerBottom {
    border-top: 1px solid rgb(0 0 0 / 10%)
}

#footer.variant_3 #footerBottom {
    border-top: 1px solid rgb(0 0 0 / 10%)
}

#footer.variant_2 #footerBottom {
    border-top: 1px solid rgb(0 0 0 / 10%)
}

#footer.variant_4 #leftFooter a, #footer.variant_5 #leftFooter a {
    color: #000
}

#footer.variant_4 #leftFooter a:active {
    position: relative;
    top: 1px
}

#footer.variant_2 #leftFooter a {
    color: #fff
}

#footer.variant_2 #leftFooter .selected, #footer.variant_2 #leftFooter a:hover {
    opacity: .8
}

#footer.variant_2 #rightFooter .showMap, #footer.variant_2 #rightFooter .telephone {
    color: #fff
}

#footer.variant_2 #rightFooter .showMap:hover {
    opacity: .8
}

#footer.variant_3 #leftFooter .heading,
#footer.variant_3 #rightFooter .heading
{
    border-bottom: 1px solid rgb(0 0 0 / 10%)
}

#footer.variant_3 #leftFooter ul li {
    border-top: 1px solid rgb(0 0 0 / 10%)
}

#footer.variant_2 #leftFooter .heading, #footer.variant_4 #leftFooter .heading, #footer.variant_5 #leftFooter .heading, #footer.variant_7 #leftFooter .heading, #footer.variant_8 #leftFooter .heading {
    border-bottom: 1px solid rgb(0 0 0 / 10%)
}

#footer.variant_2 #leftFooter ul li, #footer.variant_4 #leftFooter ul li, #footer.variant_5 #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_3 #leftFooter ul li:first-child, #footer.variant_4 #leftFooter ul li:first-child, #footer.variant_5 #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_4 #rightFooter, #footer.variant_4 #rightFooter .email, #footer.variant_4 #rightFooter .list li, #footer.variant_4 #rightFooter p {
    color: #000
}

#footer.variant_5 #rightFooter, #footer.variant_5 #rightFooter .email, #footer.variant_5 #rightFooter .list li, #footer.variant_5 #rightFooter p {
    color: #000
}

#footer.variant_2 #rightFooter, #footer.variant_2 #rightFooter .email, #footer.variant_2 #rightFooter .list li, #footer.variant_2 #rightFooter p {
    color: #fff
}

#footer.variant_2 #rightFooter .email a, #footer.variant_4 #rightFooter .email a, #footer.variant_5 #rightFooter .email a {
    transition: all .2s ease-in-out
}

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

#footer.variant_2 #footerBottom .sn .vk, #footer.variant_3 #rightFooter .sn .vk {
    background: url(/bitrix/templates/dresscodeV2/images/snC.svg) 0 0 no-repeat transparent
}

#footer.variant_4 #footerBottom .sn .vk, #footer.variant_5 #footerBottom .sn .vk {
    background: url(/bitrix/templates/dresscodeV2/images/snW.svg) 0 0 no-repeat transparent
}

#footer.variant_2 #footerBottom .sn .fb, #footer.variant_3 #rightFooter .sn .fb {
    background: url(/bitrix/templates/dresscodeV2/images/snC.svg) -60px 0 no-repeat transparent
}

#footer.variant_4 #footerBottom .sn .fb, #footer.variant_5 #footerBottom .sn .fb {
    background: url(/bitrix/templates/dresscodeV2/images/snW.svg) -60px 0 no-repeat transparent
}

#footer.variant_2 #footerBottom .sn .od, #footer.variant_3 #rightFooter .sn .od {
    background: url(/bitrix/templates/dresscodeV2/images/snC.svg) -120px 0 no-repeat transparent
}

#footer.variant_4 #footerBottom .sn .od, #footer.variant_5 #footerBottom .sn .od {
    background: url(/bitrix/templates/dresscodeV2/images/snW.svg) -120px 0 no-repeat transparent
}

#footer.variant_2 #footerBottom .sn .tw, #footer.variant_3 #rightFooter .sn .tw {
    background: url(/bitrix/templates/dresscodeV2/images/snC.svg) -180px 0 no-repeat transparent
}

#footer.variant_4 #footerBottom .sn .tw, #footer.variant_5 #footerBottom .sn .tw {
    background: url(/bitrix/templates/dresscodeV2/images/snW.svg) -180px 0 no-repeat transparent
}

#footer.variant_2 #footerBottom .sn .go, #footer.variant_3 #rightFooter .sn .go {
    background: url(/bitrix/templates/dresscodeV2/images/snC.svg) -240px 0 no-repeat transparent
}

#footer.variant_4 #footerBottom .sn .go, #footer.variant_5 #footerBottom .sn .go {
    background: url(/bitrix/templates/dresscodeV2/images/snW.svg) -240px 0 no-repeat transparent
}

#footer.variant_2 #footerBottom .sn .yo, #footer.variant_3 #rightFooter .sn .yo {
    background: url(/bitrix/templates/dresscodeV2/images/snC.svg) -300px 0 no-repeat transparent
}

#footer.variant_4 #footerBottom .sn .yo, #footer.variant_5 #footerBottom .sn .yo {
    background: url(/bitrix/templates/dresscodeV2/images/snW.svg) -300px 0 no-repeat transparent
}

#footer.variant_2 #footerBottom .sn .telegram, #footer.variant_3 #rightFooter .sn .telegram {
    background: url(/bitrix/templates/dresscodeV2/images/snC.svg) -420px 0 no-repeat transparent
}

#footer.variant_4 #footerBottom .sn .telegram, #footer.variant_5 #footerBottom .sn .telegram {
    background: url(/bitrix/templates/dresscodeV2/images/snW.svg) -420px 0 no-repeat transparent
}

#footer.variant_2 #footerBottom .sn .whatsapp, #footer.variant_3 #rightFooter .sn .whatsapp {
    background: url(/bitrix/templates/dresscodeV2/images/snC.svg) -480px 0 no-repeat transparent
}

#footer.variant_4 #footerBottom .sn .whatsapp, #footer.variant_5 #footerBottom .sn .whatsapp {
    background: url(/bitrix/templates/dresscodeV2/images/snW.svg) -480px 0 no-repeat transparent
}

#footer.variant_2 #footerBottom .sn .rutube, #footer.variant_3 #rightFooter .sn .rutube {
    background: url(/bitrix/templates/dresscodeV2/images/snC.svg) -540px 0 no-repeat transparent
}

#footer.variant_4 #footerBottom .sn .rutube, #footer.variant_5 #footerBottom .sn .rutube {
    background: url(/bitrix/templates/dresscodeV2/images/snW.svg) -540px 0 no-repeat transparent
}

#footer.variant_2 #footerBottom .sn .dzen, #footer.variant_3 #rightFooter .sn .dzen {
    background: url(/bitrix/templates/dresscodeV2/images/snC.svg) -600px 0 no-repeat transparent
}

#footer.variant_4 #footerBottom .sn .dzen, #footer.variant_5 #footerBottom .sn .dzen {
    background: url(/bitrix/templates/dresscodeV2/images/snW.svg) -600px 0 no-repeat transparent
}

#footer.variant_2 #footerBottom .sn .viber, #footer.variant_3 #rightFooter .sn .viber {
    background: url(/bitrix/templates/dresscodeV2/images/snC.svg) -660px 0 no-repeat transparent
}

#footer.variant_4 #footerBottom .sn .viber, #footer.variant_5 #footerBottom .sn .viber {
    background: url(/bitrix/templates/dresscodeV2/images/snW.svg) -660px 0 no-repeat transparent
}

#footer.variant_2 #footerBottom .sn .tiktok, #footer.variant_3 #rightFooter .sn .tiktok {
    background: url(/bitrix/templates/dresscodeV2/images/snC.svg) -720px 0 no-repeat transparent
}

#footer.variant_4 #footerBottom .sn .tiktok, #footer.variant_5 #footerBottom .sn .tiktok {
    background: url(/bitrix/templates/dresscodeV2/images/snW.svg) -720px 0 no-repeat transparent
}

#footer.variant_2 #footerBottom .sn .vk:hover, #footer.variant_3 #rightFooter .sn .vk:hover, #footer.variant_4 #footerBottom .sn .vk:hover, #footer.variant_5 #footerBottom .sn .vk:hover {
    background-position: 0 -60px
}

#footer.variant_2 #footerBottom .sn .fb:hover, #footer.variant_3 #rightFooter .sn .fb:hover, #footer.variant_4 #footerBottom .sn .fb:hover, #footer.variant_5 #footerBottom .sn .fb:hover {
    background-position: -60px -60px
}

#footer.variant_2 #footerBottom .sn .od:hover, #footer.variant_3 #rightFooter .sn .od:hover, #footer.variant_4 #footerBottom .sn .od:hover, #footer.variant_5 #footerBottom .sn .od:hover {
    background-position: -120px -60px
}

#footer.variant_2 #footerBottom .sn .tw:hover, #footer.variant_3 #rightFooter .sn .tw:hover, #footer.variant_4 #footerBottom .sn .tw:hover, #footer.variant_5 #footerBottom .sn .tw:hover {
    background-position: -180px -60px
}

#footer.variant_2 #footerBottom .sn .go:hover, #footer.variant_3 #rightFooter .sn .go:hover, #footer.variant_4 #footerBottom .sn .go:hover, #footer.variant_5 #footerBottom .sn .go:hover {
    background-position: -240px -60px
}

#footer.variant_2 #footerBottom .sn .yo:hover, #footer.variant_3 #rightFooter .sn .yo:hover, #footer.variant_4 #footerBottom .sn .yo:hover, #footer.variant_5 #footerBottom .sn .yo:hover {
    background-position: -300px -60px
}

#footer.variant_2 #footerBottom .sn .telegram:hover, #footer.variant_3 #rightFooter .sn .telegram:hover, #footer.variant_4 #footerBottom .sn .telegram:hover, #footer.variant_5 #footerBottom .sn .telegram:hover {
    background-position: -420px -60px
}

#footer.variant_2 #footerBottom .sn .whatsapp:hover, #footer.variant_3 #rightFooter .sn .whatsapp:hover, #footer.variant_4 #footerBottom .sn .whatsapp:hover, #footer.variant_5 #footerBottom .sn .whatsapp:hover {
    background-position: -480px -60px
}

#footer.variant_2 #footerBottom .sn .rutube:hover, #footer.variant_3 #rightFooter .sn .rutube:hover, #footer.variant_4 #footerBottom .sn .rutube:hover, #footer.variant_5 #footerBottom .sn .rutube:hover {
    background-position: -540px -60px
}

#footer.variant_2 #footerBottom .sn .dzen:hover, #footer.variant_3 #rightFooter .sn .dzen:hover, #footer.variant_4 #footerBottom .sn .dzen:hover, #footer.variant_5 #footerBottom .sn .dzen:hover {
    background-position: -600px -60px
}

#footer.variant_2 #footerBottom .sn .viber:hover, #footer.variant_3 #rightFooter .sn .viber:hover, #footer.variant_4 #footerBottom .sn .viber:hover, #footer.variant_5 #footerBottom .sn .viber:hover {
    background-position: -660px -60px
}

#footer.variant_2 #footerBottom .sn .tiktok:hover, #footer.variant_3 #rightFooter .sn .tiktok:hover, #footer.variant_4 #footerBottom .sn .tiktok:hover, #footer.variant_5 #footerBottom .sn .tiktok:hover {
    background-position: -720px -60px
}

#footer.variant_2 .sn li:first-child, #footer.variant_3 .sn li:first-child, #footer.variant_4 .sn li:first-child, #footer.variant_5 .sn li:first-child, #footer.variant_7 .sn li:first-child {
    border-left: 1px solid rgb(0 0 0 / 10%)
}

#footer.variant_2 .sn li, #footer.variant_3 .sn li, #footer.variant_4 .sn li, #footer.variant_5 .sn li, #footer.variant_7 .sn li {
    border-right: 1px solid rgb(0 0 0 / 10%)
}
#footer.variant_3 .sn li:first-child,
#footer.variant_3 .sn li{
    border: none;
}
#catalogColumn #catalogLineList .description {
    display: none
}

#catalogColumn #catalogLineList .prop {
    width: 100%
}

#catalogColumn #catalogTableList .column:nth-child(3), #catalogColumn #catalogTableList .column:nth-child(4) {
    display: none
}

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

#catalogLine .column {
    display: inline-block;
    margin-left: 12px
}

#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
}

#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 .line:active, #catalogLine .viewList .element .squares:active, #catalogLine .viewList .element .table: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;
    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,
#rightFooter .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: .2s all ease-in-out
}

#rightFooter {
    display: table-cell;
    box-sizing: border-box;
    width: 40%;
    padding: 60px 0 24px 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: 0px;
    font-size: 22px;
    font-family: robotomedium;
    text-decoration: none;
}

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

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

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

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

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

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

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

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

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

#rightFooter .social {
    /*float: left;*/
    display: flex;
}

#rightFooter 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: .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/dresscodeV2/images/rating.svg) repeat 0 0 transparent
}

#appBasket .rating i.m {
    z-index: 10;
    width: 0;
    background: url(/bitrix/templates/dresscodeV2/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: .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 .minus, #appBasket .plus {
    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 red
}

#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 .tools .av:hover {
    background: unset
}

#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: .1s all ease-in-out
}

#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/dresscodeV2/images/compare.svg) 0 0 no-repeat transparent
}

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

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

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

#appBasket .lower .tools .inStock {
    text-decoration: none !important
}

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

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

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

#appBasket .lower .tools .delete .ico {
    background: url(/bitrix/templates/dresscodeV2/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: .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
}

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

#appFastBuyContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 700px;
    height: 430px;
    margin-top: -215px;
    margin-left: -350px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 1px 1px 12px rgb(60 60 60 / 30%)
}

#appFastBuyContainer .column {
    float: left;
    box-sizing: border-box;
    width: 380px;
    margin-top: 24px
}

#appFastBuyContainer .column:first-child {
    width: 320px;
    text-align: center
}

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

#appFastBuyContainer .title {
    display: block;
    margin-right: 24px;
    margin-bottom: 12px;
    font-size: 16px;
    text-align: center
}

#appFastBuyContainer .formLine {
    margin-bottom: 12px
}

#appFastBuyContainer input {
    box-sizing: border-box;
    width: 354px;
    height: 50px;
    padding-left: 12px;
    font-family: roboto_ltregular;
    border: 0;
    border-radius: 4px;
    transition: all .2s ease-in-out
}

#appFastBuyContainer input[type=checkbox] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 0;
    margin-right: 6px;
    vertical-align: middle
}

#appFastBuyContainer input[type=checkbox].error + label {
    border-bottom: 1px solid red !important
}

#appFastBuyContainer textarea {
    box-sizing: border-box;
    width: 354px;
    height: 60px;
    padding-top: 12px;
    padding-left: 12px;
    font-family: roboto_ltregular;
    border: 0;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    resize: none
}

#appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus {
    outline: 0
}

#appFastBuyContainer #fastBuyFormSubmit {
    display: block;
    width: 354px;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    transition: all .2s ease-in-out
}

#appFastBuyContainer #fastBuyFormSubmit:active {
    position: relative;
    top: 1px
}

#appFastBuyContainer #fastBuyFormSubmit.loading {
    text-indent: 12px;
    opacity: .9;
    transition: background 0s !important
}

#appFastBuyContainer #fastBuyFormSubmit.loading img {
    display: none
}

#appFastBuyContainer #fastBuyFormSubmit img {
    margin-top: -2px;
    padding-right: 4px;
    vertical-align: middle
}

#appFastBuyContainer .markerContainer {
    position: absolute;
    top: 0;
    left: 12px
}

#appFastBuyContainer #fastBuyResult {
    box-sizing: border-box;
    margin: auto 0;
    padding: 0 24px
}

#fastBuyResult #fastBuyResultTitle {
    margin-top: 24px;
    font-size: 16px;
    text-align: center
}

#fastBuyResult #fastBuyResultMessage {
    margin-top: 24px;
    text-align: center
}

#fastBuyResult #fastBuyResultClose {
    display: block;
    width: 254px;
    height: 50px;
    margin: 24px auto;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease-in-out
}

#fastBuyResult #fastBuyResultClose:active {
    position: relative;
    top: 1px
}

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

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

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

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

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

#appFastBuyContainer #fastBuyName {
    padding: 0 24px
}

#appFastBuyContainer #fastBuyPicture {
    position: relative;
    display: block;
    height: 230px;
    margin-bottom: 12px;
    line-height: 230px;
    text-align: center;
    transition: all .5s ease-in-out
}

#appFastBuyContainer #fastBuyPicture .url {
    display: block;
    height: 230px;
    line-height: 230px;
    text-align: center
}

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

#appFastBuy .close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 21px;
    height: 21px;
    background: url(/bitrix/templates/dresscodeV2/images/exit.svg) 0 0 no-repeat transparent
}

#appFastBuy .close:hover {
    background-position: 0 -21px
}

#appFastBuy .close:active {
    background-position: 0 -42px
}

#appFastView {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgb(0 0 0 / 40%);
    transition: .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: #fff;
    box-shadow: 1px 1px 12px rgb(60 60 60 / 30%);
    animation-name: zoomIn;
    animation-duration: .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%);
    content: "";
    pointer-events: none
}

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

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

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

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

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

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

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

#appFastView .appFastViewPictureCarouselItem, #appFastView .appFastViewPictureSliderItem {
    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 .appFastViewPictureCarouselItemPicture, #appFastView .appFastViewPictureSliderItemPicture {
    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/dresscodeV2/images/carouselArrowSmall.png) 0 0 no-repeat transparent;
    opacity: .5
}

#appFastView .appFastViewPictureCarouselLeftButton:hover, #appFastView .appFastViewPictureCarouselRightButton:hover {
    opacity: .8
}

#appFastView .appFastViewPictureCarouselLeftButton:active, #appFastView .appFastViewPictureCarouselRightButton:active {
    opacity: 1
}

#appFastView .appFastViewPictureCarouselLeftButton:active {
    left: 1px
}

#appFastView .appFastViewPictureCarouselRightButton:active {
    right: 1px
}

#appFastView .appFastViewPictureCarouselLeftButton {
    left: 0
}

#appFastView .appFastViewPictureCarouselRightButton {
    right: 0;
    background-position: -14px 0
}

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

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

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

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

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

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

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

#appFastView .appFastViewPictureCarouselItemLink:active, #appFastView .appFastViewPictureSliderItemLink: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 #000;
    border-radius: 50%;
    cursor: crosshair
}

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

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

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

#appFastView .appFastViewProductHeading a:hover {
    color: #555
}

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

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

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

#appFastView .propertyTable {
    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: #fff
}

#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 #ccc;
    content: ""
}

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

#appFastView .propertyTable .propertyValue a:hover {
    color: #000
}

#appFastView .appFastViewDescription {
    display: none
}

#appFastView .appFastViewDescription.visible {
    display: block
}

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

#appFastView .appFastViewDescriptionText {
    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 .2s ease-in-out
}

#appFastView .skuPropertyLink:hover {
    opacity: .8
}

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

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

#appFastView .skuPropertyLink {
    color: #000;
    border: 1px solid #ddd
}

#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: #fff;
    border: 1px solid #e7e8ea;
    border-radius: 2px;
    user-select: none
}

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

#appFastView .oSkuCheckedItem:hover {
    opacity: .8
}

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

#appFastView .oSkuCheckboxList label::before, #appFastView .oSkuDropdown 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: #fff;
    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: #fff;
    background-color: #f9f9f9;
    cursor: pointer;
    opacity: .8
}

#appFastView .oSkuDropdownList .oSkuPropertyItemLink {
    display: block;
    min-height: 0;
    padding: 12px 8px !important;
    color: #000;
    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 .oSkuPropertyItemLink:active, #appFastView .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink {
    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/dresscodeV2/images/exit.svg)
}

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

#appFastView .appFastViewMoreLink:hover {
    color: #555
}

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

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

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

#appFastView .catalogQtyBlock .catalogQty {
    display: inline-block;
    width: 80px;
    height: 40px;
    font-size: 14px;
    vertical-align: middle;
    background-color: #fff;
    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/dresscodeV2/images/view-basket-add-minus.png)
}

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

#appFastView .catalogQtyBlock .catalogQty.error {
    color: red
}

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

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

#appFastView .price {
    position: relative;
    display: block;
    margin-top: 12px;
    color: #000;
    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: #000;
    border-bottom: 1px dashed #bbb;
    transition: all .2s ease-in-out
}

#appFastView .priceValue:hover {
    color: #333
}

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

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

#appFastView .article.hidden {
    display: none
}

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

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

#appFastView .price .discount {
    padding-left: 4px;
    color: #888;
    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/dresscodeV2/images/rating2.png) repeat 0 0 transparent
}

#appFastView i.m {
    z-index: 10;
    width: 0;
    background: url(/bitrix/templates/dresscodeV2/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: #000;
    font-size: 14px;
    line-height: 21px;
    text-decoration: none;
    transition: all .2s ease-in-out
}

#appFastView .appFastViewInformationColumn a.label:hover {
    color: #000
}

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

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

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

.fastSpecialTime .specialTimeItem {
    display: inline-block;
    box-sizing: border-box;
    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
}

#orderList, #subscribeEdit {
    margin-bottom: 36px
}

#footerTabsCaption {
    margin-top: 24px;
    height: 85px;
    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 .2s ease-in-out
}

#footerTabs {
    overflow: hidden
}

#footerTabs .wrapper, #footerTabsCaption .wrapper {
    min-width: 320px;
    max-width: 1480px;
    margin: auto
}

#footerTabs .tab {
    display: none
}

#footerTabs .tab.selected {
    display: block
}

#footerTabs .product:hover .tabloid, #footerTabs .product:hover .wrap, #personalCart .product:hover .tabloid, #personalCart .product:hover .wrap {
    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: #fff;
    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: #000
}

#footerLine.color_theme .item a {
    color: #fff;
    opacity: .7
}

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

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

#footerLine.color_theme .item .active:hover {
    color: #fff;
    opacity: .85
}

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

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

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

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

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

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

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

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

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

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

#footerLine.color_white .item .cart:hover, #footerLine.color_white .item .cart:hover .mark, #footerLine.color_white .item .compare:hover, #footerLine.color_white .item .compare:hover .mark, #footerLine.color_white .item .wishlist:hover, #footerLine.color_white .item .wishlist:hover .mark {
    color: #000;
    opacity: 1
}

#footerLine.color_theme .item .cart:hover, #footerLine.color_theme .item .compare:hover, #footerLine.color_theme .item .wishlist:hover {
    color: #fff;
    opacity: .7
}

#footerLine.color_white .item .cart.active:hover, #footerLine.color_white .item .cart.active:hover .mark, #footerLine.color_white .item .compare.active:hover, #footerLine.color_white .item .compare.active:hover .mark, #footerLine.color_white .item .wishlist.active:hover, #footerLine.color_white .item .wishlist.active:hover .mark {
    opacity: .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 .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 .cart, #footerLine .item .compare, #footerLine .item .wishlist {
    text-transform: uppercase
}

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

#footerLine .item .cart .icon, #footerLine .item .compare .icon, #footerLine .item .wishlist .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 .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 .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 .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;
    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: #000;
    opacity: .8
}

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

#infoTabs {
    padding-bottom: 36px
}

#infoTabs .tab {
    display: none
}

#infoTabs .tab.selected {
    display: block
}

#infoTabsCaption {
    height: 85px;
    line-height: 85px
}

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

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

#infoTabsCaption .item:first-child {
    margin-left: 0
}

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

#catalogColumn {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

#catalogColumn #nextSection {
    margin-top: 0
}

#catalogColumn .leftColumn {
    display: table-cell;
    width: 355px;
    padding-bottom: 24px;
    vertical-align: top
}

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

#catalogColumn #middleSlider {
    margin-bottom: 24px
}

#catalogColumn #middleSlider .limiter {
    width: auto;
    margin: 0;
    padding: 0
}

#nextSection .title {
    font-size: 14px !important;
    font-family: robotobold
}

#catalogColumn .leftColumn .heading {
    display: block;
    height: 50px;
    font-weight: 400;
    font-size: 14px !important;
    font-family: robotobold;
    line-height: 50px;
    text-decoration: none
}

@media all and (max-width: 1300px) {
    #catalogColumn #middleSlider {
        display: none !important
    }

    #catalogColumn .leftColumn {
        width: 285px
    }
}

@media all and (max-width: 1024px) {
    #catalogColumn .leftColumn, #catalogColumn .rightColumn {
        display: block;
        width: auto
    }

    #catalogColumn .rightColumn {
        padding: 0
    }

    #reformal_tab {
        display: none !important
    }

    #smartFilter .heading {
        height: 46px;
        line-height: 46px
    }

    #catalogLine .oFilter {
        display: inline-block
    }

    #catalogColumn .leftColumn {
        padding-bottom: 0
    }

    #catalogColumn #smartFilter {
        position: absolute;
        z-index: 9999;
        width: 300px;
        margin-top: 70px;
        background: #fff;
        border: 0;
        box-shadow: 1px 1px 12px rgb(0 0 0 / 20%);
        visibility: hidden;
        opacity: 0;
        pointer-events: none
    }

    #catalogColumn #smartFilter.opened {
        visibility: visible;
        opacity: 1;
        pointer-events: auto
    }
}

@media all and (max-width: 1024px) {
    #catalogLine .oFilter {
        margin-right: 12px
    }
}

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

.ajaxContainer.loading {
    opacity: .5
}

.mainService.fullBg {
    padding-bottom: 36px;
    background-color: #fff
}

.mainService .slideContainer {
    position: relative;
    margin: 0 -12px;
    overflow: hidden
}

.mainService .heading {
    display: block;
    height: 95px;
    margin-bottom: 0 !important;
    padding-left: 18px;
    color: #000;
    font-size: 18px;
    font-family: robotobold;
    line-height: 95px;
    text-align: center;
    text-transform: uppercase
}

.mainServiceContainer {
    overflow: hidden
}

.mainServiceContainer .items {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none
}

.mainServiceContainer .item {
    float: left;
    box-sizing: border-box;
    padding: 0 12px
}

.mainServiceContainer .item .wrap {
    box-sizing: border-box;
    padding: 0 24px;
    background-color: #fff;
    border: 1px solid #e7e8ea
}

.mainServiceContainer .item .bigPicture {
    height: 200px;
    margin-top: 24px;
    line-height: 200px;
    text-align: center
}

.mainServiceContainer .item .bigPicture a:active {
    position: relative;
    top: 1px
}

.mainServiceContainer .item .bigPicture img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
    transition: all .2s ease-in-out
}

.mainServiceContainer .item .bigPicture img:hover {
    opacity: .9
}

.mainServiceContainer .item .title {
    margin-top: 24px
}

.mainServiceContainer .item .title a {
    display: block;
    height: 44px;
    overflow: hidden;
    color: #000;
    font-size: 14px;
    line-height: 44px;
    text-decoration: none;
    transition: all .2s ease-in-out
}

.mainServiceContainer .item .title a span {
    display: inline-block;
    line-height: 24px;
    vertical-align: middle
}

.mainServiceContainer .item .title a:active {
    position: relative;
    top: 1px
}

.mainServiceContainer .item .newsDate {
    margin-top: 12px;
    color: #888
}

.mainServiceContainer .item .newsDate .pic {
    margin-top: -4px;
    padding-right: 4px;
    vertical-align: middle
}

.mainServiceContainer .item .description {
    margin-top: 12px;
    color: #888;
    font-size: 14px
}

.mainServiceContainer .item .more {
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 24px;
    padding: 4px 12px;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: all .2s ease-in-out
}

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

.mainService .btnLeft, .mainService .btnRight {
    position: absolute;
    top: 50%;
    z-index: 22;
    width: 35px;
    height: 70px;
    background: url(/bitrix/templates/dresscodeV2/images/slideArrowSmallBlack.svg) 0 0 no-repeat transparent;
    transform: translateY(-50%)
}

.mainService .btnLeft {
    left: 0
}

.mainService .btnRight {
    right: 0
}

.mainService .btnLeft:hover {
    background-position: -35px 0
}

.mainService .btnLeft:active {
    background-position: -70px 0
}

.mainService .btnRight {
    background-position: 0 -70px
}

.mainService .btnRight:hover {
    background-position: -35px -70px
}

.mainService .btnRight:active {
    background-position: -70px -70px
}

.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
}

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

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

#catalog .product {
    width: 25%
}

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

.product .btn-simple {
    display: none
}

.product.last {
    line-height: 346px
}

.product .tabloid {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    height: 465px;
    /*height: 345px;*/
    padding: 12px;
    overflow: hidden;
    border: 1px solid transparent;
    transition: box-shadow .3s ease-in-out, border .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/dresscodeV2/images/rating.svg) repeat 0 0 transparent
}

.product .rating i.m {
    z-index: 10;
    width: 0;
    background: url(/bitrix/templates/dresscodeV2/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: .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 .5s ease-in-out
}

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

.product .picture:hover img {
    opacity: .85
}

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

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

#catalogLineList .picture .getFastView, .product .getFastView {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 150px;
    height: 40px;
    margin-top: -20px;
    margin-left: -75px;
    color: #fff;
    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 .2s ease-in-out
}

#catalogLineList .picture:hover .getFastView, .product:hover .getFastView {
    visibility: visible;
    opacity: .9
}

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

.product .addCart {
    position: relative;
    display: block;
    box-sizing: border-box;
    height: 50px;
    padding: 0 24px;
    font-size: 16px;
    line-height: 50px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    transition: all .2s ease-in-out
}
.product .addCart.subscribe span{
    color: black;
}
.product .addCart.subscribe span img{
    filter: invert(1);
}
.product .addCart span, .product .addCart.added span, .product .addCart.disabled span, .product .addCart.requestPrice span, .product .addCart.subscribe span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    transform: translate(-50%, -50%);
    transition: all .2s ease-in-out
}

.product .addCart.added + .quantityContainer, .product .addCart.disabled + .quantityContainer, .product .addCart.requestPrice + .quantityContainer, .product .addCart.subscribe + .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.requestPrice + .quantityContainer, .product .addCart.subscribe + .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.requestPrice span, .product .addCart.subscribe span {
    left: 50%;
    transform: translate(-50%, -50%)
}

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

.product .quantityContainer {
    position: absolute;
    top: 13px;
    right: 24px;
    transform: translateX(50px);
    visibility: hidden;
    opacity: 0;
    transition: all .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: #fff;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    border: 0
}

.product .quantityContainer .quantity.maxQuantity {
    color: red
}

.product .quantityContainer .minus, .product .quantityContainer .plus {
    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/dresscodeV2/images/basket-add-plus.png);
    border-radius: 2px 2px 0 0
}

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

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

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

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

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

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

.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 .2s ease-in-out
}

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

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

.inStock {
    color: #73b24e !important
}

.inStock:hover {
    color: #73b24e !important
}

.getStoresWindow.inStock span {
    border-bottom: 1px dashed #73b24e !important;
    cursor: pointer
}

.getStoresWindow.inStock:hover span {
    opacity: .8
}

.outOfStock, .product .label.outOfStock {
    color: red
}

.outOfStock:hover, .product .label.outOfStock :hover {
    color: red
}

.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;
    top: 0;
    pointer-events: none
}

.product .skuProperty .disabled {
    display: none
}

.product .skuPropertyLink {
    display: block;
    padding: 4px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px
}

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

.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: .2s all ease-in-out
}

.product.last .icon .iconSmall {
    display: none
}

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

.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: #fff;
    border: 1px solid #e7e8ea;
    border-radius: 2px;
    user-select: none
}

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

.item .oSkuCheckedItem:hover {
    opacity: .8
}

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

.item .oSkuCheckboxList label::before, .item .oSkuDropdown 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: #fff;
    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: #fff;
    font-family: robotomedium;
    background-color: #f9f9f9;
    box-shadow: 1px 1px 12px #f1f1f1 inset;
    cursor: pointer;
    opacity: .8
}

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

.item .oSkuDropdownList .oSkuPropertyItemLink {
    display: block;
    padding: 12px 8px !important;
    color: #000;
    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 .oSkuPropertyItemLink:active, .item .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink {
    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: #fff;
    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 {
    margin-bottom: 36px
}

.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 .2s ease-in-out
}

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

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

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

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

.bx-auth {
    margin-bottom: 36px;
    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/dresscodeV2/images/checkBox.png) 0 0 no-repeat transparent
}

.bx-auth input[type=radio] + label::before {
    background: url(/bitrix/templates/dresscodeV2/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=password], .bx-auth input[type=text] {
    box-sizing: border-box;
    width: 420px;
    height: 48px;
    padding: 0 12px;
    border: 0;
    transition: all .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 .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: 0 0;
    cursor: pointer;
    transition: all .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 .2s ease-in-out
}

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

.backToIndexPage, .blackLink {
    transition: all .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 .2s ease-in-out
}

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

.blurred {
    background: #fff;
    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/dresscodeV2/images/sn.svg) 0 0 no-repeat transparent
}

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

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

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

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

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

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

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

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

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

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

.sn .tiktok {
    background: url(/bitrix/templates/dresscodeV2/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/dresscodeV2/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
}

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

#requestPrice #requestPriceResult {
    box-sizing: border-box;
    padding: 0 24px;
    transform: translateY(50%)
}

#requestPrice #requestPriceResultTitle {
    margin-top: 24px;
    font-size: 16px;
    text-align: center
}

#requestPrice #requestPriceResultMessage {
    margin-top: 24px;
    text-align: center
}

#requestPrice #requestPriceResultClose {
    display: block;
    width: 254px;
    height: 50px;
    margin: 24px auto;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease-in-out
}

#requestPrice #requestPriceResultClose:active {
    position: relative;
    top: 1px
}

#requestPrice #requestPriceContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 700px;
    height: 430px;
    margin-top: -215px;
    margin-left: -350px;
    padding: 24px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 1px 1px 12px rgb(60 60 60 / 30%)
}

#requestPrice .requestPriceHeading {
    position: relative;
    height: 60px;
    color: #000;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    background-color: #f9f9f9;
    border-radius: 6px
}

#requestPrice .requestPriceHeading .close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 21px;
    height: 21px;
    background: url(/bitrix/templates/dresscodeV2/images/exit.svg) 0 0 no-repeat transparent
}

#requestPrice .requestPriceHeading .close:hover {
    background-position: 0 -21px
}

#requestPrice .requestPriceHeading .close:active {
    background-position: 0 -42px
}

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

#requestPrice .productColumn {
    display: table-cell;
    width: 320px;
    text-align: center;
    vertical-align: middle
}

#requestPrice .productNameBlock {
    padding: 0 24px
}

#requestPrice .productNameBlock .productUrl {
    display: block;
    height: 44px;
    margin-bottom: 12px;
    overflow: hidden;
    color: #000;
    font-size: 14px;
    line-height: 44px;
    text-decoration: none;
    transition: .2s all ease-in-out
}

#requestPrice .productNameBlock .productUrl:active {
    position: relative;
    top: 1px
}

#requestPrice .productImageBlock {
    display: block;
    height: 270px;
    line-height: 270px;
    text-align: center
}

#requestPrice .productImageBlock a {
    display: block;
    height: 270px;
    line-height: 270px;
    transition: all .2s ease-in-out
}

#requestPrice .productImageBlock a:hover {
    opacity: .8
}

#requestPrice .productImageBlock a:active {
    position: relative;
    top: 1px
}

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

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

#requestPrice .formColumn {
    display: table-cell;
    width: 380px;
    vertical-align: middle
}

#requestPrice .requestPriceFormHeading {
    display: block;
    margin-top: 24px;
    margin-right: 24px;
    margin-bottom: 12px;
    font-size: 16px;
    text-align: center
}

#requestPrice input {
    box-sizing: border-box;
    width: 354px;
    height: 50px;
    margin-bottom: 12px;
    padding-left: 12px;
    font-family: roboto_ltregular;
    border: 0;
    transition: all .2s ease-in-out
}

#requestPrice input {
    color: #000;
    background-color: #f3f3f3
}

#requestPrice .personalInfoRequest {
    margin-bottom: 12px
}

#requestPrice input[type=checkbox] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-right: 6px;
    margin-bottom: 0;
    vertical-align: middle
}

#requestPrice input[type=checkbox].error + label {
    border-bottom: 1px solid red !important
}

#requestPrice textarea {
    box-sizing: border-box;
    width: 354px;
    height: 60px;
    margin-bottom: 12px;
    padding-top: 12px;
    padding-left: 12px;
    font-family: roboto_ltregular;
    border: 0;
    transition: all .2s ease-in-out;
    resize: none
}

#requestPrice textarea {
    background-color: #f3f3f3
}

#requestPrice input:focus, #requestPrice textarea:focus {
    background-color: #e9e9e9;
    outline: 0
}

#requestPrice #requestPriceSubmit {
    display: block;
    width: 354px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all .2s ease-in-out
}

#requestPrice #requestPriceSubmit:active {
    position: relative;
    top: 1px
}

#requestPrice #requestPriceSubmit.loading {
    text-indent: 12px;
    opacity: .9;
    transition: background 0s !important
}

#requestPrice #requestPriceSubmit.loading img {
    display: none
}

#requestPrice #requestPriceSubmit img {
    margin-top: -2px;
    padding-right: 4px;
    vertical-align: middle
}

#requestPrice .markerContainer {
    position: absolute;
    top: 0;
    left: 12px
}

#requestPrice .error {
    border: 1px solid red
}

#smartFilter {
    margin-top: 0
}

#searchSection a {
    color: #000;
    transition: all .2s ease-in-out
}

#searchSection a:hover {
    opacity: .7
}

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

.limiter {
    clear: both;
    min-width: 320px;
    max-width: 1480px;
    margin: auto
}

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

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

.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: 400;
    font-family: robotomedium;
    background-color: #f7f7f7;
    border: 1px solid #e4e4e4
}

.priceTableStyle80 td {
    padding: 12px 24px;
    color: #333;
    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/dresscodeV2/images/loaderMin.gif) 50% 50% no-repeat #fff;
    content: ""
}

#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;
    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 {
    color: #73b24e
}

#stores .storeTable .red {
    color: red
}

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

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

#stores .storeTable a:hover {
    color: #888
}

#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 .2s ease-in-out
}

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

#error404 .errorPic:hover {
    opacity: .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: 370px
}

.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: #888;
    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 .2s ease-in-out
}

.dropDownList .dropDownSelected:hover {
    opacity: .9
}

.dropDownList .dropDownSelected::after {
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    width: 9px;
    height: 5px;
    margin-top: -3px;
    background: url(/bitrix/templates/dresscodeV2/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: #fff
}

.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 .2s ease-in-out
}

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

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

.banner-animated .image {
    transform: translate3d(30px, 0, 0);
    opacity: 0;
    transition: all .6s .4s ease-in-out
}

.banner-animated.banner-image-load .image {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.slider_middle #slider .limiter, .slider_middle #slider ul li span {
    height: 800px
}

.slider_small #slider .limiter, .slider_small #slider ul li span {
    height: 600px
}

.slider_middle #slider ul li span, .slider_small #slider ul li span {
    background-position: 50% 0
}

@media all and (max-width: 1920px) {
    .slider_middle #slider .limiter, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .videoPoster, .slider_middle #slider ul li span {
        height: 540px
    }

    .slider_small #slider .limiter, .slider_small #slider .slideVideoContainer, .slider_small #slider .videoPoster, .slider_small #slider ul li span {
        height: 420px
    }
}

@media all and (max-width: 1600px) {
    .slider_middle #slider .limiter, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .videoPoster, .slider_middle #slider ul li span {
        height: 450px
    }

    .slider_small #slider .limiter, .slider_small #slider .slideVideoContainer, .slider_small #slider .videoPoster, .slider_small #slider ul li span {
        height: 380px
    }

    #slider .limiter, #slider .slideVideoContainer, #slider .videoPoster, #slider ul li span {
        height: 550px
    }
}

@media all and (max-width: 1366px) {
    .slider_middle #slider .limiter, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .videoPoster, .slider_middle #slider ul li span {
        height: 480px
    }

    .slider_small #slider .limiter, .slider_small #slider .slideVideoContainer, .slider_small #slider .videoPoster, .slider_small #slider ul li span {
        height: 350px
    }
}

@media all and (max-width: 1300px) {
    .slider_middle #slider .limiter, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .videoPoster, .slider_middle #slider ul li span {
        height: 420px
    }

    .slider_small #slider .limiter, .slider_small #slider .slideVideoContainer, .slider_small #slider .videoPoster, .slider_small #slider ul li span {
        height: 420px
    }
}

@media all and (max-width: 1200px) {
    .slider_middle #slider .limiter, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .videoPoster, .slider_middle #slider ul li span {
        height: 400px
    }

    .slider_small #slider .limiter, .slider_small #slider .slideVideoContainer, .slider_small #slider .videoPoster, .slider_small #slider ul li span {
        height: 400px
    }
}

@media all and (max-width: 1100px) {
    .slider_middle #slider .limiter, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .videoPoster, .slider_middle #slider ul li span {
        height: 380px
    }

    .slider_small #slider .limiter, .slider_small #slider .slideVideoContainer, .slider_small #slider .videoPoster, .slider_small #slider ul li span {
        height: 380px
    }
}

@media all and (max-width: 1024px) {
    .slider_middle #slider .limiter, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .videoPoster, .slider_middle #slider ul li span {
        height: 350px
    }

    .slider_small #slider .limiter, .slider_small #slider .slideVideoContainer, .slider_small #slider .videoPoster, .slider_small #slider ul li span {
        height: 350px
    }
}

@media all and (max-width: 850px) {
    .slider_middle #slider .limiter, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .videoPoster, .slider_middle #slider ul li span {
        height: 300px
    }

    .slider_small #slider .limiter, .slider_small #slider .slideVideoContainer, .slider_small #slider .videoPoster, .slider_small #slider ul li span {
        height: 300px
    }
}

@media all and (max-width: 700px) {
    .slider_middle #slider .limiter, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .videoPoster, .slider_middle #slider ul li span {
        height: 280px
    }

    .slider_small #slider .limiter, .slider_small #slider .slideVideoContainer, .slider_small #slider .videoPoster, .slider_small #slider ul li span {
        height: 280px
    }
}

@media all and (max-width: 660px) {
    .slider_middle #slider .limiter, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .videoPoster, .slider_middle #slider ul li span {
        height: 260px
    }

    .slider_small #slider .limiter, .slider_small #slider .slideVideoContainer, .slider_small #slider .videoPoster, .slider_small #slider ul li span {
        height: 260px
    }
}

@media all and (max-width: 480px) {
    .slider_middle #slider .limiter, .slider_middle #slider .slideVideoContainer, .slider_middle #slider .videoPoster, .slider_middle #slider ul li span {
        height: 220px
    }

    .slider_small #slider .limiter, .slider_small #slider .slideVideoContainer, .slider_small #slider .videoPoster, .slider_small #slider ul li span {
        height: 220px
    }
}

body.panels_white #homeCatalog .captionList {
    box-sizing: border-box;
    background-color: transparent
}

body.panels_white #homeCatalog .caption {
    border-left: 1px solid #e7e8ea
}

body.panels_white #homeCatalog .caption:not(.selected):hover {
    background-color: #fbfbfb
}

body.panels_white #homeCatalog .caption.selected a {
    color: #fff
}

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

body.panels_white #homeCatalog .captionList .cItem:first-child {
    margin-left: -1px
}

body.panels_white #homeCatalog #captionCarousel {
    margin-left: -1px;
    background-color: #fff;
    border-right: 1px solid #e7e8ea;
    border-left: 1px solid #e7e8ea
}

body.panels_white #left .sideBlock .heading {
    color: #000;
    background-color: #fff;
    border: 1px solid #e7e8ea
}

body.panels_white #collectionBlock .sideBlockContent, body.panels_white #left #subscribe .sideBlockContent, body.panels_white #serviceBlock .sideBlockContent {
    border-top: 0
}

body.panels_white #left #subscribe .heading {
    border-right: 0;
    border-left: 0
}

body.panels_white #right #brandList .heading, body.panels_white #right #popSection .heading {
    box-sizing: border-box;
    color: #000;
    background-color: #fff;
    border: 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%)
}

@media all and (min-width: 1024px) {
    .menuContainerColor.color_white #mainMenuContainer {
        background-color: #fff;
        border-top: 1px solid #f6f6f6;
        border-bottom: 1px solid #f6f6f6
    }

    .menuContainerColor.color_gray #mainMenuContainer {
        background-color: #fbfbfb;
        border-top: 1px solid #f6f6f6;
        border-bottom: 1px solid #f6f6f6
    }

    .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li:first-child, .menuContainerColor.color_white #mainMenuContainer #mainMenu > li:first-child {
        border-left: 1px solid #f6f6f6
    }

    .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li:first-child {
        border-color: rgb(255 255 255 / 10%)
    }

    .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li {
        border-color: rgb(255 255 255 / 10%)
    }

    .menuContainerColor.color_white #mainMenuContainer #mainMenu > li:hover {
        background-color: #fbfbfb
    }

    .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li:hover {
        background-color: #fff
    }

    .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li a, .menuContainerColor.color_gray #mainMenuContainer #mainMenu > li a:hover, .menuContainerColor.color_white #mainMenuContainer #mainMenu > li a, .menuContainerColor.color_white #mainMenuContainer #mainMenu > li a:hover {
        color: #000
    }
    #mainMenu > li{
        line-height: 24px;
    }
    #mainMenu > li > a{
        padding: 0 10px;
    }
    .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li > a, .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li > a:hover {
        color: #fff;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        min-width: 130px;
    }
    #mainMenu > li img{
        padding-top: 4px;
        padding-right: unset;
        width: 32px;
    }

    .menuContainerColor.color_gray #menuCatalogSection, .menuContainerColor.color_white #menuCatalogSection {
        border-left: 1px solid #f6f6f6
    }

    .menuContainerColor.color_theme #menuCatalogSection {
        border-color: rgb(255 255 255 / 10%)
    }

    .menuContainerColor.color_white #menuCatalogSection .catalogButton {
        color: #000;
        background-color: #fff
    }

    .menuContainerColor.color_gray #menuCatalogSection .catalogButton {
        color: #000;
        background-color: #fbfbfb
    }

    .menuContainerColor.color_gray #menuCatalogSection .catalogButton:hover, .menuContainerColor.color_theme #menuCatalogSection .catalogButton:hover, .menuContainerColor.color_white #menuCatalogSection .catalogButton:hover {
        opacity: .8
    }

    .menuContainerColor.color_gray #mainMenu .removedItemsLink .removedItemsList, .menuContainerColor.color_white #mainMenu .removedItemsLink .removedItemsList {
        background-color: #fbfbfb
    }

    .menuContainerColor.color_gray #mainMenu .removed, .menuContainerColor.color_white #mainMenu .removed {
        border-top: 1px solid #fff
    }

    .menuContainerColor.color_theme #mainMenu .removed {
        border-color: rgb(255 255 255 / 10%)
    }

    .menuContainerColor.color_theme #mainMenu .removed:hover a {
        color: #fff
    }

    .menuContainerColor.color_gray #mainMenu .removed:hover, .menuContainerColor.color_white #mainMenu .removed:hover {
        background-color: #fff
    }

    .menuContainerColor.color_gray #mainMenu .removedItemsLink > a, .menuContainerColor.color_white #mainMenu .removedItemsLink > a {
        background-image: url(/bitrix/templates/dresscodeV2/images/menuSlicedIconW.svg)
    }

    .menuContainerColor.color_gray #menuCatalogSection .catalogButtonImage, .menuContainerColor.color_white #menuCatalogSection .catalogButtonImage {
        background-image: url(/bitrix/templates/dresscodeV2/images/catalogButtonW.svg)
    }

    .menuContainerColor.color_gray #menuCatalogSection .sectionMenuArrow, .menuContainerColor.color_white #menuCatalogSection .sectionMenuArrow {
        background-image: url(/bitrix/templates/dresscodeV2/images/sectionMenuArrowW.svg)
    }
}

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

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

.pilink {
    color: #888;
    text-decoration: none;
    transition: all .2s ease-in-out
}

.pilink:hover {
    opacity: .7
}

.pilink:active {
    position: relative;
    top: 1px
}

.clear {
    clear: both
}

.hidden {
    display: none
}

.hiddenZone {
    display: none
}

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

.addCart:active {
    position: relative;
    top: 1px
}

@media all and (min-width: 700px) {
    #catalog.alone-item .product {
        width: 50%
    }
}

@media all and (min-width: 870px) {
    #catalog.alone-item .product {
        width: 33.333%
    }
}

@media all and (min-width: 1220px) {
    #catalog.alone-item .product {
        width: 25%
    }
}

@media all and (min-width: 1520px) {
    #catalog.alone-item .product {
        width: 20%
    }
}

@media all and (max-width: 1920px) {
    #slider .limiter, #slider .slideVideoContainer, #slider .videoPoster, #slider ul li span {
        height: 690px
    }
}

@media all and (max-width: 1800px) {
    .product {
        height: 461px
        /*height: 341px*/
    }

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

    .product .tabloid {
        height: 460px
        /*height: 340px*/
    }

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

    .product .name {
        margin-bottom: 2px
    }

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

    #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
    }

    #catalogColumn .product {
        width: 25%
    }

    .addCart.requestPrice {
        margin-top: 30px
    }
}

@media all and (max-width: 1600px) {
    #slider .limiter, #slider .slideVideoContainer, #slider .videoPoster, #slider ul li span {
        height: 650px
    }

    #slider .leftContainer, #slider .sliderContent {
        left: 72px
    }

    #slider .rightContainer {
        right: 48px;
        left: unset
    }

    #slider .centerContainer {
        left: 50%;
        transform: translateX(-50%) translateY(-50%) !important
    }
}

@media all and (max-width: 1500px) {
    #footerTabs .wrapper, #footerTabsCaption .wrapper, .limiter {
        box-sizing: border-box;
        margin: 0 24px
    }

    #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
    }
}

@media all and (max-width: 1450px) {
    .product .addCart {
        padding: 0 12px
    }

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

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

    .product .addCartContainer:hover .addCart.added .icon, .product .addCartContainer:hover .addCart.requestPrice .icon, .product .addCartContainer:hover .addCart.subscribe .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 .4s ease-in-out
    }

    .product .quantityContainer {
        top: 18px;
        right: 18px
    }

    .product .quantityContainer .minus, .product .quantityContainer .plus, .product .quantityContainer .quantity {
        width: 24px;
        height: 24px
    }
}

@media all and (max-width: 1400px) {
    #catalogColumn #catalogLineList .description {
        display: none
    }

    #catalogColumn #catalogLineList .prop {
        width: 100%
    }

    .mainServiceContainer .item .wrap {
        padding: 0 18px
    }

    .mainServiceContainer .item .bigPicture {
        height: 140px;
        margin-top: 18px;
        line-height: 140px
    }

    .mainServiceContainer .item .title {
        margin-top: 18px
    }

    .mainServiceContainer .item .title a {
        height: 32px;
        line-height: 32px
    }

    .mainServiceContainer .item .title a span {
        line-height: 16px
    }
}

@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-email input, div.mf-message textarea, div.mf-name input {
        width: 100%
    }

    .mfeedback input[type=submit] {
        width: 200px
    }

    #slider .limiter, #slider .slideVideoContainer, #slider .videoPoster, #slider ul li span {
        height: 518px
    }
}

@media all and (max-width: 1300px) and (min-width: 1024px) {
    .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: 1300px) {
    .product {
        width: 25%;
        height: 461px
    }

    #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
    }

    #slider .limiter, #slider .slideVideoContainer, #slider .videoPoster, #slider ul li span {
        height: 420px
    }

    #footer .rightTable .leftColumn {
        display: none
    }

    #rightFooter {
        width: 23%
    }

    #empty .emptyMenu li {
        width: 50%
    }

    #modef {
        left: 301px
    }

    #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor {
        font-size: 36px;
        line-height: 42px
    }

    #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight {
        font-size: 24px;
        line-height: 30px
    }

    #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight {
        font-size: 14px;
        line-height: 21px
    }

    #slider .sliderContent {
        max-width: 400px
    }

    #slider .sliderContent br {
        display: none
    }

    #slider .leftContainer, #slider .sliderContent {
        left: 24px
    }

    #slider .rightContainer {
        right: 24px;
        left: unset
    }

    #slider .centerContainer {
        left: 50%;
        transform: translateX(-50%) translateY(-50%)
    }

    #catalogColumn .product {
        width: 33.33333%
    }

    #catalog .product {
        width: 33.33333%
    }
}

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

    #homeCatalog .captionList {
        height: 55px;
        line-height: 55px
    }
}

@media all and (max-width: 1200px) {
    #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 .priceLabel {
        display: none
    }

    #catalogLineList .column:last-child .article {
        display: none
    }

    #catalogTableList .column:nth-child(7) {
        display: none
    }

    #catalogLineList .column:last-child {
        background-color: #f9f9f9
    }

    #slider .limiter, #slider .slideVideoContainer, #slider .videoPoster, #slider ul li span {
        height: 400px
    }
}

@media all and (max-width: 1150px) {
    #catalogColumn .product {
        width: 50%
    }

    #catalog .product {
        width: 50%
    }
}

@media all and (max-width: 1100px) {
    #catalogLineList .description {
        display: none
    }

    #catalogLine .column:last-child .label {
        display: none
    }

    #catalogLineList .prop {
        width: 100%
    }

    #catalogTableList .column:nth-child(4) {
        display: none
    }

    #slider .limiter, #slider .slideVideoContainer, #slider .videoPoster, #slider ul li span {
        height: 380px
    }
}

@media all and (max-width: 1300px) 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: 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) {
    #catalog-section-banners {
        display: none !important
    }

    #colorSwitcher {
        display: none !important
    }

    #slider .sliderBtnLeft, #slider .sliderBtnRight {
        display: none
    }

    #mainMenuContainer .minCatalogButton {
        display: block
    }

    #mainMenuContainer {
        height: auto;
        background: 0 0
    }

    #mainMenuContainer .limiter {
        margin: 0
    }

    #mainMenu {
        display: none;
        height: auto
    }

    #mainMenu li {
        float: none;
        line-height: 21px
    }

    #mainMenu li:first-child {
        border: 0
    }

    #mainMenu li a {
        display: block;
        padding: 18px 24px
    }

    #middleSlider {
        display: none !important
    }

    #menuCatalogSection {
        display: none
    }

    #bestsellers {
        margin-top: 0
    }

    #footer .top .left, #headerTools .nf, .product:hover .fastShow {
        display: none
    }

    #smartFilter .heading {
        cursor: pointer
    }

    #nextSection ul {
        display: none
    }

    #nextSection {
        border: 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/dresscodeV2/images/catalogIco2.png) center center no-repeat;
        content: ""
    }

    #smartFilterForm .slider {
        display: none
    }

    #modef {
        display: none !important
    }

    #slider .limiter, #slider .slideVideoContainer, #slider .videoPoster, #slider ul li span {
        height: 350px
    }

    #catalogLineList .picture .getFastView, .product .getFastView {
        display: none !important
    }

    #appFastView {
        display: none !important
    }

    #fastViewStores {
        display: none !important
    }

    a.inStock span {
        border: 0 !important
    }

    #slider ol {
        display: none
    }

    #slider .slideVideo {
        display: none
    }

    #slider .videoPoster {
        display: block
    }

    .templateSwitcher, .templateSwitcherSettings {
        display: none !important
    }

    .product {
        width: 25%;
        height: 424px
        /*height: 301px*/
    }

    .product.last {
        line-height: 300px
    }

    .product .tabloid {
        height: 423px
        /*height: 300px*/
    }

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

    .productSpecialTime {
        top: 30px
    }

    #homeCatalog .captionList {
        height: 50px;
        line-height: 50px
    }

    #homeCatalog .captionBtnLeft, #homeCatalog .captionBtnRight {
        display: none !important
    }

    #homeCatalog .caption a {
        font-size: 14px
    }

    #homeCatalog #captionCarousel {
        position: relative
    }

    #catalogColumn .product {
        width: 25%
    }
}

@media all and (max-width: 1024px) {
    #leftFooter, #leftFooter .column, #rightFooter, #rowFooter {
        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,
    #rightFooter .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_4 #leftFooter .heading, #footer.variant_5 #leftFooter .heading {
        color: #000
    }

    #footer.variant_2 #leftFooter .heading, #footer.variant_3 #leftFooter .heading,
    #footer.variant_3 #rightFooter .heading, #footer.variant_4 #leftFooter .heading, #footer.variant_5 #leftFooter .heading, #footer.variant_7 #leftFooter .heading, #footer.variant_8 #leftFooter .heading {
        border: 0
    }

    #leftFooter .heading:not(.noTabs)::after,
    #rightFooter .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/dresscodeV2/images/mobile-tab-show.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 25px;
        content: ""
    }

    #leftFooter .heading.active::after,
    #rightFooter .heading.active::after
    {
        background-image: url(/bitrix/templates/dresscodeV2/images/mobile-tab-hide.svg)
    }

    #leftFooter .heading + ul,
    #rightFooter .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
    }

    #rightFooter .social {
        float: none;
        margin: 0;
        padding: 0;
        overflow-x: scroll
    }

    #rightFooter ul {
        display: inline-block;
        white-space: nowrap
    }

    #rightFooter .sn {
        float: none
    }

    #rightFooter .sn li {
        display: inline-block;
        float: none;
        vertical-align: middle
    }
}

@media all and (max-width: 1000px) {
    .product {
        width: 33.33333%
    }

    #catalogColumn .product {
        width: 33.33333%
    }

    #catalog .product {
        width: 33.33333%
    }

    #popSection .picture img {
        max-width: 75%;
        max-height: 75%
    }

    #brandList .picture img {
        max-width: 70%;
        max-height: 70%
    }

    .bx-auth .rightContainer .bx-title {
        margin-top: 12px
    }
}

@media all and (max-width: 850px) {
    #topHeading {
        display: none
    }

    #catalogLineList .column:last-child .price, #catalogLineList .column:last-child .priceLabel {
        font-size: 18px
    }

    #headerTools .nf {
        display: none
    }

    #catalogLine .column:last-child .label {
        display: none
    }

    #slider .limiter, #slider .slideVideoContainer, #slider .videoPoster, #slider ul li span {
        height: 340px
    }

    #modef {
        display: none !important
    }

    #catalogLine .column:nth-child(3) {
        display: none
    }

    #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: 800px) {
    #slider .sliderContent .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor {
        font-size: 24px;
        line-height: 30px
    }

    #slider .sliderContent .mediumText, #slider .sliderContent .mediumTextColor, #slider .sliderContent .mediumTextLight {
        font-size: 18px;
        line-height: 24px
    }

    #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight {
        font-size: 14px;
        line-height: 21px
    }

    .mainService .slideContainer {
        margin: 0 -2px
    }

    .mainServiceContainer .item {
        padding: 0 2px
    }

    .mainServiceContainer .item .bigPicture {
        height: 110px;
        line-height: 110px
    }

    .mainServiceContainer .item .wrap {
        padding: 0 12px
    }

    .mainServiceContainer .item .more {
        margin-bottom: 18px
    }
}

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

    #catalogColumn .product {
        width: 50%
    }

    #catalog .product {
        width: 50%
    }

    #popSection .item {
        width: 33.33333%
    }

    #brandList .item {
        width: 33.33333%
    }

    #homeCatalog .caption {
        border: none
    }
}

@media all and (max-width: 750px) {
    #appFastBuyContainer .column:first-child, #requestPrice .productColumn {
        display: none
    }

    #appFastBuyContainer .column {
        float: none;
        box-sizing: border-box;
        width: 100%;
        padding: 0 24px
    }

    #appFastBuyContainer input, #appFastBuyContainer textarea {
        width: 100%
    }

    #appFastBuyContainer .formLine {
        text-align: center
    }

    #appFastBuyContainer #fastBuyFormSubmit {
        display: inline-block;
        width: 50%
    }

    #appFastBuyContainer {
        width: 100%;
        margin: 0;
        transform: translate(-50%, -50%)
    }

    #requestPrice .formColumn {
        box-sizing: border-box;
        width: 100%;
        padding: 0 24px
    }

    #requestPrice #requestPriceSubmit, #requestPrice input, #requestPrice textarea {
        width: 100%
    }

    #requestPrice input {
        height: 45px
    }

    #requestPrice textarea {
        height: 50px
    }

    #requestPrice #requestPriceContainer {
        left: 50%;
        box-sizing: border-box;
        width: 90%;
        margin-left: 0;
        padding: 0;
        background-color: #fff;
        transform: translateX(-50%)
    }

    #requestPriceForm {
        margin-bottom: 24px
    }

    #requestPrice .requestPriceFormHeading {
        margin-right: 0
    }

    #rowFooter {
        display: block
    }

    #leftFooter, #rightFooter {
        display: block;
        width: 100%
    }

    #rightFooter .rightTable td {
        text-align: left
    }
}

@media all and (max-width: 700px) {
    #mainMenuContainer .minCatalogButton {
        padding-left: 12px
    }

    #slider .limiter, #slider .videoPoster, #slider ul li span {
        height: 200px
    }

    #footerTabs .wrapper, #footerTabsCaption .wrapper, .limiter {
        margin: 0;
        padding: 0 12px
    }

    #footer .limiter {
        margin: 0;
        padding: 0 12px
    }

    #main .limiter {
        box-sizing: border-box;
        padding: 0 12px
    }

    #mainMenuContainer .limiter {
        padding: 0
    }

    #topMenu {
        margin-left: 12px
    }

    #logo {
        border-right: 0
    }

    #topSearch form {
        box-sizing: border-box
    }

    #footer .top {
        box-sizing: border-box;
        padding: 0 12px
    }

    #footer .bottom {
        box-sizing: border-box;
        padding: 0 12px
    }

    #footer .bottom .left {
        width: 60px
    }

    #flushFooterCart .item:nth-child(1) {
        display: none
    }

    .copyright img {
        display: none
    }

    .copyright {
        display: block;
        width: 60px;
        height: 60px;
        background: url(/bitrix/templates/dresscodeV2/images/sn.svg) -360px 0 no-repeat transparent
    }

    .copyright:hover {
        background-position: -360px -60px
    }

    #catalogLineList .resizeColumn {
        width: 40%
    }

    #catalogLineList .column .resizeColumn.last {
        width: 20%
    }

    #catalogLineList .column:last-child .optional .label {
        width: 100%
    }

    #catalogLineList .column:last-child .optional .label:first-child {
        display: none
    }

    #catalogLineList .column:last-child .priceLabel {
        display: none
    }

    #catalogTableList .column:nth-child(8) {
        display: none
    }

    #appBasket {
        display: none !important
    }

    #overlap {
        display: none !important
    }

    .blurred {
        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-captcha, div.mf-email, div.mf-message, div.mf-name {
        width: 100%
    }

    .product .row:first-child {
        /*display: none*/
        display: flex;
    }

    #slider .limiter, #slider .slideVideoContainer, #slider .videoPoster, #slider ul li span {
        height: 320px
    }

    .product {
        width: 50%;
        height: auto
    }

    body .product:hover .tabloid {
        position: relative;
        border-color: transparent;
        box-shadow: none
    }

    .product.last {
        line-height: 328px
    }

    .product .btn-simple {
        display: inline-block;
        font-size: 13px
    }

    .product .tabloid {
        height: 100%
    }

    .product:hover .tabloid {
        height: 100%
    }

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

    .product .optional {
        /*display: none*/
    }

    .product .skuProperty {
        display: none
    }

    .product .addCart {
        /*display: none*/
    }
    .product .btn-simple.add-cart{
        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
    }

    .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
    }

    .mainService .btnLeft, .mainService .btnRight {
        position: absolute;
        top: 50%;
        z-index: 22;
        width: 24px;
        height: 48px;
        background: url(/bitrix/templates/dresscodeV2/images/slideArrowMicro.png) 0 0 no-repeat transparent;
        transform: translateY(-50%)
    }

    .mainService .btnLeft:hover {
        background-position: -24px 0
    }

    .mainService .btnLeft:active {
        background-position: -48px 0
    }

    .mainService .btnRight {
        background-position: 0 -48px
    }

    .mainService .btnRight:hover {
        background-position: -24px -48px
    }

    .mainService .btnRight:active {
        background-position: -48px -48px
    }

    .product .addCartContainer {
        /*display: none*/
    }

    .product .price .discount {
        margin-top: 2px
    }

    .product .name {
        margin-bottom: 2px
    }
}

@media all and (max-width: 660px) {
    #footer {
        padding-top: 0
    }

    #footerTabs, #footerTabs .tab, #footerTabsCaption, div[id*=bigdata_recommended_] {
        display: none !important
    }

    #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%
    }

    #slider .limiter, #slider .slideVideoContainer, #slider .videoPoster, #slider ul li span {
        height: 300px
    }

    #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 .ps, #popSection .last .value {
        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
    }

    .catalogLineSpecialTime {
        display: none
    }

    #footerBottom .creator {
        display: none
    }
}

@media all and (max-width: 525px) {
    #catalogLine .column:first-child {
        float: left
    }

    #catalogLine .column:nth-child(2) {
        float: right
    }

    #catalogLine .column:last-child {
        display: none
    }
}

@media all and (max-width: 500px) {
    .top-auth-exit, .top-auth-login, .top-auth-personal, .top-auth-register {
        position: absolute;
        top: 100px;
        border: none !important
    }

    .top-auth-login, .top-auth-personal {
        left: 12px
    }

    .top-auth-exit {
        left: 120px
    }

    .top-auth-register {
        left: 52px
    }

    #headerTools {
        padding-right: 12px;
        border: none
    }

    #headerTools .telephone {
        position: absolute;
        top: 103px;
        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: #000;
        font-size: 14px;
        font-family: robotomedium
    }

    #headerTools .tools li {
        border: none !important
    }

    #headerTools .tools .cart {
        padding: 0
    }

    #topHeader.color_black #topMenu, #topHeader.color_black #topService, #topHeader.color_theme #topMenu, #topHeader.color_theme #topService, #topService {
        border: none
    }

    #topHeader.color_black #topService li, #topHeader.color_theme #topService li, #topService li {
        padding: 0;
        border: none
    }

    #logo {
        height: 75px;
        line-height: 75px;
        border: none
    }

    #headerTools .tools li {
        line-height: 75px
    }

    #topMenu {
        margin-left: 0
    }

    .user-geo-position {
        padding-right: 12px;
        text-align: right
    }

    #topSearch input[type=text] {
        padding-left: 6px
    }

    #topService li a {
        color: #888
    }

    #panel {
        position: fixed;
        z-index: 9999
    }

    #logo {
        text-align: left
    }

    #topHeader #topMenu {
        border: none
    }

    #topSearch input[type=text] {
        font-size: 14px
    }

    #topSeachCloseForm {
        font-size: 13px
    }

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

    .product.last {
        line-height: 308px
    }

    #subHeader #logo {
        padding-left: 12px
    }

    #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: 480px) {
    #brandList .heading {
        padding-bottom: 24px
    }

    #homeCatalog .captionList .limiter {
        padding: 0
    }

    #leftFooter .column {
        width: 100%
    }

    .sn {
        display: none
    }

    #catalogTableList .column:first-child {
        width: auto
    }

    #catalogTableList .column:nth-child(2) {
        margin-top: 0;
        padding-left: 0
    }

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

    #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 {
        width: 100%
    }

    #slider .limiter, #slider .slideVideoContainer, #slider .videoPoster, #slider ul li span {
        height: 250px;
        padding: 0
    }

    #slider .sliderContent {
        right: unset;
        left: unset;
        box-sizing: border-box;
        width: 100%;
        padding-left: 24px;
        text-shadow: 1px 1px 10px #fff;
        transform: translate(0, -50%)
    }

    #slider .sliderContent br {
        display: none
    }

    #slider ul li span {
        opacity: 1;
        transition: 1s filter linear
    }

    #slider ul li span:hover {
        transform: scale(1);
        filter: blur(0)
    }

    #slider .sliderContent .cButton, #slider .sliderContent .cButtonLight {
        height: 35px;
        margin-top: 12px;
        padding: 0 12px;
        line-height: 35px;
        text-shadow: none
    }

    #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 .bigText, #slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLight, #slider .sliderContent .bigTextLightColor {
        font-size: 21px;
        line-height: 24px
    }

    #slider .sliderContent .smallText, #slider .sliderContent .smallTextColor, #slider .sliderContent .smallTextLight {
        display: none
    }

    #slider .whiteColor {
        text-shadow: 1px 1px 12px #000
    }

    #leftFooter .column {
        padding-right: 0
    }

    #footerBottom .creator {
        float: none;
        text-align: center
    }

    #homeCatalog .captionList .cItem:first-child .caption {
        border-left: none
    }

    #homeCatalog .captionBtnRight {
        right: -12px
    }

    #homeCatalog .captionBtnLeft {
        left: -12px
    }
}

@media all and (max-width: 450px) {
    .user-geo-position-label {
        display: none
    }

    #appFastBuyContainer {
        height: auto;
        padding-bottom: 24px
    }

    #appFastBuyContainer .formLine:last-child {
        margin-bottom: 0
    }

    #appFastBuyContainer #fastBuyFormSubmit {
        width: 80%
    }

    .product .name {
        font-size: 12px
    }

    .product .row:first-child{
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }
    .product .row:first-child .label{
        width: 65%;
    }
}

@media all and (max-width: 430px) {
    #requestPrice #requestPriceContainer {
        height: 450px
    }

    #requestPrice .requestPriceHeading {
        font-size: 16px
    }

    #requestPrice .requestPriceFormHeading {
        margin-top: 32px
    }
}

@media all and (max-width: 400px) {
    #logo {
        width: 150px
    }

    .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
    }

    .mainServiceContainer .item .bigPicture {
        height: 95px;
        margin-top: 12px;
        line-height: 95px
    }

    .mainServiceContainer .item .title {
        margin-top: 12px
    }

    .mainServiceContainer .item .more {
        margin: 6px 0 12px
    }

    .mainServiceContainer .item .title a {
        height: 30px;
        line-height: 30px
    }

    .mainServiceContainer .item .title a span {
        font-size: 13px;
        line-height: 15px
    }
}

@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: .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 .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/dresscodeV2/images/exitWindow.png) 0 0 no-repeat transparent
}

.appZoomContainerExit:hover {
    background-position: 0 -38px
}

.appZoomContainerExit:active {
    background-position: 0 -76px
}

#appZoomWindow .appZoomContainer {
    transition: all .2s ease-in-out
}

#appZoomWindow .appZoomContainer.loading {
    min-width: 100px;
    min-height: 100px;
    background: url(/bitrix/templates/dresscodeV2/images/windowLoader.gif) 50% 50% no-repeat transparent
}

.fastBack.disabled {
    cursor: not-allowed
}

.fastBack.disabled:hover {
    color: #717171
}

.fastBack.disabled:active {
    top: 0
}

.getPricesWindow {
    cursor: pointer !important;
    transition: all .2s ease-in-out
}

.getPricesWindow:hover {
    color: #444
}

.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/dresscodeV2/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-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: #000;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #f3f3f3;
    transition: all .2s ease-in-out
}

.question-answer-wrap:last-child {
    margin-bottom: 0
}

.question-answer-wrap:hover {
    box-shadow: 0 0 7px 0 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: #000;
    font-size: 13px;
    line-height: 25px;
    transition: all .3s linear
}

.questions-answers-list span.hide-answer-text {
    top: -25px
}

.questions-answers-list .active span.hide-answer-text {
    top: 0
}

.questions-answers-list .active span.open-answer-text {
    top: 25px
}

.questions-answers-list .open-answer-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background: url(/bitrix/templates/dresscodeV2/images/question-arrow.png) center center/contain no-repeat;
    transition: all .3s linear
}

.questions-answers-list .active .open-answer-btn {
    transform: rotate(-180deg)
}

.questions-answers-list .answer {
    display: none;
    padding: 24px 0;
    color: #888;
    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: #555
}

.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: #000;
    text-decoration: none;
    transition: all .2s ease-in-out
}

.information-list-item a:hover {
    color: #777
}

.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 .1s ease-in-out
}

.information-feedback: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: 0 0 24px;
    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/dresscodeV2/images/slideButtonSect.svg) 0 0 no-repeat transparent;
    cursor: pointer
}

#catalog-section-banners ol li:hover {
    background: url(/bitrix/templates/dresscodeV2/images/slideButtonSect.svg) -18px 0 no-repeat transparent
}

#catalog-section-banners ol li:active {
    background: url(/bitrix/templates/dresscodeV2/images/slideButtonSect.svg) -36px 0 no-repeat transparent
}

#catalog-section-banners ol li.selected {
    background: url(/bitrix/templates/dresscodeV2/images/slideButtonSect.svg) -54px 0 no-repeat transparent
}

#catalog-section-banners ol li.selected:hover {
    background: url(/bitrix/templates/dresscodeV2/images/slideButtonSect.svg) -72px 0 no-repeat transparent
}

#catalog-section-banners ol li.selected:active {
    background: url(/bitrix/templates/dresscodeV2/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/dresscodeV2/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: #000;
    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
}

.processing {
    position: relative;
    pointer-events: none
}

.processing > * {
    opacity: .4;
    transition: opacity .3s ease-in-out
}

.processing::after {
    position: absolute;
    inset: 0;
    background: url(/bitrix/templates/dresscodeV2/images/spin.svg) 50% 50% no-repeat;
    content: " "
}

#colorSwitcher {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 99999;
    width: 192px;
    height: 450px;
    margin-top: -175px;
    text-align: center;
    background-color: #fff;
    box-shadow: 1px 1px 12px rgb(0 0 0 / 40%);
    transform: translateX(192px);
    transition: all .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: #000;
    transition: all .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/dresscodeV2/images/setting.png) 50% 50% no-repeat transparent;
    transition: all .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 {
    margin-top: 12px;
    overflow: hidden;
    text-align: center
}

#colorSwitcher .item {
    float: left;
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    margin-left: 12px
}

#colorSwitcher .menuSelect {
    margin-top: 12px
}

#colorSwitcher .menuSelect select {
    box-sizing: border-box;
    width: 85%;
    height: 35px;
    padding: 0 12px;
    outline: 0
}

#colorSwitcher .menuSelect option {
    padding: 12px 0
}

#colorSwitcher .close {
    display: inline-block;
    margin-top: 8px;
    padding: 0 24px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    background-color: rgb(0 0 0 / 80%);
    border-radius: 4px;
    transition: all .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 .2s ease-in-out
}

#colorSwitcher .selected a {
    background-image: url(/bitrix/templates/dresscodeV2/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
}

.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
}

.sale_order_full_table input[name=BuyButton] {
    margin-bottom: 24px
}

#bx-soa-order * {
    box-sizing: border-box !important
}

.contactAddress {
    max-width: 160px
}

.microdata {
    display: none
}

.btn-simple-wrap {
    margin-top: 14px
}

.btn-simple {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 200px;
    padding: 21px 24px 19px;
    color: #fff;
    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 .2s ease-in-out, border .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: #000;
    background: 0 0;
    border-color: #aaa
}

.btn-simple.btn-black-border:hover {
    background: 0 0;
    border-color: #000
}

.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: #000;
    background: 0 0;
    border-color: #e7e8ea
}

.btn-simple.add-cart:hover {
    background: 0 0;
    border-color: #000
}

.btn-simple.add-cart.disabled {
    opacity: .5;
    pointer-events: none
}

.active-link {
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-family: robotobold;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px dashed #000;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.active-link:active {
    position: relative;
    top: 1px
}

.inactive-link {
    display: inline-block;
    color: #888;
    font-size: 14px;
    font-family: robotobold;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all .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 .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 .2s ease-in-out
}

.big-text-link:active {
    position: relative;
    top: 1px
}

.link-dashed {
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-family: roboto_ltregular;
    text-decoration: none;
    border-bottom: 1px dashed #000;
    cursor: pointer;
    transition: all .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 .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: #888;
    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 .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out
}

.tabs-wrap .tab-dashed-link {
    position: relative;
    display: inline-block;
    margin: 0 30px 6px 0;
    color: #888;
    font-size: 14px;
    font-family: robotobold;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px dashed transparent;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.tabs-wrap .tab-dashed-link.active {
    color: #000;
    border-color: #000
}

.tabs-wrap .tab-dashed-link.active:hover {
    color: #000;
    border-color: #000
}

.tabs-wrap .tabs-content {
    margin-top: 18px
}

.tabs-wrap .tab-content {
    display: none
}

.tabs-wrap .tab-content.active {
    display: block
}

.consultation-wrap {
    box-sizing: border-box;
    padding: 14px 40px 16px 22px;
    color: #000;
    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: #000;
    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: #000;
    font-weight: 400;
    font-size: 24px;
    font-family: roboto_ltregular;
    line-height: 30px;
    text-decoration: none
}

.h2 {
    display: block;
    margin-bottom: 6px;
    color: #000;
    font-weight: 400;
    font-size: 21px;
    font-family: roboto_ltregular;
    line-height: 25px;
    text-decoration: none
}

.h3 {
    display: block;
    margin-bottom: 6px;
    color: #000;
    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: #888;
    font-size: 18px;
    line-height: 30px
}

.blockquote-wrap blockquote::before {
    display: inline-block;
    width: 40px;
    height: 33px;
    margin-right: 10px;
    background: url(/bitrix/templates/dresscodeV2/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 .2s ease-in-out
}

.new-list-items .image-container img {
    display: block;
    max-width: 100%
}

.new-list-items .image-container:hover {
    opacity: .9
}

.new-list-items .image-container:active {
    position: relative;
    top: 1px
}

.new-list-items .text {
    color: #000
}

.new-list-items .name {
    display: block;
    max-height: 18px;
    margin-bottom: 12px;
    overflow: hidden;
    color: #000;
    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: #888;
    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: #888;
    background: 0 0 !important;
    border-color: #888
}

.new-list-items .addCart.added:hover {
    color: #000;
    border-color: #000
}

.price-container .addCart.added:hover {
    border-color: transparent
}

#topProduct .wrap, #viewedProduct .wrap {
    margin: 0
}

#topProduct .topBtnLeft, #viewedProduct .viewedBtnLeft {
    left: 0
}

#topProduct .topBtnRight, #viewedProduct .viewedBtnRight {
    right: 0
}

@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: #000;
    font-size: 14px;
    line-height: 24px;
    background: #f9f9f9
}

@media screen and (max-width: 1024px) {
    .hide-1024 {
        display: none !important
    }

    .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: #000;
    font-size: 14px;
    font-family: robotobold;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px dashed #000;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.active-link:active {
    position: relative;
    top: 1px
}

.inactive-link {
    display: inline-block;
    color: #888;
    font-size: 14px;
    font-family: robotobold;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all .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 .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 .2s ease-in-out
}

.big-text-link:active {
    position: relative;
    top: 1px
}

.link-dashed {
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-family: roboto_ltregular;
    text-decoration: none;
    border-bottom: 1px dashed #000;
    cursor: pointer;
    transition: all .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 .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: #000
}

.banner-elem .text-wrap :last-child {
    margin-bottom: 0
}

.banner-elem .date {
    margin-bottom: 6px;
    color: #000;
    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
}

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

    .hide-800 {
        display: none !important
    }
}

@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: 0 0 !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
    }
}

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

@media screen and (max-width: 600px) {
    .banner-hide-images {
        background: 0 0 !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 {
        max-height: 40px
    }

    .fullscreen-banner .image {
        width: 50%
    }

    .fullscreen-banner .btn-simple {
        padding: 13px 8px 11px
    }
}

.banner-elem.arbitrary-banner .text-wrap {
    padding-left: 0
}

@media screen and (max-width: 700px) {
    .banner-elem.arbitrary-banner {
        height: auto;
        margin-bottom: 18px
    }

    .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
    }

    .hide-700 {
        display: none !important
    }
}

@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: #fff;
    box-shadow: 1px 1px 12px rgb(0 0 0 / 30%);
    transform: translateX(500px);
    transition: all .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 .2s ease-in-out;
    animation-name: bounceInDown;
    animation-duration: 2s;
    animation-fill-mode: both
}

.templateSwitcherSettings.active {
    right: 360px
}

.templateSwitcherSettings:hover {
    opacity: .9
}

.templateSwitcherSettings:hover {
    background-color: #2b2b2b
}

.templateSwitcherSettingsPicture {
    display: inline-block;
    width: 51px;
    height: 198px;
    vertical-align: middle;
    background: url(/bitrix/templates/dresscodeV2/images/setting.png) 50% 50% no-repeat transparent;
    transition: all .5s ease-in-out
}

.templateSwitcher .switcherList {
    overflow: hidden
}

.templateSwitcher .switcherListItem {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ff9601;
    border-radius: 2px
}

.templateSwitcher .switcherListItem:hover {
    border-color: #ffa800
}

.templateSwitcher .switcherListItem.active {
    color: #fff;
    background-color: #ff9601
}

.templateSwitcher .switcherListItem.active a {
    color: #fff
}

.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: red;
    font-size: 21px;
    text-decoration: none
}

.templateSwitcher .switcherBigHeading .switcherClose:hover {
    opacity: .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: 0;
    cursor: pointer
}

.templateSwitcher .switcherIcons {
    margin-bottom: 24px
}

.templateSwitcher .switcherDescription {
    color: #888;
    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 .switcherBackgroundItem a, .templateSwitcher .switcherThemesItem a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    transition: all .2s ease-in-out
}

.templateSwitcher .switcherBackgroundItem a:active, .templateSwitcher .switcherThemesItem a:active {
    position: relative;
    top: 1px
}

.templateSwitcher .switcherBackgroundItem.selected a, .templateSwitcher .switcherThemesItem.selected a {
    background-image: url(/bitrix/templates/dresscodeV2/images/check.png);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

@keyframes bounceInDown {
    0%, 100%, 60%, 75%, 90% {
        animation-timing-function: cubic-bezier(.215, .61, .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: #eee
}

.templateSwitcher .switcherBackgroundItem .black {
    background-color: #000
}

@keyframes zoomIn {
    from {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.g--circle {
    transform-origin: 60px 60px;
    animation: opacity 1.2s linear infinite;
    fill: #1e90ff
}

.g--circle:nth-child(12n+1) {
    transform: rotate(-30deg) translate(5px, 5px) scale(.9);
    animation-delay: -.1s
}

.g--circle:nth-child(12n+2) {
    transform: rotate(-60deg) translate(5px, 5px) scale(.9);
    animation-delay: -.2s
}

.g--circle:nth-child(12n+3) {
    transform: rotate(-90deg) translate(5px, 5px) scale(.9);
    animation-delay: -.3s
}

.g--circle:nth-child(12n+4) {
    transform: rotate(-120deg) translate(5px, 5px) scale(.9);
    animation-delay: -.4s
}

.g--circle:nth-child(12n+5) {
    transform: rotate(-150deg) translate(5px, 5px) scale(.9);
    animation-delay: -.5s
}

.g--circle:nth-child(12n+6) {
    transform: rotate(-180deg) translate(5px, 5px) scale(.9);
    animation-delay: -.6s
}

.g--circle:nth-child(12n+7) {
    transform: rotate(-210deg) translate(5px, 5px) scale(.9);
    animation-delay: -.7s
}

.g--circle:nth-child(12n+8) {
    transform: rotate(-240deg) translate(5px, 5px) scale(.9);
    animation-delay: -.8s
}

.g--circle:nth-child(12n+9) {
    transform: rotate(-270deg) translate(5px, 5px) scale(.9);
    animation-delay: -.9s
}

.g--circle:nth-child(12n+10) {
    transform: rotate(-300deg) translate(5px, 5px) scale(.9);
    animation-delay: -1s
}

.g--circle:nth-child(12n+11) {
    transform: rotate(-330deg) translate(5px, 5px) scale(.9);
    animation-delay: -1.1s
}

.g--circle:nth-child(12n+12) {
    transform: rotate(-360deg) translate(5px, 5px) scale(.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: #9acd32;
    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: -.1s
}

.g-circles--v2 .g--circle:nth-child(12n+2) .u--circle {
    animation-delay: -.2s
}

.g-circles--v2 .g--circle:nth-child(12n+3) .u--circle {
    animation-delay: -.3s
}

.g-circles--v2 .g--circle:nth-child(12n+4) .u--circle {
    animation-delay: -.4s
}

.g-circles--v2 .g--circle:nth-child(12n+5) .u--circle {
    animation-delay: -.5s
}

.g-circles--v2 .g--circle:nth-child(12n+6) .u--circle {
    animation-delay: -.6s
}

.g-circles--v2 .g--circle:nth-child(12n+7) .u--circle {
    animation-delay: -.7s
}

.g-circles--v2 .g--circle:nth-child(12n+8) .u--circle {
    animation-delay: -.8s
}

.g-circles--v2 .g--circle:nth-child(12n+9) .u--circle {
    animation-delay: -.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: -.1s
}

.g-circles--v4 .g--circle:nth-child(12n+2) .u--circle {
    animation-delay: -.2s
}

.g-circles--v4 .g--circle:nth-child(12n+3) .u--circle {
    animation-delay: -.3s
}

.g-circles--v4 .g--circle:nth-child(12n+4) .u--circle {
    animation-delay: -.4s
}

.g-circles--v4 .g--circle:nth-child(12n+5) .u--circle {
    animation-delay: -.5s
}

.g-circles--v4 .g--circle:nth-child(12n+6) .u--circle {
    animation-delay: -.6s
}

.g-circles--v4 .g--circle:nth-child(12n+7) .u--circle {
    animation-delay: -.7s
}

.g-circles--v4 .g--circle:nth-child(12n+8) .u--circle {
    animation-delay: -.8s
}

.g-circles--v4 .g--circle:nth-child(12n+9) .u--circle {
    animation-delay: -.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: #9acd32
    }
    10% {
        fill: gold
    }
    75% {
        fill: #dc143c
    }
}

@keyframes colors {
    0% {
        fill: #9acd32
    }
    10% {
        fill: gold
    }
    75% {
        fill: #dc143c
    }
}

@keyframes colors-stroke {
    0% {
        stroke: #9acd32
    }
    10% {
        stroke: gold
    }
    75% {
        stroke: #dc143c
    }
}

@keyframes colors-stroke {
    0% {
        stroke: #9acd32
    }
    10% {
        stroke: gold
    }
    75% {
        stroke: #dc143c
    }
}

@keyframes colors-2 {
    0% {
        fill: #ff0
    }
    50% {
        fill: red
    }
    65% {
        fill: #ff4500
    }
    95% {
        fill: gold
    }
}

@keyframes colors-2 {
    0% {
        fill: #ff0
    }
    50% {
        fill: red
    }
    65% {
        fill: #ff4500
    }
    95% {
        fill: gold
    }
}

@keyframes colors-3 {
    0% {
        fill: #9acd32
    }
    50% {
        fill: #40e0d0
    }
    65% {
        fill: #ff0
    }
    95% {
        fill: orange
    }
}

@keyframes colors-3 {
    0% {
        fill: #9acd32
    }
    50% {
        fill: #40e0d0
    }
    65% {
        fill: #ff0
    }
    95% {
        fill: orange
    }
}

@keyframes transform {
    10% {
        transform: scale(.75);
        transform-origin: 70px 70px
    }
}

@keyframes transform {
    10% {
        transform: scale(.75);
        transform-origin: 70px 70px
    }
}

@keyframes transform-2 {
    40% {
        transform: scale(.85) translate(10px, 10px)
    }
    60% {
        stroke-width: 20
    }
}

@keyframes transform-2 {
    40% {
        transform: scale(.85) translate(10px, 10px)
    }
    60% {
        stroke-width: 20
    }
}

@keyframes fadeInDown {
    from {
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInDown {
    from {
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
/* End */
/* /bitrix/templates/dresscodeV2/fonts/roboto/roboto.min.css?1746609468986 */
/* /bitrix/templates/dresscodeV2/themes/brown/style.min.css?174920636845944 */
/* /bitrix/templates/dresscodeV2/headers/header2/css/style.min.css?174660946710572 */
/* /bitrix/templates/dresscodeV2/headers/header2/css/types/type1.min.css?1746609467191 */
/* /bitrix/templates/dresscodeV2/components/bitrix/menu/topMenu/style.min.css?1746609468955 */
/* /bitrix/components/dresscode/sale.geo.positiion/templates/.default/style.min.css?174660947110499 */
/* /bitrix/templates/dresscodeV2/components/bitrix/form.result.new/modal/style.min.css?17466094687730 */
/* /bitrix/components/dresscode/search.line/templates/version2/style.min.css?17466094716405 */
/* /bitrix/components/dresscode/favorite.line/templates/version2/style.min.css?1746609471926 */
/* /bitrix/components/dresscode/compare.line/templates/version2/style.min.css?1746609471914 */
/* /bitrix/templates/dresscodeV2/components/bitrix/sale.basket.basket.line/topCart2/style.min.css?17466094681381 */
/* /bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/style.min.css?17470423119646 */
/* /bitrix/templates/dresscodeV2/components/bitrix/breadcrumb/.default/style.min.css?17466094681058 */
/* /bitrix/components/dresscode/products.by.filter/templates/.default/style.min.css?1746609471994 */
/* /bitrix/components/dresscode/catalog.viewed.product/templates/.default/style.min.css?17466094711066 */
/* /bitrix/templates/dresscodeV2/components/bitrix/catalog.bigdata.products/.default/style.min.css?17466094681597 */
/* /bitrix/templates/dresscodeV2/template_styles.min.css?1751365527227531 */