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


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

.theme-background-svg {
    fill: #0061b2
}

#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: #0061b2
}

    #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: #2d7bbb
    }

        #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: #0061b2
        }

    #footerLine.color_theme .item .cart.active .mark, #footerLine.color_theme .item .compare.active .mark, #footerLine.color_theme .item .wishlist.active .mark, #footerLine.color_white .item .cart.active, #footerLine.color_white .item .cart.active .mark, #footerLine.color_white .item .compare.active, #footerLine.color_white .item .compare.active .mark, #footerLine.color_white .item .wishlist.active, #footerLine.color_white .item .wishlist.active .mark {
        color: #0061b2 !important
    }

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

#footer.variant_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: #2d7bbb
}

#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: #2d7bbb
}

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

    #subHeader6 .subPhones .callBack:hover {
        border: 1px solid #2d7bbb
    }

#subHeader4 .cart .active .count, #subHeader4 .topCompare .active .value, #subHeader4 .topWishlist .active .value, #subHeader4.color_black .cart .active .count, #subHeader4.color_black .topCompare .active .value, #subHeader4.color_black .topWishlist .active .value, #subHeader5 .cart .active .count, #subHeader5 .topCompare .active .value, #subHeader5 .topWishlist .active .value, #subHeader6 .cart .active .count, #subHeader6 .topCompare .active .value, #subHeader6 .topWishlist .active .value, #subHeader7 .cart .active .count, #subHeader7 .topCompare .active .value, #subHeader7 .topWishlist .active .value, #subHeader8 .cart .active .count, #subHeader9 .cart .active .count, #subHeader9 .topCompare .active .value, #subHeader9 .topWishlist .active .value {
    color: #0061b2;
    border: 2px solid #0061b2
}

#subHeader3 .cart .active .count, #subHeader3.color_black .cart .active .count, #subHeader3.color_theme .cart .active .count {
    background-color: #0061b2
}

#headerLine4 #topAuth ul li a, #headerLine4 .user-geo-position-value-link, #subHeader3 #topToolsLeft a, #subHeader3 .user-geo-position-value-link, #subHeader6 #topAuth > ul li a, #subHeader6 #topAuth > ul li:first-child::after, #subHeader6 .subPhones .callBack, #subHeader6 .user-geo-position-value-link, #subHeader8 .telephoneContainer .callBack {
    color: #0061b2
}

    #headerLine4 #topAuth ul li a:hover, #headerLine4 .user-geo-position-value-link:hover, #subHeader3 #topToolsLeft a:hover, #subHeader3 .user-geo-position-value-link:hover, #subHeader6 #topAuth > ul li a:hover, #subHeader6 .subPhones .callBack:hover, #subHeader6 .user-geo-position-value-link:hover, #subHeader8 .telephoneContainer .callBack:hover {
        color: #2d7bbb
    }

    #headerLine #topAuth ul li a::after, #headerLine .user-geo-position-value-link::after, #headerLine2 .user-geo-position-value-link::after, #headerLine4 #topAuth ul li a::after, #headerLine4 .user-geo-position-value-link::after, #subHeader3 #topToolsLeft a::after, #subHeader3 .user-geo-position-value-link::after, #subHeader6 #topAuth ul li a::after, #subHeader6 .user-geo-position-value-link::after, #subHeader7 .firstPhones .callBack::after, #subHeader8 .telephoneContainer .callBack::after {
        border-bottom: 1px dashed #0061b2
    }

        #headerLine #topAuth ul li a::after:hover, #headerLine .user-geo-position-value-link::after:hover, #headerLine2 .user-geo-position-value-link::after:hover, #headerLine4 #topAuth ul li a::after:hover, #headerLine4 .user-geo-position-value-link::after:hover, #subHeader3 #topToolsLeft a::after:hover, #subHeader3 .user-geo-position-value-link::after:hover, #subHeader6 #topAuth ul li a::after:hover, #subHeader6 .user-geo-position-value-link::after:hover, #subHeader7 .firstPhones .callBack::after:hover, #subHeader8 .telephoneContainer .callBack::after:hover {
            border-bottom: 1px dashed #2d7bbb
        }

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

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

        #subHeader9 .subContainerColumn .callBack:hover {
            color: #0061b2 !important
        }
}

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

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

#topHeader {
    background: #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: #2d7bbb
        }

        #topService li a:focus {
            color: #1668ab
        }

    #topService .selected {
        color: #2d7bbb
    }

#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: #0061b2
    }

        #headerTools .tools .link:hover {
            color: #2d7bbb
        }

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

    #headerTools .text {
        color: #000
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        #headerTools .cart ins.active {
            color: #2d7bbb
        }

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

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

        #topHeader #topMenu li a:hover {
            color: #2d7bbb
        }

    #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: #0061b2
}

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

    #changeYouCity .heading {
        color: #2d7bbb
    }

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

        #changeYouCity .list li a:hover {
            color: #2d7bbb
        }

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

        #changeYouCity #cityClose:hover {
            color: #2d7bbb
        }

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

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

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

#mainMenuContainer {
    background-color: #1a1a1a
}

#mainMenu > li a {
    color: #fff
}

    #mainMenu > li a:hover {
        color: #0061b2
    }

#menuCatalogSection .drop ul li a:hover {
    color: #0061b2
}

#left .heading {
    color: #fff
}

#left .opener {
    background: #0061b2
}

#left .heading ins {
    background: url(../../../../../templates/dresscodeV2/themes/ultramarine/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: #2d7bbb
    }

#brandSearch a {
    color: #000
}

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

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

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

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

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

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

#popCats .sideBlockContent {
    background-color: #fff;
    border: 1px solid #e7e8ea
}

#popCats li a, #popCats li span {
    color: #000;
    background-color: #e7e8ea
}

    #popCats li a:hover {
        color: #fff;
        background-color: #2d7bbb;
        border-color: #0061b2
    }

#collectionList .collection .wrap {
    background-color: #fff;
    border: 1px solid #ccc
}

#collectionList .collection .heading {
    color: #000;
    background-color: #fff
}

#collectionList .goTo {
    color: #000;
    background-color: #f7f7f7;
    border: 1px solid #ccc
}

    #collectionList .goTo:hover {
        color: #fff;
        background-color: #2d7bbb;
        border-color: #0061b2
    }

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

#footer {
    background-color: #f9f9f9
}

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

#catalogLine {
    border: 1px solid #e7e8ea
}

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

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

#leftFooter {
    background: #2b2b2b
}

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

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

    #leftFooter a {
        color: #999
    }

        #leftFooter a:hover {
            color: #0061b2
        }

    #leftFooter .selected {
        color: #0061b2
    }

#rightFooter {
    background: 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: #0061b2
    }

    #rightFooter .email {
        color: #fff
    }

    #rightFooter .showMap {
        color: #0061b2
    }

        #rightFooter .showMap:hover {
            color: #2d7bbb
        }

#footerBottom {
    color: #fff;
    background: #191919;
    border-top: 3px solid #101010
}

#appBasketContainer {
    padding: 24px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 12px rgb(60 60 60 / 30%)
}

#appBasket .heading {
    color: #000;
    font-size: 24px;
    font-family: robotobold;
    background-color: #f9f9f9;
    border-radius: 8px
}

#appBasket .close {
    background: url(../../../../../templates/dresscodeV2/themes/ultramarine/images/exit.svg) 0 0 no-repeat transparent
}

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

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

#appBasket .markerContainer .marker {
    color: #fff;
    background-color: #424242;
    border-radius: 4px
}

#appBasket .name {
    color: #000
}

    #appBasket .name:hover {
        color: #0061b2
    }

#appBasket .price {
    color: #000
}

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

#appBasket .minus, #appBasket .plus {
    background: url(../../../../../templates/dresscodeV2/themes/ultramarine/images/plusMinus.svg) 0 0 no-repeat #f3f3f3
}

#appBasket .plus {
    background-position: 0 -19px
}

    #appBasket .plus:hover {
        background-position: -19px -19px
    }

    #appBasket .plus:active {
        background-position: -38px -19px
    }

#appBasket .minus:hover {
    background-position: -19px 0x
}

#appBasket .minus:active {
    background-position: -38px 0
}

#appBasket .qty {
    color: #000;
    background-color: #e7e8ea
}

#appBasket .sum {
    background-color: #fbfbfb
}

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

#appBasket .lower {
    background-color: #f9f9f9;
    border-radius: 8px
}

    #appBasket .lower .tools .icon:hover {
        background: #f3f3f3
    }

    #appBasket .lower .tools .continue {
        border-right: 1px solid #e7e8ea
    }

        #appBasket .lower .tools .continue a {
            color: #000
        }

    #appBasket .lower .tools .goToBasket a {
        color: #fff
    }

    #appBasket .lower .tools .goToBasket {
        background-color: #0061b2
    }

        #appBasket .lower .tools .goToBasket:hover {
            background-color: #2d7bbb
        }

    #appBasket .lower .tools .continue:hover {
        background: #e7e8ea
    }

#appFastBuyContainer .heading {
    color: #000;
    background-color: #fff
}

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

#appFastBuyContainer textarea {
    background-color: #f3f3f3
}

    #appFastBuyContainer input:focus, #appFastBuyContainer textarea:focus {
        background-color: #e9e9e9
    }

    #appFastBuyContainer input.error, #appFastBuyContainer textarea.error {
        border: 1px solid red
    }

#appFastBuyContainer #fastBuyFormSubmit {
    color: #fff;
    background-color: #0061b2
}

    #appFastBuyContainer #fastBuyFormSubmit:hover {
        background-color: #2d7bbb
    }

    #appFastBuyContainer #fastBuyFormSubmit.loading {
        background: url(../../../../../templates/dresscodeV2/themes/ultramarine/images/loading.gif) 24px 50% no-repeat #2d7bbb !important
    }

#fastBuyResult #fastBuyResultClose {
    color: #fff;
    background-color: #0061b2
}

    #fastBuyResult #fastBuyResultClose:hover {
        background-color: #2d7bbb
    }

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

#appFastBuyContainer .name {
    color: #000
}

    #appFastBuyContainer .name:hover {
        color: #0061b2
    }

#appFastBuyContainer .price {
    color: #000
}

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

#appFastView .appFastViewExit, #fastViewStores .fastViewStoresExit {
    background: url(../../../../../templates/dresscodeV2/themes/ultramarine/images/exit.svg) 0 0 no-repeat transparent
}

    #appFastView .appFastViewExit:hover, #fastViewStores .fastViewStoresExit:hover {
        background-position: 0 -21px
    }

    #appFastView .appFastViewExit:active, #fastViewStores .fastViewStoresExit:active {
        background-position: 0 -42px
    }

#appProductPriceVariant .appPriceVariantExit {
    background: url(http://v2.dw-deluxe.ru/bitrix/templates/dresscodeV2/themes/ultramarine/images/exit2.svg) 0 0 no-repeat transparent
}

    #appProductPriceVariant .appPriceVariantExit:hover {
        background-position: 0 -21px
    }

    #appProductPriceVariant .appPriceVariantExit:active {
        background-position: 0 -42px
    }

#footerTabsCaption {
    background-color: #f9f9f9;
    border-top: 1px solid #e7e8ea
}

    #footerTabsCaption .item a, #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: #0061b2
    }

#footerTabs {
    background-color: #f9f9f9
}

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

    #footerLine .item .callback {
        color: #0061b2
    }

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

    #footerLine .item .cart .icon {
        background: url(../../../../../templates/dresscodeV2/themes/ultramarine/images/cartFooterMin.svg) 0 0 no-repeat
    }

    #footerLine .item .wishlist.active .icon {
        background-position: -21px 0
    }

    #footerLine .item .wishlist.active:hover .icon {
        background-position: -42px
    }

    #footerLine .item .cart.active .icon {
        background-position: -26px 0
    }

    #footerLine .item .cart.active:hover .icon {
        background-position: -52px
    }

    #footerLine .item .callback .icon {
        background: url(../../../../../templates/dresscodeV2/themes/ultramarine/images/callbackFooterMin.svg) 0 0 no-repeat
    }

    #footerLine .item .callback:hover {
        color: #2d7bbb
    }

    #footerLine .callback:hover .icon {
        background-position: -21px 0
    }

    #footerLine .item .cart .mark, #footerLine .item .compare .mark, #footerLine .item .wishlist .mark {
        color: #888;
        background-color: #313131
    }

    #footerLine .item .compare .icon {
        background: url(../../../../../templates/dresscodeV2/themes/ultramarine/images/compareFooterMin.svg) 0 0 no-repeat
    }

    #footerLine .item .compare.active .icon {
        background-position: -21px 0
    }

    #footerLine .item .compare.active:hover .icon {
        background-position: -42px
    }

    #footerLine .item .cart:hover, #footerLine .item .compare:hover, #footerLine .item .wishlist:hover {
        color: #888
    }

    #footerLine .item .cart.active, #footerLine .item .cart.active .mark, #footerLine .item .compare.active, #footerLine .item .compare.active .mark, #footerLine .item .wishlist.active, #footerLine .item .wishlist.active .mark {
        color: #0061b2
    }

        #footerLine .item .cart.active:hover, #footerLine .item .cart.active:hover .mark, #footerLine .item .compare.active:hover, #footerLine .item .compare.active:hover .mark, #footerLine .item .wishlist.active:hover, #footerLine .item .wishlist.active:hover .mark {
            color: #2d7bbb
        }

    #footerLine .item a {
        color: #888
    }

        #footerLine .item a:hover {
            color: #fff
        }

#authMenu {
    border-bottom: 1px solid #e7e8ea
}

    #authMenu li a {
        color: #000
    }

        #authMenu li a:hover {
            color: #0061b2
        }

    #authMenu li .selected {
        border-bottom: 1px dashed #000
    }

        #authMenu li .selected:hover {
            color: #000
        }

#empty .emptyWrapper {
    border-bottom: 1px solid #e7e8ea
}

#empty p a {
    border-bottom: 1px dashed #000
}

    #empty p a:hover {
        border-bottom: 1px dashed #0061b2
    }

#empty a {
    color: #000
}

    #empty a:hover {
        color: #0061b2
    }

#empty .back {
    color: #0061b2;
    border-bottom: 1px dashed #0061b2
}

    #empty .back:hover {
        color: #2d7bbb
    }

.product.last {
    background: #f9f9f9
}

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

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

.product .name {
    color: #000
}

    .product .name:hover {
        color: #0061b2
    }

.product .price {
    color: #000
}

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

.product .addCart {
    color: #fff;
    background: #0061b2
}

    .product .addCart:hover {
        background-color: #2d7bbb
    }

.product .label {
    color: #717171
}

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

.product .skuPropertyName {
    color: #888
}

.product .skuProperty .selected .skuPropertyLink {
    border: 1px solid #0061b2
}

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

.product:hover .tabloid {
    background: #fff;
    background: linear-gradient(top,#fff 50%,#f9fafc 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(100%,#f9fafc));
    background: linear-gradient(top,#fff 50%,#f9fafc 100%);
    background: linear-gradient(top,#fff 50%,#f9fafc 100%);
    background: linear-gradient(top,#fff 50%,#f9fafc 100%);
    background: linear-gradient(to bottom,#fff 50%,#f9fafc 100%);
    border-bottom: 1px solid #ccc;
    box-shadow: 1px 1px 6px rgb(0 0 0 / 20%)
}

.product.last .showMore {
    color: #000
}

    .product.last .showMore:hover {
        color: #0061b2
    }

.addCart.added {
    background: #2b2b2b !important
}

    .addCart.added:hover {
        background: #3b3b3b !important
    }

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

.heading.collapsed {
    color: #fff
}

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

.heading.orange {
    background: #0061b2
}

.mfeedback input, .mfeedback textarea {
    color: #000;
    background-color: #f3f3f3
}

    .mfeedback input:focus, .mfeedback textarea:focus {
        background-color: #eee
    }

    .mfeedback input[type=submit] {
        color: #fff;
        background-color: #0061b2
    }

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

.bx-auth .alert {
    background-color: #f3f3f3;
    border: 1px solid #e7e8ea
}

    .bx-auth .alert.alert-danger {
        background-color: #fff;
        border: 1px solid red
    }

    .bx-auth .alert.small {
        color: #000
    }

.bx-authform-label-container {
    color: #333
}

.bx-auth .registerText {
    border-bottom: 1px solid #e7e8ea
}

.bx-auth input.error {
    border: 1px solid red !important
}

.bx-auth input[type=password], .bx-auth input[type=text] {
    background-color: #f3f3f3
}

    .bx-auth input[type=password]:focus, .bx-auth input[type=text]:focus {
        background-color: #eee
    }

.bx-auth .submit, .popup-window .btn {
    color: #fff;
    background: #0061b2
}

    .bx-auth .submit:hover, .popup-window .btn:hover {
        background: #2d7bbb
    }

.bx-auth .clear {
    color: #000;
    border: 1px solid #e7e8ea
}

    .bx-auth .clear:hover {
        border: 1px solid #ccc
    }

.bx-auth .forgot, .bx-auth .registerLink {
    color: #000
}

    .bx-auth .forgot:hover, .bx-auth .registerLink:hover {
        color: #0061b2
    }

.backToIndexPage, .blackLink {
    color: #000
}

    .backToIndexPage:hover, .blackLink:hover {
        color: #0061b2
    }

.sn li:first-child {
    border-left: 1px solid #313131
}

.sn li {
    border-right: 1px solid #313131
}

div[id^=wait_comp_] {
    background-color: #fff !important;
    border: 1px solid #e7e8ea !important
}

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

    .contactList a:hover {
        color: #0061b2
    }

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

#ORDER_CONFIRM_BUTTON {
    background: #2d7bbb !important
}

.addCart.disabled {
    background-color: #ccc !important;
    border: 1px solid #e7e8ea
}

.sale_order_full_table input[name=BuyButton], .sale_order_full_table input[type=submit] {
    color: #fff;
    background-color: #0061b2
}

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

#breadcrumbs {
    color: #999
}

    #breadcrumbs ul li a {
        color: #000
    }

        #breadcrumbs ul li a:hover {
            color: #888
        }

    #breadcrumbs .arrow {
        color: #888
    }

#catalogSection .sectionItems .item:first-child {
    border-top: 1px solid #e7e8ea
}

#catalogSection .sectionItems .item {
    border: 1px solid #e7e8ea
}

    #catalogSection .sectionItems .item .itemContainer .bigPicture .marker {
        color: #fff;
        background-color: #424242
    }

    #catalogSection .sectionItems .item .itemContainer .bigTitle {
        color: #000
    }

        #catalogSection .sectionItems .item .itemContainer .bigTitle:hover {
            color: #0061b2
        }

    #catalogSection .sectionItems .item .itemContainer .description {
        color: #888
    }

    #catalogSection .sectionItems .item .itemContainer .sectionList .section a {
        color: #000;
        border-bottom: 1px solid #e7e8ea
    }

        #catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover {
            color: #888;
            border-bottom: 1px solid #e7e8ea
        }

#sectionList .tabloid {
    background: #fff;
    border: 1px solid #e7e8ea
}

    #sectionList .tabloid .name {
        color: #000
    }

        #sectionList .tabloid .name:hover {
            color: #2d7bbb
        }

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

#sectionList .item:hover .tabloid {
    border: 1px solid #ddd;
    box-shadow: 1px 1px 12px rgb(0 0 0 / 10%)
}

#sectionList .element .name:hover {
    color: #2d7bbb
}

#nextSection {
    border-top: 1px solid #e7e8ea;
    border-right: 1px solid #e7e8ea;
    border-left: 1px solid #e7e8ea
}

    #nextSection .title {
        background-color: #f3f3f3
    }

    #nextSection .title, #nextSection li {
        border-bottom: 1px solid #e7e8ea
    }

        #nextSection li a {
            color: #000
        }

            #nextSection li .selected, #nextSection li a:hover {
                color: #2d7bbb
            }

        #nextSection li .cnt {
            color: #888
        }

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

    #elementSmallNavigation .tab.active a {
        color: #0061b2
    }

    #elementSmallNavigation .tab.active span {
        border-bottom: 1px dashed #0061b2
    }

#elementTools .addCart, #smallElementTools .addCart {
    background: #0061b2
}

    #elementTools .addCart:hover, #smallElementTools .addCart:hover {
        background-color: #2d7bbb
    }

#elementContainer .elementSkuProperty .selected .elementSkuPropertyLink {
    border: 1px solid #0061b2
}

.elementProperties a:hover {
    color: #0061b2
}

#elementProperties .stats a:hover {
    color: #0061b2
}

#files .item .info .name:hover {
    color: #0061b2
}

#catalogReviews .heading .reviewAddButton:hover {
    color: #0061b2;
    border-color: #0061b2
}

#showallReviews:hover {
    color: #0061b2
}

#catalogElement #newReview .usedSelect li a.selected {
    background: #0061b2
}

#catalogElement #newReview .submit {
    background: #0061b2
}

    #catalogElement #newReview .submit:hover {
        background: #2d7bbb
    }

#set .setTools .addCart {
    background: #0061b2
}

    #set .setTools .addCart:hover {
        background-color: #2d7bbb
    }

#set .setElement .name:hover {
    color: #0061b2
}

#setWindowPrice .addCart {
    background: #0061b2
}

    #setWindowPrice .addCart:hover {
        background-color: #2d7bbb
    }

#catalogLineList .name:hover {
    color: #0061b2
}

#catalogLineList .addCart {
    background: #0061b2
}

    #catalogLineList .addCart:hover {
        background-color: #2d7bbb
    }

#catalogLineList .skuProperty .selected .skuPropertyLink {
    border: 1px solid #0061b2
}

#catalogLineList .prop a:hover {
    color: #0061b2
}

#catalogTableList .name:hover {
    color: #2d7bbb
}

#catalogTableList .addCart, #catalogTableList .more {
    background-color: #0061b2
}

    #catalogTableList .addCart:hover, #catalogTableList .more:hover {
        background-color: #2d7bbb
    }

#smartFilter .showALL {
    color: #0061b2
}

    #smartFilter .showALL:hover {
        color: #2d7bbb
    }

#smartFilter .checkbox label:hover, #smartFilter .radio label:hover {
    color: #0061b2
}

#smartFilter .dropdownList .item:hover, #smartFilter .dropdownList .selected {
    background-color: #2d7bbb
}

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

#set_filter {
    background-color: #0061b2
}

    #set_filter:hover {
        background-color: #2d7bbb
    }

#smartFilter .checkboxList .selected .icon, #smartFilter .dropdown .selected .icon {
    border-color: #0061b2
}

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

#smartFilter .hintValue .close {
    color: #0061b2
}

    #smartFilter .hintValue .close:hover {
        color: #2d7bbb
    }

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

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

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

#topMenu li a:hover {
    color: #2d7bbb
}

#topMenu li .selected {
    color: #2d7bbb
}

#topMenu .sub li:hover a {
    color: #2d7bbb
}

#personalMenu li a:hover {
    color: #0061b2
}

#subLeftMenu .selected a {
    color: #2d7bbb
}

#leftMenu .menuItems a:hover span {
    color: #0061b2
}

#mainMenu .drop .nextColumn ul li a:hover, #mainMenu .drop ul li a:hover {
    color: #0061b2
}

#newsDetail .more {
    background: #0061b2
}

    #newsDetail .more:hover {
        background-color: #2d7bbb
    }

#newsContainer .column .item .title a:hover {
    color: #0061b2
}

#newsContainer .column .item .more {
    background: #0061b2
}

    #newsContainer .column .item .more:hover {
        background-color: #2d7bbb
    }

#newsContainer .column .item .title a:hover {
    color: #0061b2
}

#newsContainer .column .item .more, .mainServiceContainer .item .more {
    background: #0061b2
}

    #newsContainer .column .item .more:hover, .mainServiceContainer .item .more:hover {
        background-color: #2d7bbb
    }

.backToList:hover {
    color: #0061b2
}

#brandList .name:hover {
    color: #2d7bbb
}

#newsContainer .column .item .title a:hover, .mainServiceContainer .item .title a:hover {
    color: #0061b2
}

#newsContainer .column .item .more {
    background: #0061b2
}

    #newsContainer .column .item .more:hover {
        background-color: #2d7bbb
    }

#collectionBlock .name:hover {
    color: #2d7bbb
}

#collectionBlock .link {
    color: #2d7bbb
}

#newsBlock .newsTitle:hover {
    color: #0061b2
}

#serviceBlock .name:hover {
    color: #2d7bbb
}

#serviceBlock .link {
    color: #2d7bbb
}

.bx_my_order_cancel a:hover {
    color: #0061b2
}

.bx_my_order_cancel input[type=submit] {
    background: #0061b2
}

    .bx_my_order_cancel input[type=submit]:hover {
        background: #2d7bbb
    }

    .bx_my_order_cancel input[type=submit]:active {
        background: #2d7bbb
    }

input[name=BuyButton] {
    background-color: #0061b2
}

.bx_my_order_switch .bx_mo_link:hover {
    color: #0061b2
}

#subscribeEdit a:hover {
    color: #0061b2
}

#subscribeEdit .submit {
    background: #0061b2
}

    #subscribeEdit .submit:hover {
        background: #2d7bbb
    }

#subscribe .submit {
    background-color: #2d7bbb
}

    #subscribe .submit:hover {
        background-color: #2d7bbb
    }

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

#brandList .name:hover {
    color: #2d7bbb
}

#brandList .last .showMore:hover {
    color: #2d7bbb
}

#brandList .last .ps:hover {
    color: #2d7bbb
}

#homeCatalog .caption.selected {
    background-color: #0061b2
}

#mainProfile .profileSettings .heading {
    color: #0061b2
}

#mainProfile .profileSettings .submit {
    background: #0061b2
}

    #mainProfile .profileSettings .submit:hover {
        background: #2d7bbb
    }

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

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

#newOrder {
    background-color: #0061b2
}

    #newOrder:hover {
        background-color: #2d7bbb
    }

#orderSuccess a {
    color: #0061b2
}

    #orderSuccess a:hover {
        color: #2d7bbb
    }

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

#personalCart #tabsControl .item a:hover {
    color: #0061b2
}

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

#personalCart .productTable .clear a:hover {
    color: #0061b2
}

#personalCart .productTable .name a:hover {
    color: #0061b2
}

#orderMake {
    background-color: #0061b2
}

    #orderMake:hover {
        background-color: #2d7bbb
    }

.orderLoad {
    background: url(../../../../../templates/dresscodeV2/themes/ultramarine/images/orderLoad.gif) 24px 50% no-repeat #0061b2 !important
}

#wishlist .prop a:hover {
    color: #2d7bbb
}

#popSection .name:hover {
    color: #0061b2
}

#popSection .last .showMore:hover {
    color: #0061b2
}

#popSection .last .ps:hover {
    color: #0061b2
}

#storeDetail .storesMoreLink, #storesList .storesListTableLink {
    color: #0061b2
}

#storeDetail .showByMapLink {
    color: #000
}

    #storeDetail .showByMapLink:hover, #storeDetail .storesMoreLink:hover, #storesList .storesListTableLink:hover, #storesList .storesListTableMailLink:hover {
        color: #2d7bbb
    }

#complect .complectListItemLink {
    color: #000
}

    #complect .complectListItemLink:hover {
        color: #2d7bbb
    }

#complect .complectResultEconomyValue {
    color: #ff305c
}

#appFastView .addCart, #geo-location-window .geo-location-window-button {
    background: #0061b2
}

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

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

#geo-location-window .geo-location-window-list-item a:hover {
    color: #2d7bbb
}

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

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

.webFormTools input[type=submit] {
    background-color: #0061b2
}

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

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

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

#bx-soa-order-form a {
    color: #0061b2
}

    #bx-soa-order-form a:hover {
        color: #2d7bbb
    }

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

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

#appProductPriceVariant .linkMore {
    background: #0061b2
}

    #appProductPriceVariant .linkMore:hover {
        background-color: #2d7bbb
    }

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

    #compareBlock .leftTools .all:hover, #compareTools .hide:hover, #requestPrice #requestPriceResultClose:hover, #requestPrice #requestPriceSubmit:hover, #scrollTable .addCart:hover, #slider .sliderContent .cButton:hover, #specialProduct .more:hover {
        background-color: #2d7bbb
    }

#requestPrice .productNameBlock .productUrl:hover, #scrollTable a.name:hover {
    color: #2d7bbb
}

#requestPrice #requestPriceSubmit.loading {
    background: url(../../../../../templates/dresscodeV2/themes/ultramarine/images/loading.gif) 24px 50% no-repeat #2d7bbb !important
}

#slider .sliderContent .bigTextColor, #slider .sliderContent .bigTextLightColor, #slider .sliderContent .mediumTextColor, #slider .sliderContent .smallTextColor {
    color: #0061b2
}

.btn-simple {
    background: #0061b2;
    border-color: #0061b2
}

    .btn-simple:hover {
        background: #2d7bbb;
        border-color: #2d7bbb
    }

    .btn-simple.btn-border {
        color: #0061b2;
        background: 0 0;
        border-color: #0061b2
    }

        .btn-simple.btn-border:hover {
            color: #2d7bbb;
            border-color: #2d7bbb
        }

.active-link:hover {
    color: #0061b2;
    border-color: #0061b2
}

.inactive-link:hover {
    color: #0061b2
}

.text-link:hover {
    color: #0061b2
}

.tiles-list .h3:hover {
    color: #0061b2
}

.tiles-list .tile-wrap:first-child .h3:hover {
    color: #0061b2
}

.theme-color {
    color: #0061b2;
    border-color: #0061b2
}

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

    body .theme-color-hover:hover {
        color: #0061b2
    }

.other-news .name:hover {
    color: #0061b2
}

.big-text-link:hover {
    color: #0061b2
}

.link-dashed:hover {
    color: #0061b2;
    border-color: #0061b2
}

.theme-link-dashed {
    color: #0061b2;
    border-color: #0061b2
}

    .theme-link-dashed:hover {
        color: #2d7bbb;
        border-color: #2d7bbb
    }

.new-list-items .active-link:hover {
    color: #2d7bbb;
    border-color: #2d7bbb
}

.delivery-modal .active-link:hover {
    color: #2d7bbb;
    border-color: #2d7bbb
}

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

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

.tabs-wrap .tab-btn-link:hover {
    color: #0061b2;
    border-color: #0061b2
}

.tabs-wrap .tab-dashed-link:hover {
    color: #0061b2
}

.bindAction a:hover {
    color: #2d7bbb
}

#catalogElement .dropdownList .item:hover, #catalogElement .dropdownList .selected {
    background-color: #2d7bbb
}

.smallSpecialTime .specialTimeItem {
    background: #0061b2
}

.productSpecialTime .specialTimeItem {
    background: #0061b2
}

.fastSpecialTime .specialTimeItem {
    background: #0061b2
}

#skuOffersTable .offersTable .basket .addCart {
    background-color: #0061b2
}

    #skuOffersTable .offersTable .basket .addCart:hover {
        background-color: #2d7bbb
    }

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

#elementContainer .wishCompWrap .elem.added {
    background: #0061b2;
    border-color: #0061b2
}

    #elementContainer .wishCompWrap .elem.added:hover {
        background: #2d7bbb;
        border-color: #2d7bbb
    }

::selection {
    color: #fff;
    background: #eca712
}

::selection {
    color: #fff;
    background: #eca712
}

::-webkit-selection {
    color: #fff;
    background: #eca712
}

#bx-soa-order-form .bx-soa-info-shower, #bx-soa-order-form .bx-soa-pickup-list .bx-soa-pickup-list-item .btn, .bx-soa label.btn-person-type:not(.btn-person-type-checked), .bx-soa-pp-delivery-cost, .paysystem_name {
    color: #0061b2
}

#bx-soa-order-form .soa-property-files > .btn.btn-default {
    color: #0061b2 !important
}

#bx-soa-order .bx-soa .bx-soa-coupon-input::after, #bx-soa-order .bx-soa .coupon_img, #bx-soa-order .checkbox.checked label::before, #bx-soa-order .radio.checked label::before, #bx-soa-order-form .btn.btn-default, .bx-pagination .bx-pagination-container ul li.bx-active span, .bx-selected .delivery-check, .bx-soa-pickup-list .bx-soa-pickup-list-item.bx-selected::after, .bx-soa-pp-info, .bx-soa-pp-inner-ps.bx-selected .bx-soa-pp-company-logo, .checkbox_property.checked::before, .select-fake-option-fake.option-fake-selected, .select-multiple-fake-option.selected-option {
    background-color: #0061b2
}

.bx-soa label.btn-person-type-checked, .bx-soa-coupon-input::after {
    background-color: #0061b2 !important
}

#bx-soa-order-form .btn.btn-default, #bx-soa-paysystem .bx-soa-pp-company.bx-selected, .bx-soa label.btn-person-type, .bx-soa-pickup-l-item-btn .btn, .bx-soa-pickup-list-item.bx-selected, .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container, .bx-soa-pp-inner-ps.bx-selected .bx-soa-pp-company-graf-container {
    border-color: #0061b2
}

#bx-soa-order-form .btn.btn-default, .bx-soa label.btn-person-type-checked {
    border-color: #0061b2 !important
}

div.blog-comment-field-author input, div.blog-comment-field-email input {
    border: 1px solid #e7e8ea
}

div.blog-comment-field-captcha input {
    border: 1px solid #e7e8ea
}
/* End */


/* Start:/bitrix/templates/dresscodeV2/headers/header5/css/style.min.css?174182278612154*/
#headerLine2 {
    position: relative;
    min-width: 320px;
    height: 45px;
    line-height: 45px;
    background-color: #fff
}

    #headerLine2.color_black {
        background-color: #2b2b2b
    }

    #headerLine2.color_black, #headerLine2.color_theme {
        color: #fff
    }

    #headerLine2 .headerLineContainer {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    #headerLine2 .headerLineColumn {
        display: table-cell;
        vertical-align: middle
    }

        #headerLine2 .headerLineColumn:first-child {
            width: 200px
        }

        #headerLine2 .headerLineColumn:nth-child(2) {
            padding: 0 12px;
            text-align: center
        }

        #headerLine2 .headerLineColumn:last-child {
            width: 350px;
            text-align: right
        }

    #headerLine2 #geoPosition {
        display: inline-block;
        vertical-align: middle
    }

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

    #headerLine2 .user-geo-position-label, #headerLine2 .user-geo-position-value, #headerLine2 .user-geo-position-value-link {
        max-width: 120px;
        font-size: 14px
    }

    #headerLine2 .user-geo-position-value-link {
        position: relative;
        text-decoration: none
    }

        #headerLine2 .user-geo-position-value-link:active {
            top: 1px
        }

        #headerLine2 .user-geo-position-value-link::after {
            position: absolute;
            bottom: 14px;
            left: 0;
            display: block;
            width: 100%;
            height: 0;
            transition: all .2s ease-in-out;
            content: ""
        }

    #headerLine2.color_theme .user-geo-position-value-link {
        color: #fff
    }

        #headerLine2.color_theme .user-geo-position-value-link:hover {
            opacity: .8
        }

        #headerLine2.color_theme .user-geo-position-value-link::after {
            border-color: #fff
        }

    #headerLine2 #topAuth {
        display: inline-block;
        margin-right: 24px
    }

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

        #headerLine2 #topAuth > ul li {
            position: relative;
            display: inline-block;
            margin-left: 12px;
            vertical-align: middle
        }

            #headerLine2 #topAuth > ul li:first-child::after {
                position: absolute;
                top: 0;
                right: -10px;
                content: "|"
            }

            #headerLine2 #topAuth > ul li:first-child {
                margin-left: 0
            }

            #headerLine2 #topAuth > ul li a {
                color: #000;
                text-decoration: none;
                transition: all .2s ease-in-out
            }

    #headerLine2 #topCallBack {
        display: inline-block;
        line-height: 21px;
        text-align: left
    }

        #headerLine2 #topCallBack .callBack {
            display: block;
            height: 45px;
            padding: 0 24px;
            color: #fff;
            line-height: 45px;
            text-decoration: none;
            transition: all .2s ease-in-out
        }

    #headerLine2.color_black #subMenu li a, #headerLine2.color_black #topAuth > ul li a, #headerLine2.color_theme #subMenu li .selected, #headerLine2.color_theme #subMenu li a, #headerLine2.color_theme #subMenu li a:hover, #headerLine2.color_theme #topAuth > ul li a, #headerLine2.color_theme #topAuth > ul li a:hover {
        color: #fff
    }

        #headerLine2.color_theme #subMenu li .selected, #headerLine2.color_theme #subMenu li a:hover, #headerLine2.color_theme #topAuth > ul li a:hover {
            opacity: .8
        }

    #headerLine2 #subMenu .removedItemsContainer {
        position: relative
    }

        #headerLine2 #subMenu .removedItemsContainer .removedItemsLink {
            display: inline-block;
            width: 30px;
            height: 18px;
            padding: 0 12px;
            vertical-align: middle;
            background: url(../../../../../templates/dresscodeV2/headers/header5/css/images/menuMore.svg) 50% 50% no-repeat transparent
        }

    #headerLine2.color_black #subMenu .removedItemsContainer .removedItemsLink, #headerLine2.color_theme #subMenu .removedItemsContainer .removedItemsLink {
        background: url(../../../../../templates/dresscodeV2/headers/header5/css/images/menuMoreW.svg) 50% 50% no-repeat transparent
    }

    #headerLine2 #subMenu .removedItemsContainer .removedItemsLink:active {
        position: relative;
        top: 1px
    }

    #headerLine2 #subMenu .removedItemsContainer .removedItemsList {
        position: absolute;
        top: 42px;
        left: 0;
        z-index: 99;
        display: none;
        width: 180px;
        margin: 0;
        padding: 0;
        background-color: #fbfbfb
    }

    #headerLine2.color_black #subMenu .removedItemsContainer .removedItemsList {
        background-color: #2b2b2b
    }

        #headerLine2.color_black #subMenu .removedItemsContainer .removedItemsList li, #headerLine2.color_theme #subMenu .removedItemsContainer .removedItemsList li {
            border-top: 1px solid rgb(255 255 255 / 15%)
        }

            #headerLine2.color_black #subMenu .removedItemsContainer .removedItemsList li a, #headerLine2.color_theme #subMenu .removedItemsContainer .removedItemsList li a {
                color: #fff
            }

    #headerLine2 #subMenu .removedItemsContainer .removedItemsList li {
        display: block;
        float: none;
        white-space: normal;
        text-align: left;
        border-top: 1px solid #f2f2f2
    }

        #headerLine2 #subMenu .removedItemsContainer .removedItemsList li:first-child {
            border: 0 !important
        }

        #headerLine2 #subMenu .removedItemsContainer .removedItemsList li a {
            display: block;
            padding: 8px 12px;
            line-height: 21px
        }

            #headerLine2 #subMenu .removedItemsContainer .removedItemsList li a:active {
                position: relative;
                top: 1px
            }

    #headerLine2.color_theme .callBack:hover {
        opacity: .8
    }

#subHeader5 {
    position: relative;
    min-width: 320px;
    height: 112px;
    background-color: #fff;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3
}

    #subHeader5.color_black {
        background-color: #2b2b2b
    }

    #subHeader5.color_black, #subHeader5.color_theme {
        color: #fff;
        border-top: 1px solid rgb(255 255 255 / 15%);
        border-bottom: 1px solid rgb(255 255 255 / 15%)
    }

    #subHeader5 #logo {
        height: 112px;
        max-height: 112px;
        line-height: 112px;
        text-align: left;
        border: 0
    }

    #subHeader5 .callBack {
        display: none
    }

    #subHeader5 #logo img {
        max-height: 112px
    }

    #subHeader5 .subTable {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    #subHeader5 .subTableColumn {
        display: table-cell;
        vertical-align: middle
    }

        #subHeader5 .subTableColumn:first-child {
            width: 230px
        }

        #subHeader5 .subTableColumn:nth-child(2), #subHeader5 .subTableColumn:nth-child(3) {
            width: 180px;
            padding: 0 12px
        }

        #subHeader5 .subTableColumn:nth-child(3) {
            width: 200px
        }

            #subHeader5 .subTableColumn:nth-child(3) .label {
                display: block
            }

        #subHeader5 .subTableColumn:nth-child(2) .heading {
            display: block;
            font-size: 16px;
            font-family: robotomedium;
            text-align: left
        }

    #subHeader5.color_black .subTableColumn:nth-child(2) .heading, #subHeader5.color_theme .subTableColumn:nth-child(2) .heading {
        font-family: roboto_ltregular
    }

    #subHeader5 .subTableColumn:last-child {
        width: 365px;
        text-align: right
    }

    #subHeader5 #topSearch2 .searchContainerInner {
        background-color: #fbfbfb
    }

    #subHeader5.color_black #topSearch2 .searchContainerInner, #subHeader5.color_theme #topSearch2 .searchContainerInner {
        background-color: rgb(255 255 255 / 10%);
        border: 1px solid rgb(255 255 255 / 20%)
    }

    #subHeader5.color_black #topSearch2 input[placeholder], #subHeader5.color_theme #topSearch2 input[placeholder] {
        color: rgb(255 255 255 / 70%);
        transition: all .2s ease-in-out
    }

    #subHeader5.color_black #topSearch2 input::input-placeholder, #subHeader5.color_theme #topSearch2 input::input-placeholder {
        color: rgb(255 255 255 / 70%);
        transition: all .2s ease-in-out
    }

    #subHeader5.color_black #topSearch2 input::placeholder, #subHeader5.color_theme #topSearch2 input::placeholder {
        color: rgb(255 255 255 / 70%);
        transition: all .2s ease-in-out
    }

    #subHeader5.color_black #topSearch2 input:focus[placeholder], #subHeader5.color_theme #topSearch2 input:focus[placeholder] {
        color: transparent
    }

    #subHeader5.color_black #topSearch2 input:focus::input-placeholder, #subHeader5.color_theme #topSearch2 input:focus::input-placeholder {
        color: transparent
    }

    #subHeader5.color_black #topSearch2 input::placeholder, #subHeader5.color_theme #topSearch2 input::placeholder {
        color: transparent
    }

    #subHeader5 .subTableColumn .toolsContainer {
        display: inline-block;
        line-height: 21px;
        text-align: right;
        vertical-align: middle
    }

    #subHeader5 .cart, #subHeader5 .topCompare, #subHeader5 .topWishlist {
        float: left;
        margin-top: 8px
    }

    #subHeader5.color_theme .cart .count, #subHeader5.color_theme .topCompare .value, #subHeader5.color_theme .topWishlist .value {
        color: #fff;
        border-color: rgb(255 255 255 / 70%)
    }

    #subHeader5.color_theme .cart .active .count, #subHeader5.color_theme .topCompare .active .value, #subHeader5.color_theme .topWishlist .active .value {
        color: #fff;
        border-color: #fff
    }

    #subHeader5.color_theme .cart .heading, #subHeader5.color_theme .cart .heading:hover, #subHeader5.color_theme .cart .heading:hover .total, #subHeader5.color_theme .cart .total, #subHeader5.color_theme .cart .total:hover {
        color: #fff
    }

        #subHeader5.color_theme .cart .total:hover {
            opacity: .7
        }

    #subHeader5 #searchResult {
        top: 110px
    }

    #subHeader5 #searchOverlap {
        top: 156px
    }

#mainMenuContainer #menuCatalogSection {
    border: 0
}

#menuCatalogSection .menuSection .catalogButton {
    padding: 0 12px 0 0;
    background-color: transparent
}

    #menuCatalogSection .menuSection .catalogButton:hover {
        background-color: transparent;
        opacity: .8
    }

.menuContainerColor #mainMenuContainer {
    border-top: 0 !important
}

@media all and (max-width:1600px) {
    #subHeader5 .subTableColumn:first-child {
        width: 210px
    }

    #subHeader5 .subTableColumn:nth-child(3) {
        width: 180px
    }
}

@media all and (max-width:1450px) {
    #headerLine2 #subMenu li a {
        padding: 0 24px
    }
}

@media all and (max-width:1366px) {
    #subHeader5 .subTableColumn:nth-child(3) {
        width: 160px
    }

    #subHeader5 .subTableColumn:last-child {
        width: 350px
    }

    #subHeader5 .subTableColumn:first-child {
        width: 200px
    }

    #subHeader5 .subTableColumn:nth-child(2) {
        width: 170px
    }
}

@media all and (max-width:1280px) {
    #subHeader5 .cart .heading {
        display: none
    }

    #subHeader5 .subTableColumn:last-child {
        width: 200px
    }

    #headerLine2 #subMenu li a {
        padding: 0 18px
    }
}

@media all and (max-width:1100px) {
    #subHeader5 .subTableColumn:nth-child(3) {
        display: none
    }
}

@media all and (max-width:1045px) {
    #headerLine2 .headerLineColumn:nth-child(2) {
        padding: 0;
        text-align: left
    }
}

@media all and (max-width:940px) {
    #subHeader5 {
        height: 170px
    }

        #subHeader5 .subTable {
            position: relative
        }

        #subHeader5 .subTableColumn:nth-child(4) {
            position: absolute;
            top: 98px;
            left: 0;
            width: 100%
        }

        #subHeader5 .cart .heading {
            display: inline-block
        }

        #subHeader5 .subTableColumn:last-child {
            width: 360px
        }

        #subHeader5 #searchResult {
            top: 72px
        }

        #subHeader5 #searchOverlap {
            top: 218px
        }
}

@media all and (max-width:825px) {
    #subHeader5 .cart .heading {
        display: none
    }

    #subHeader5 .subTableColumn:last-child {
        width: 200px
    }
}

@media all and (max-width:700px) {
    #headerLine2 .headerLineColumn:first-child, #subHeader5 .subTableColumn:first-child {
        padding-left: 12px
    }

    #headerLine2 .headerLineColumn:last-child, #subHeader5 .subTableColumn:last-child {
        padding-right: 12px
    }

    #subHeader5 .subTableColumn:nth-child(4) {
        box-sizing: border-box;
        padding: 0 12px
    }
}

@media all and (max-width:650px) {
    #headerLine2 #topCallBack {
        display: none
    }

    #headerLine2 .headerLineColumn:last-child {
        width: 200px
    }

    #headerLine2 #topAuth {
        margin: 0
    }

    #subHeader5 .topCompare {
        display: none
    }

    #subHeader5 .subTableColumn:last-child {
        position: absolute;
        top: 98px;
        right: 0;
        width: 120px
    }

    #subHeader5 .subTableColumn:nth-child(4) {
        padding-right: 140px
    }

    #subHeader5 .subTableColumn:nth-child(2) {
        width: 100%
    }

        #subHeader5 .subTableColumn:nth-child(2) .heading {
            text-align: right
        }
}

@media all and (max-width:500px) {
    #headerLine2 .top-auth-exit, #headerLine2 .top-auth-login, #headerLine2 .top-auth-personal, #headerLine2 .top-auth-register {
        top: 0;
        left: 0
    }

    #headerLine2 .user-geo-position-label {
        display: none
    }

    #headerLine2 .headerLineColumn:nth-child(2) {
        /*text-align: right*/
        padding: 0;

    }

    #headerLine2 #subMenu {
        margin-left: 6px
    }

        #headerLine2 #subMenu .removedItemsContainer .removedItemsLink {
            width: 10px
        }

    #headerLine2 div.headerLineColumn, #headerLine2 div.headerLineColumn:first-child {
        float: left;
        width: auto
    }

        #headerLine2 div.headerLineColumn:last-child {
            float: right;
            width: auto
        }

    #headerLine2 .user-geo-position {
        overflow: hidden;
        white-space: nowrap;
        text-align: left;
        text-overflow: ellipsis
    }

    #headerLine2 .user-geo-position-value-link {
        margin-top: -5px
    }
}

@media all and (max-width:420px) {
    #subHeader5 {
        height: 150px
    }

        #subHeader5 .limiter {
            padding: 0
        }

        #subHeader5 .subTableColumn:nth-child(2) .heading {
            font-size: 14px
        }

        #subHeader5 #logo, #subHeader5 .subTableColumn:first-child {
            width: 140px
        }

        #subHeader5 #logo {
            height: 90px;
            max-height: 90px;
            line-height: 90px
        }

        #subHeader5 .subTableColumn:last-child, #subHeader5 .subTableColumn:nth-child(4) {
            top: 80px
        }

    #headerLine2 .user-geo-position-label, #headerLine2 .user-geo-position-value, #headerLine2 .user-geo-position-value-link {
        font-size: 13px
    }

    #headerLine2 #topAuth > ul li {
        font-size: 13px
    }

    #subHeader5 #searchResult {
        top: 70px
    }

    #subHeader5 #searchOverlap {
        top: 196px
    }
}

@media all and (max-width:500px) {
    #subHeader5 .topWishlist {
        display: none
    }

    #subHeader5 .subTableColumn:last-child {
        width: 60px
    }

    #subHeader5 .subTableColumn:nth-child(4) {
        padding-right: 70px
    }

    #subHeader5 #topSearch2 #searchQuery {
        padding-left: 12px;
        background-image: none !important
    }

    #headerLine2 #geoPosition {
        position: absolute;
        top: 74px;
        right: 12px;
        z-index: 99
    }

    #headerLine2 #subMenu {
        margin-left: -6px
    }

    #headerLine2 .user-geo-position {
        padding-right: 0;
        text-align: right
    }

    #headerLine2 .headerLineColumn:nth-child(2) {
        padding-left: 0
    }

    #subHeader5 .subTableColumn:nth-child(2) .heading {
        margin-top: -22px
    }

        #subHeader5 .subTableColumn:nth-child(2) .heading:nth-child(2) {
            display: none
        }

    #subHeader5 #logo {
        padding-left: 0
    }

    #headerLine2.color_theme .user-geo-position-value-link {
        color: #000
    }
}
/* End */


/* Start:/bitrix/templates/dresscodeV2/headers/header5/css/types/type1.css?174182278672*/
#subHeader5 #topSearch2 .searchContainerInner {
    border-radius: 50px;
}

/* End */


/* Start:/bitrix/components/dresscode/sale.geo.positiion/templates/.default/style.css?174182278612480*/
.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: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    color: #000000;
    overflow: auto;
    z-index: 1000;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    /*display: none;*/
}

    #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: 0.2s;
        animation-duration: 0.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, 0.3);
        background-color: #ffffff;
        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: #000000;
    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 {
    /*text-transform: uppercase;*/
    overflow: hidden;
    float: left;
    width: 25%;
}

    #geo-location-window .geo-location-window-list-item a {
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        display: inline-block;
        text-decoration: none;
        line-height: 37px;
        overflow: hidden;
        color: #000000;
        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(../../../../../components/dresscode/sale.geo.positiion/templates/.default/images/geo-search.png) 12px 50% no-repeat #f6f6f6;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 1px solid #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 #aaaaaa;
    }

.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 {
    /*text-transform: uppercase;*/
    font-family: "robotoBold";
}

.geo-location-window-button-container {
    margin-bottom: 24px;
    text-align: center;
    margin-top: 24px;
}

.geo-location-window-button {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /*text-transform: uppercase;*/
    color: #ffffff !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: 0.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: 0.5;
    }

    .geo-location-window-button.loading {
        opacity: 0.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: 0px;
    top: 0px;
}

    .geo-location-window-search-values .geo-location-list-item {
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        border-top: 1px solid #e6e6e6;
        background-color: #eeeeee;
    }

        .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 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            color: #000000 !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: 0.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(../../../../../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: 0px 0px 25px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    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: 0px;
    top: 0px;
}

    #geo-location-ref-window.visible {
        display: block;
    }

    #geo-location-ref-window.centred {
        background-color: rgba(0, 0, 0, 0.45);
        border-radius: 0px;
        box-shadow: none;
        position: fixed;
        padding: 0px;
        height: 100%;
        width: 100%;
    }

        #geo-location-ref-window.centred .geo-location-ref-window-city-container {
            box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
            transform: translate(-50%, -50%);
            background-color: #ffffff;
            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(../../../../../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: 0.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: 0px;
    }
}

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

/*loader*/
#geo-location-window-fast-loader {
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    position: absolute;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    margin-left: -24px;
    display: none;
    height: 48px;
    width: 48px;
    opacity: 0;
    left: 50%;
    top: 0px;
}

.f_circleG {
    position: absolute;
    background-color: rgb(255, 255, 255);
    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: 0.522s;
    -o-animation-duration: 0.522s;
    -ms-animation-duration: 0.522s;
    -webkit-animation-duration: 0.522s;
    -moz-animation-duration: 0.522s;
    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: 0.1995s;
    -o-animation-delay: 0.1995s;
    -ms-animation-delay: 0.1995s;
    -webkit-animation-delay: 0.1995s;
    -moz-animation-delay: 0.1995s;
}

#frotateG_02 {
    left: 6px;
    top: 6px;
    animation-delay: 0.256s;
    -o-animation-delay: 0.256s;
    -ms-animation-delay: 0.256s;
    -webkit-animation-delay: 0.256s;
    -moz-animation-delay: 0.256s;
}

#frotateG_03 {
    left: 19px;
    top: 0;
    animation-delay: 0.3225s;
    -o-animation-delay: 0.3225s;
    -ms-animation-delay: 0.3225s;
    -webkit-animation-delay: 0.3225s;
    -moz-animation-delay: 0.3225s;
}

#frotateG_04 {
    right: 6px;
    top: 6px;
    animation-delay: 0.389s;
    -o-animation-delay: 0.389s;
    -ms-animation-delay: 0.389s;
    -webkit-animation-delay: 0.389s;
    -moz-animation-delay: 0.389s;
}

#frotateG_05 {
    right: 0;
    top: 19px;
    animation-delay: 0.4555s;
    -o-animation-delay: 0.4555s;
    -ms-animation-delay: 0.4555s;
    -webkit-animation-delay: 0.4555s;
    -moz-animation-delay: 0.4555s;
}

#frotateG_06 {
    right: 6px;
    bottom: 6px;
    animation-delay: 0.522s;
    -o-animation-delay: 0.522s;
    -ms-animation-delay: 0.522s;
    -webkit-animation-delay: 0.522s;
    -moz-animation-delay: 0.522s;
}

#frotateG_07 {
    left: 19px;
    bottom: 0;
    animation-delay: 0.5885s;
    -o-animation-delay: 0.5885s;
    -ms-animation-delay: 0.5885s;
    -webkit-animation-delay: 0.5885s;
    -moz-animation-delay: 0.5885s;
}

#frotateG_08 {
    left: 6px;
    bottom: 6px;
    animation-delay: 0.645s;
    -o-animation-delay: 0.645s;
    -ms-animation-delay: 0.645s;
    -webkit-animation-delay: 0.645s;
    -moz-animation-delay: 0.645s;
}

@keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-o-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-webkit-keyframes zoomInLocation {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50%) translateX(-50%) scale3d(0.3, 0.3, 0.3);
        transform: translateY(-50%) translateX(-50%) scale3d(0.3, 0.3, 0.3);
        -moz-transform: translateY(-50%) translateX(-50%) scale3d(0.3, 0.3, 0.3);
        -o-transform: translateY(-50%) translateX(-50%) scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomInLocation {
    from {
        opacity: 0;
        -webkit-transform: translateY(-50%) translateX(-50%) scale3d(0.3, 0.3, 0.3);
        transform: translateY(-50%) translateX(-50%) scale3d(0.3, 0.3, 0.3);
        -moz-transform: translateY(-50%) translateX(-50%) scale3d(0.3, 0.3, 0.3);
        -o-transform: translateY(-50%) translateX(-50%) scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

/* End */


/* Start:/bitrix/templates/dresscodeV2/components/bitrix/menu/topMenu4/style.min.css?1741822786506*/
#subMenu {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 0;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    list-style: none;
}

    #subMenu li {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0;
        font-size: 14px;
        vertical-align: middle;
        list-style: none
    }

        #subMenu li:last-child {
            border: 0
        }

        #subMenu li a {
            display: inline-block;
            padding: 0 24px;
            color: #000;
            text-decoration: none;
            vertical-align: middle;
            transition: all .2s ease-in-out
        }

            #subMenu li a:not(.selected):active {
                position: relative;
                top: 1px
            }
/* End */


/* Start:/bitrix/templates/dresscodeV2/components/bitrix/form.result.new/modal/style.min.css?17418227867730*/
.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(../../../../../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(../../../../../templates/dresscodeV2/components/bitrix/form.result.new/modal/images/checkBox.png) 0 0 no-repeat transparent
}

.webFormItemField input[type=radio] + label::before {
    background: url(../../../../../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(../../../../../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?17418227866405*/
#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(../../../../../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(../../../../../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(../../../../../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(../../../../../components/dresscode/search.line/templates/version2/images/searchH5W.svg) 14px 50% no-repeat transparent
}

#subHeader2.color_black #goSearch, #subHeader2.color_theme #goSearch {
    background: url(../../../../../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(../../../../../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(../../../../../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(../../../../../components/dresscode/search.line/templates/version2/images/searchH5W.svg) 14px 50% no-repeat transparent
    }

    #topSearchLine.color_black #goSearch {
        background: url(../../../../../components/dresscode/search.line/templates/version2/images/searchIcoH5W.svg) 0 0 no-repeat transparent
    }

    #subHeader6 #topSearchLine #topSearch2 #searchQuery {
        color: #000;
        background: url(../../../../../components/dresscode/search.line/templates/version2/images/searchH2.svg) 14px 50% no-repeat transparent
    }

    #subHeader6 #topSearchLine #topSearch2 #goSearch {
        background: url(../../../../../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/compare.line/templates/version4/style.min.css?17418227861085*/
.topCompare .text {
    position: relative;
    display: block
}

.topCompare .icon {
    display: inline-block;
    width: 60px;
    height: 40px;
    background: url(../../../../../components/dresscode/compare.line/templates/version4/images/compareH4.svg) 50% 50% no-repeat transparent
}

#subHeader4.color_black .topCompare .icon, #subHeader4.color_theme .topCompare .icon, #subHeader5.color_black .topCompare .icon, #subHeader5.color_theme .topCompare .icon, #subHeader7.color_black .topCompare .icon, #subHeader7.color_theme .topCompare .icon, #subHeader9.color_black .topCompare .icon, #subHeader9.color_theme .topCompare .icon {
    background: url(../../../../../components/dresscode/compare.line/templates/version4/images/compareH4w.svg) 50% 50% no-repeat transparent
}

.topCompare .active .icon:hover {
    opacity: .7
}

.topCompare .active .icon:active {
    position: relative;
    top: 1px
}

.topCompare .value {
    position: absolute;
    top: 0;
    right: 8px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    color: #d1d1d1;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #d1d1d1;
    border-radius: 50%
}

#subHeader5.color_black .topCompare .value, #subHeader7.color_black .topCompare .value, #subHeader9.color_black .topCompare .value {
    background-color: #2b2b2b
}

.topCompare .active .value:active {
    top: 1px
}
/* End */


/* Start:/bitrix/components/dresscode/favorite.line/templates/version4/style.min.css?17418227861148*/
.topWishlist .text {
    position: relative;
    display: block
}

.topWishlist .icon {
    display: inline-block;
    width: 60px;
    height: 40px;
    background: url(../../../../../components/dresscode/favorite.line/templates/version4/images/wishlistH4.svg) 50% 50% no-repeat transparent
}

#subHeader4.color_black .topWishlist .icon, #subHeader4.color_theme .topWishlist .icon, #subHeader5.color_black .topWishlist .icon, #subHeader5.color_theme .topWishlist .icon, #subHeader7.color_black .topWishlist .icon, #subHeader7.color_theme .topWishlist .icon, #subHeader9.color_black .topWishlist .icon, #subHeader9.color_theme .topWishlist .icon {
    display: inline-block;
    width: 60px;
    height: 40px;
    background: url(../../../../../components/dresscode/favorite.line/templates/version4/images/wishlistH4w.svg) 50% 50% no-repeat transparent
}

.topWishlist .active .icon:hover {
    opacity: .7
}

.topWishlist .active .icon:active {
    position: relative;
    top: 1px
}

.topWishlist .value {
    position: absolute;
    top: 0;
    right: 8px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    color: #d1d1d1;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #d1d1d1;
    border-radius: 50%
}

#subHeader5.color_black .topWishlist .value, #subHeader7.color_black .topWishlist .value, #subHeader9.color_black .topWishlist .value {
    background-color: #2b2b2b
}

.topWishlist .active .value:active {
    top: 1px
}
/* End */


/* Start:/bitrix/templates/dresscodeV2/components/bitrix/sale.basket.basket.line/topCart5/style.min.css?17418227861918*/
.cart .countLink {
    position: relative;
    display: inline-block;
    float: left;
    width: 60px;
    height: 40px;
    font-size: 14px;
    background: url(../../../../../templates/dresscodeV2/components/bitrix/sale.basket.basket.line/topCart5/images/cartH4.svg) 50% 50% no-repeat transparent
}

#subHeader4.color_black .cart .countLink, #subHeader4.color_theme .cart .countLink, #subHeader5.color_black .cart .countLink, #subHeader5.color_theme .cart .countLink, #subHeader6.color_black .cart .countLink, #subHeader6.color_theme .cart .countLink, #subHeader7.color_black .cart .countLink, #subHeader7.color_theme .cart .countLink, #subHeader8.color_black .cart .countLink, #subHeader8.color_theme .cart .countLink, #subHeader9.color_black .cart .countLink, #subHeader9.color_theme .cart .countLink {
    background: url(../../../../../templates/dresscodeV2/components/bitrix/sale.basket.basket.line/topCart5/images/cartH4w.svg) 50% 50% no-repeat transparent
}

.cart .countLink.active:hover {
    opacity: .7
}

.cart .countLink.active:active {
    top: 1px
}

.cart .heading {
    display: inline-block;
    max-width: 172px;
    margin-top: 8px;
    margin-left: 6px;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

#subHeader5.color_black .cart .heading, #subHeader5.color_theme .cart .heading, #subHeader6.color_black .cart .heading, #subHeader6.color_theme .cart .heading, #subHeader7.color_black .cart .heading, #subHeader7.color_theme .cart .heading, #subHeader8.color_black .cart .heading, #subHeader8.color_theme .cart .heading, #subHeader9.color_black .cart .heading, #subHeader9.color_theme .cart .heading {
    color: #fff
}

.cart .heading.active:active {
    position: relative;
    top: 1px
}

.cart .heading .cartLabel {
    margin-right: 3px;
    font-family: robotomedium
}

    .cart .heading .cartLabel:hover {
        opacity: .7
    }

.cart .count {
    position: absolute;
    top: 0;
    right: 8px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    color: #d1d1d1;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #d1d1d1;
    border-radius: 50%
}

#subHeader5.color_black .cart .count, #subHeader6.color_black .cart .count, #subHeader7.color_black .cart .count, #subHeader8.color_black .cart .count, #subHeader9.color_black .cart .count {
    background-color: #2b2b2b
}
/* End */


/* Start:/bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/style.min.css?17418227866902*/
#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(../../../../../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(../../../../../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(../../../../../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: 180px;
        margin-top: 24px;
        line-height: 180px;
        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(../../../../../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(../../../../../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(../../../../../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/components/dresscode/products.by.filter/templates/.default/style.css?17418227861163*/
#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: 0px;
        left: 0px;
    }

        #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(../../../../../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.css?17418227861235*/
#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: 0px;
        left: 0px;
    }

        #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(../../../../../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.css?17418227861884*/
#bigDataCarousel .wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    /*margin: 0 24px;*/
}

#bigDataCarousel .slideBox > li {
    float: left;
}

#bigDataCarousel .productList .item {
    /*border-left: 0px;*/
    border-top: 1px solid #e7e8ea;
    width: 100%;
    float: none;
}

    #bigDataCarousel .productList .item .tabloid {
        height: 100%;
    }

#bigDataCarousel .bigDataBtnLeft,
#bigDataCarousel .bigDataBtnRight {
    background: url(../../../../../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: 0px;
}

#bigDataCarousel .bigDataBtnRight {
    right: 0px;
}

#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(../../../../../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/components/dresscode/cookie.notice/templates/.default/style.min.css?17506150531020*/
.cookie-notice {
    position: fixed;
    right: 18px;
    bottom: 76px;
    z-index: 9999;
    width: min(100%,400px);
    color: #000;
    background-color: #fff;
    box-shadow: 0 0 25px rgb(0 0 0 / 15%)
}

    .cookie-notice:not(.cookie-notice--visible) {
        display: none
    }

.cookie-notice__inner {
    box-sizing: border-box;
    padding: 36px
}

.cookie-notice__content, .cookie-notice__inner {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.cookie-notice__text {
    margin: 0;
    font-size: 14px;
    font-family: roboto_ltregular,sans-serif;
    line-height: 1.5
}

.cookie-notice__heading {
    font-size: 24px;
    font-family: robotobold,sans-serif;
    line-height: 1.4
}

.cookie-notice__confirm-button {
    width: 100%
}

@media (min-width:1025px) {
    .cookie-notice {
        border-radius: 10px
    }
}

@media (max-width:1024px) and (min-width:800px) {
    .cookie-notice__inner {
        flex-direction: row;
        align-items: center
    }
}

@media (max-width:1024px) {
    .cookie-notice {
        right: 0;
        bottom: 0;
        width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .cookie-notice__inner {
        padding: 24px
    }

    .cookie-notice__content, .cookie-notice__inner {
        gap: 12px
    }

    .cookie-notice__heading {
        font-size: 16px
    }
}
/* End */


/* Start:/bitrix/templates/dresscodeV2/template_styles.min.css?1750615053158466*/
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
}

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

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

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

.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(../../../../../templates/dresscodeV2/images/menuMore.png) 0 50% no-repeat transparent
}

#topHeader.color_default #topMenu .bar > a {
    background-image: url(../../../../../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(../../../../../templates/dresscodeV2/images/rating.svg) repeat 0 0 transparent
        }

            #catalogLineList .rating i.m {
                z-index: 10;
                width: 0;
                background: url(../../../../../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(../../../../../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(../../../../../templates/dresscodeV2/images/rating.svg) repeat 0 0 transparent
        }

            #catalogTableList .rating i.m {
                z-index: 10;
                width: 0;
                background: url(../../../../../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 {
        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 #footerBottom .sn .vk {
        background: url(../../../../../templates/dresscodeV2/images/snC.svg) 0 0 no-repeat transparent
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #footer.variant_2 #footerBottom .sn .vk:hover, #footer.variant_3 #footerBottom .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 #footerBottom .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 #footerBottom .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 #footerBottom .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 #footerBottom .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 #footerBottom .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 #footerBottom .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 #footerBottom .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 #footerBottom .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 #footerBottom .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 #footerBottom .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 #footerBottom .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%)
    }

#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(../../../../../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 {
        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: 24px;
        font-size: 22px;
        font-family: robotomedium
    }

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

    #rightFooter .showMap {
        display: block;
        margin-top: 12px;
        text-decoration: underline;
        transition: all .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
        }

    #footerBottom .social {
        float: right
    }

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

#appBasket {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 40%);
    transition: .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(../../../../../templates/dresscodeV2/images/rating.svg) repeat 0 0 transparent
    }

        #appBasket .rating i.m {
            z-index: 10;
            width: 0;
            background: url(../../../../../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(../../../../../templates/dresscodeV2/images/compare.svg) 0 0 no-repeat transparent
    }

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

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

    #appBasket .lower .tools .addWishlist.added .ico {
        background: url(../../../../../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(../../../../../templates/dresscodeV2/images/inStock.svg) 0 0 no-repeat transparent;
            border: 0 !important
        }

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

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

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

#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(../../../../../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(../../../../../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(../../../../../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(../../../../../templates/dresscodeV2/images/view-basket-add-minus.png)
        }

        #appFastView .catalogQtyBlock .catalogPlus {
            right: 18px;
            background-image: url(../../../../../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(../../../../../templates/dresscodeV2/images/rating2.png) repeat 0 0 transparent
        }

    #appFastView i.m {
        z-index: 10;
        width: 0;
        background: url(../../../../../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 {
    height: 85px;
    margin-top: 24px;
    line-height: 85px
}

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

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

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

        #footerTabsCaption .item a {
            padding-bottom: 8px;
            font-size: 16px;
            font-family: robotobold;
            text-transform: uppercase;
            text-decoration: none;
            transition: all .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(../../../../../templates/dresscodeV2/images/compareFooterMinC.svg)
    }

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

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

    #footerLine.color_theme .item .callback .icon {
        background-image: url(../../../../../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(../../../../../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: 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: 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(../../../../../templates/dresscodeV2/images/rating.svg) repeat 0 0 transparent
    }

        .product .rating i.m {
            z-index: 10;
            width: 0;
            background: url(../../../../../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: 60px;
    padding: 0 24px;
    font-size: 16px;
    line-height: 60px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    transition: all .2s ease-in-out
}

    .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: 16px;
    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(../../../../../templates/dresscodeV2/images/basket-add-plus.png);
        border-radius: 2px 2px 0 0
    }

    .product .quantityContainer .minus {
        background-image: url(../../../../../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 {
    color: red
}

    .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(../../../../../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(../../../../../templates/dresscodeV2/images/checkBox.png) 0 0 no-repeat transparent
}

.bx-auth input[type=radio] + label::before {
    background: url(../../../../../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(../../../../../templates/dresscodeV2/images/sn.svg) 0 0 no-repeat transparent
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li > a, .menuContainerColor.color_theme #mainMenuContainer #mainMenu > li > a:hover {
        color: #fff
    }

    .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(../../../../../templates/dresscodeV2/images/menuSlicedIconW.svg)
    }

    .menuContainerColor.color_gray #menuCatalogSection .catalogButtonImage, .menuContainerColor.color_white #menuCatalogSection .catalogButtonImage {
        background-image: url(../../../../../templates/dresscodeV2/images/catalogButtonW.svg)
    }

    .menuContainerColor.color_gray #menuCatalogSection .sectionMenuArrow, .menuContainerColor.color_white #menuCatalogSection .sectionMenuArrow {
        background-image: url(../../../../../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(../../../../../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: 341px
    }

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

        .product .tabloid {
            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: 341px
    }

    #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(../../../../../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: 301px
    }

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

        .product .tabloid {
            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 {
            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_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 {
        position: absolute;
        top: 0;
        right: 12px;
        bottom: 0;
        display: block;
        width: 25px;
        height: 25px;
        margin: auto;
        background-color: transparent;
        background-image: url(../../../../../templates/dresscodeV2/images/mobile-tab-show.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 25px;
        content: ""
    }

    #leftFooter .heading.active::after {
        background-image: url(../../../../../templates/dresscodeV2/images/mobile-tab-hide.svg)
    }

    #leftFooter .heading + ul {
        display: none;
        box-sizing: border-box;
        margin-top: 12px;
        padding: 0 12px
    }

    #rightFooter {
        box-sizing: border-box;
        padding: 24px 0
    }

        #rightFooter .rightTable {
            display: block
        }

        #rightFooter .leftColumn, #rightFooter .rightColumn {
            display: block;
            box-sizing: border-box;
            padding: 0 24px
        }

        #rightFooter .rightColumn {
            padding-top: 18px;
            text-align: left
        }

    #footer .rightTable .leftColumn {
        display: block
    }

    #rowFooter {
        display: table;
        font-size: 0
    }

    #leftFooter, #rightFooter {
        display: table-cell;
        width: 50%;
        font-size: 14px;
        vertical-align: top
    }

    #footerBottom .social {
        float: none;
        margin: 0;
        padding: 0;
        overflow-x: scroll
    }

    #footerBottom ul {
        display: inline-block;
        white-space: nowrap
    }

    #footerBottom .sn {
        float: none
    }

        #footerBottom .sn li {
            display: inline-block;
            float: none;
            vertical-align: middle
        }
}

@media all and (max-width: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) {
    #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(../../../../../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
    }

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

    .product .name {
        font-size: 12px
    }
}

@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(../../../../../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(../../../../../templates/dresscodeV2/images/windowLoader.gif) 50% 50% no-repeat transparent
    }

.quickBuy.disabled {
    cursor: not-allowed
}

    .quickBuy.disabled:hover {
        color: #717171
    }

    .quickBuy.disabled:active {
        top: 0
    }

.getPricesWindow {
    cursor: pointer !important;
    transition: all .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(../../../../../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(../../../../../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(../../../../../templates/dresscodeV2/images/slideButtonSect.svg) 0 0 no-repeat transparent;
            cursor: pointer
        }

            #catalog-section-banners ol li:hover {
                background: url(../../../../../templates/dresscodeV2/images/slideButtonSect.svg) -18px 0 no-repeat transparent
            }

            #catalog-section-banners ol li:active {
                background: url(../../../../../templates/dresscodeV2/images/slideButtonSect.svg) -36px 0 no-repeat transparent
            }

            #catalog-section-banners ol li.selected {
                background: url(../../../../../templates/dresscodeV2/images/slideButtonSect.svg) -54px 0 no-repeat transparent
            }

                #catalog-section-banners ol li.selected:hover {
                    background: url(../../../../../templates/dresscodeV2/images/slideButtonSect.svg) -72px 0 no-repeat transparent
                }

                #catalog-section-banners ol li.selected:active {
                    background: url(../../../../../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(../../../../../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(../../../../../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(../../../../../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(../../../../../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-flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    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(../../../../../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(../../../../../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(../../../../../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?1741822786986 */
/* /bitrix/templates/dresscodeV2/themes/ultramarine/style.min.css?174182278638296 */
/* /bitrix/templates/dresscodeV2/headers/header5/css/style.min.css?174182278612154 */
/* /bitrix/templates/dresscodeV2/headers/header5/css/types/type1.css?174182278672 */
/* /bitrix/components/dresscode/sale.geo.positiion/templates/.default/style.css?174182278612480 */
/* /bitrix/templates/dresscodeV2/components/bitrix/menu/topMenu4/style.min.css?1741822786506 */
/* /bitrix/templates/dresscodeV2/components/bitrix/form.result.new/modal/style.min.css?17418227867730 */
/* /bitrix/components/dresscode/search.line/templates/version2/style.min.css?17418227866405 */
/* /bitrix/components/dresscode/compare.line/templates/version4/style.min.css?17418227861085 */
/* /bitrix/components/dresscode/favorite.line/templates/version4/style.min.css?17418227861148 */
/* /bitrix/templates/dresscodeV2/components/bitrix/sale.basket.basket.line/topCart5/style.min.css?17418227861918 */
/* /bitrix/templates/dresscodeV2/components/bitrix/menu/catalogMenu/style.min.css?17418227866902 */
/* /bitrix/components/dresscode/products.by.filter/templates/.default/style.css?17418227861163 */
/* /bitrix/components/dresscode/catalog.viewed.product/templates/.default/style.css?17418227861235 */
/* /bitrix/templates/dresscodeV2/components/bitrix/catalog.bigdata.products/.default/style.css?17418227861884 */
/* /bitrix/components/dresscode/cookie.notice/templates/.default/style.min.css?17506150531020 */
/* /bitrix/templates/dresscodeV2/template_styles.min.css?1750615053158466 */