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


/* Start:/local/templates/dresscode/themes/black/red/style.min.css?173157460941885*/
body.index {
    background-color: #f3f3f3
}

.theme-background-svg {
    fill: #c81938
}

#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,
#subHeader2 .cart .heading.active,
#subHeader2 .topCompare .text.active,
#subHeader2 .topWishlist .text.active,
#subHeader2.color_black .cart .heading.active,
#subHeader2.color_theme,
#subHeader3.color_theme,
#subHeader4.color_theme,
#subHeader4.color_theme #subMenu .removedItemsContainer .removedItemsList,
#subHeader4.color_theme .cart .count,
#subHeader4.color_theme .topCompare .value,
#subHeader4.color_theme .topWishlist .value,
#subHeader5.color_theme,
#subHeader5.color_theme #subMenu .removedItemsContainer .removedItemsList,
#subHeader5.color_theme .cart .count,
#subHeader5.color_theme .topCompare .value,
#subHeader5.color_theme .topWishlist .value,
#subHeader6.color_theme,
#subHeader6.color_theme .cart .count,
#subHeader6.color_theme .topCompare .value,
#subHeader6.color_theme .topWishlist .value,
#subHeader7.color_theme,
#subHeader7.color_theme .cart .count,
#subHeader7.color_theme .topCompare .value,
#subHeader7.color_theme .topWishlist .value,
#subHeader8.color_theme,
#subHeader8.color_theme #subMenu .removedItemsContainer .removedItemsList,
#subHeader8.color_theme .cart .count,
#subHeaderLine.color_theme,
#subHeaderLine.color_theme #subMenu .removedItemsContainer .removedItemsList,
#topHeader2.color_theme {
    background-color: #c81938
}

#headerLine .headerLineTools .callBack:hover,
#headerLine2 .callBack:hover {
    background-color: #d70027
}

#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,
#subHeader2 #topCallback .link,
#subHeader3 .cart .total,
#subHeader3.color_theme .cart .active .count,
#subHeader4 #subMenu li .selected,
#subHeader5 .cart .heading .total,
#subHeader6 .cart .active .count,
#subHeader6 .cart .total,
#subHeader7 .cart .active .total,
#subHeader7 .firstPhones .callBack,
#subHeader8 #subMenu li .selected {
    color: #c81938
}

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

#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,
#subHeader4 #subMenu li a:hover,
#subHeader5 .cart .heading:hover .total,
#subHeader6 .cart .heading:hover .total,
#subHeader7 .firstPhones .callBack:hover,
#subHeader8 #subMenu li a:hover {
    color: #d70027
}

#headerLine.color_theme .headerLineTools .callBack,
#headerLine2.color_theme .callBack,
#subHeader6.color_theme .callBack {
    background-color: #d70027
}

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

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

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

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

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

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

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

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

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

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

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

#topHeader {
    border-bottom: 1px solid #313131;
    background: #2b2b2b
}

#topService {
    color: #ccc;
    border-left: 1px solid #3a3a3a
}

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

#topService li a {
    color: #ccc
}

#topService li:hover a:hover {
    color: #d70027
}

#topService li a:focus {
    color: #c50326
}

#topService .selected {
    color: #d70027
}

#subHeader {
    background: #2b2b2b;
    border-bottom: 1px solid #313131
}

#topHeading p {
    color: #888
}

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

#headerTools .tools .link {
    color: #c81938
}

#headerTools .tools .link:hover {
    color: #d70027
}

#headerTools .text {
    color: #ccc
}

#headerTools .telephone .icon {
    background: url(/local/templates/dresscode/themes/black/red/images/callbackHead.svg) 0 0 no-repeat transparent
}

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

#headerTools .search .icon {
    background: url(/local/templates/dresscode/themes/black/red/images/searchHead.svg) 0 0 no-repeat transparent
}

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

#headerTools .wishlist .icon {
    background: url(/local/templates/dresscode/themes/black/red/images/wishlistHead.svg) 0 0 no-repeat transparent
}

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

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

#headerTools .compare .icon {
    background: url(/local/templates/dresscode/themes/black/red/images/compareHead.svg) 0 0 no-repeat transparent
}

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

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

#headerTools .cart .icon {
    background: url(/local/templates/dresscode/themes/black/red/images/cartHead.svg) 0 0 no-repeat transparent
}

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

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

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

#headerTools .cart ins.active {
    color: #d70027
}

#changeYouCity {
    background: url(/local/templates/dresscode/themes/black/red/images/modalBg.svg) 0 0 repeat #232323
}

#changeYouCity .heading {
    color: #d70027
}

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

#changeYouCity .list li a:hover {
    color: #d70027
}

#changeYouCity #cityClose {
    background: rgba(0, 0, 0, .1);
    border: 1px solid #000;
    color: #fff
}

#changeYouCity #cityClose:hover {
    color: #d70027
}

#changeYouCity #cityClose ins {
    background: url(/local/templates/dresscode/themes/black/red/images/exit.svg) 0 0 no-repeat transparent
}

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

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

#left .heading {
    color: #fff
}

#left .opener {
    background: #c81938
}

#left .heading ins {
    background: url(/local/templates/dresscode/themes/black/red/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 {
    border-left: 1px solid #313131;
    background: #424242;
    color: #fff
}

#brandSearch td a {
    color: #fff
}

#brandSearch td:hover a {
    color: #d70027
}

#brandSearch a {
    color: #000
}

#slider ol li {
    background: url(/local/templates/dresscode/themes/black/red/images/slideButton.svg) 0 0 no-repeat transparent
}

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

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

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

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

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

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

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

#popCats li a:hover {
    background-color: #d70027;
    border-color: #c81938;
    color: #fff
}

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

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

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

#collectionList .goTo:hover {
    background-color: #d70027;
    border-color: #c81938;
    color: #fff
}

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

#footer {
    background-color: #f9f9f9
}

#catalogLine {
    border: 1px solid #e7e8ea
}

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

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

#leftFooter {
    background: #2b2b2b
}

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

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

#leftFooter a {
    color: #999
}

#leftFooter a:hover {
    color: #c81938
}

#leftFooter .selected {
    color: #c81938
}

#rightFooter {
    background: #202020
}

#rightFooter .list li {
    color: #888
}

#rightFooter .email a {
    color: #000
}

#rightFooter p {
    color: #888
}

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

#rightFooter .telephone {
    color: #c81938
}

#rightFooter .email {
    color: #fff
}

#rightFooter .showMap {
    color: #c81938
}

#rightFooter .showMap:hover {
    color: #d70027
}

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

#appBasketContainer {
    box-shadow: 1px 1px 12px rgba(60, 60, 60, .3);
    background-color: #fff;
    border-radius: 10px;
    padding: 24px
}

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

#appBasket .close {
    background: url(/local/templates/dresscode/themes/black/red/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 {
    background-color: #424242;
    border-radius: 4px;
    color: #fff
}

#appBasket .name {
    color: #000
}

#appBasket .name:hover {
    color: #c81938
}

#appBasket .price {
    color: #000
}

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

#appBasket .minus,
#appBasket .plus {
    background: url(/local/templates/dresscode/themes/black/red/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 {
    background-color: #e7e8ea;
    color: #000
}

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

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

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

#appFastBuyContainer .heading {
    color: #000
}

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

#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 {
    background-color: #c81938;
    color: #fff
}

#appFastBuyContainer #fastBuyFormSubmit:hover {
    background-color: #d70027
}

#appFastBuyContainer #fastBuyFormSubmit.loading {
    background: url(/local/templates/dresscode/themes/black/red/images/loading.gif) 24px 50% no-repeat #d70027 !important
}

#fastBuyResult #fastBuyResultClose {
    background-color: #c81938;
    color: #fff
}

#fastBuyResult #fastBuyResultClose:hover {
    background-color: #d70027
}

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

#appFastBuyContainer .name {
    color: #000
}

#appFastBuyContainer .name:hover {
    color: #c81938
}

#appFastBuyContainer .price {
    color: #000
}

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

#appFastView .appFastViewExit,
#fastViewStores .fastViewStoresExit {
    background: url(/local/templates/dresscode/themes/black/red/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(/local/templates/dresscode/themes/black/red/images/exit2.svg) 0 0 no-repeat transparent
}

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

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

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

#footerTabsCaption .item a {
    color: #888
}

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

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

#footerTabsCaption .item a:hover {
    color: #c81938
}

#footerTabs {
    background-color: #f9f9f9
}

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

#footerLine .item .callback {
    color: #c81938
}

#footerLine .item .wishlist .icon {
    background: url(/local/templates/dresscode/themes/black/red/images/wishlistFooterMin.svg) 0 0 no-repeat
}

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

#footerLine .item .callback:hover {
    color: #d70027
}

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

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

#footerLine .item .compare .icon {
    background: url(/local/templates/dresscode/themes/black/red/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: #c81938
}

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

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

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

#empty a {
    color: #000
}

#empty a:hover {
    color: #c81938
}

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

#empty .back:hover {
    color: #d70027
}

.product.last {
    background: #f9f9f9
}

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

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

.product .name {
    color: #000
}

.product .name:hover {
    color: #c81938
}

.product .price {
    color: #000
}

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

.product .addCart {
    background: #c81938;
    color: #fff
}

.product .addCart:hover {
    background-color: #d70027
}

.product .label {
    color: #717171
}

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

.product .skuPropertyName {
    color: #888
}

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

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

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

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

.product.last .showMore:hover {
    color: #c81938
}

.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(/local/templates/dresscode/themes/black/red/images/iconMenu.svg) 50% 50% no-repeat #c81938;
    border-right: 1px solid #c81938
}

.heading.orange {
    background: #c81938
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.backToIndexPage,
.blackLink {
    color: #000
}

.backToIndexPage:hover,
.blackLink:hover {
    color: #c81938
}

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

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

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

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

.contactList a:hover {
    color: #c81938
}

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

#ORDER_CONFIRM_BUTTON {
    background: #d70027 !important
}

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

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

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

#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-bottom: 1px solid #e7e8ea;
    border-right: 1px solid #e7e8ea;
    border-left: 1px solid #e7e8ea
}

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

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

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

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

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

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

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

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

#sectionList .tabloid .name:hover {
    color: #d70027
}

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

#sectionList .item:hover .tabloid {
    box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
    border: 1px solid #ddd
}

#sectionList .element .name:hover {
    color: #d70027
}

#nextSection {
    border-right: 1px solid #e7e8ea;
    border-left: 1px solid #e7e8ea;
    border-top: 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: #d70027
}

#nextSection li .cnt {
    color: #888
}

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

#elementSmallNavigation .tab.active a {
    color: #c81938
}

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

#elementTools .addCart,
#smallElementTools .addCart {
    background: #c81938
}

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

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

.elementProperties a:hover {
    color: #c81938
}

#elementProperties .stats a:hover {
    color: #c81938
}

#files .item .info .name:hover {
    color: #c81938
}

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

#showallReviews:hover {
    color: #c81938
}

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

#catalogElement #newReview .submit {
    background: #c81938
}

#catalogElement #newReview .submit:hover {
    background: #d70027
}

#set .setTools .addCart {
    background: #c81938
}

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

#set .setElement .name:hover {
    color: #c81938
}

#setWindowPrice .addCart {
    background: #c81938
}

#setWindowPrice .addCart:hover {
    background-color: #d70027
}

#catalogLineList .name:hover {
    color: #c81938
}

#catalogLineList .addCart {
    background: #c81938
}

#catalogLineList .addCart:hover {
    background-color: #d70027
}

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

#catalogLineList .prop a:hover {
    color: #c81938
}

#catalogTableList .name:hover {
    color: #d70027
}

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

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

#smartFilter .showALL {
    color: #c81938
}

#smartFilter .showALL:hover {
    color: #d70027
}

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

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

#smartFilter .handler {
    background: url(/local/templates/dresscode/themes/black/red/images/handlerActive.svg) 0 0 no-repeat transparent
}

#set_filter {
    background-color: #c81938
}

#set_filter:hover {
    background-color: #d70027
}

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

#smartFilter .hint {
    background: url(/local/templates/dresscode/themes/black/red/images/question.svg) 0 0 no-repeat transparent
}

#smartFilter .hintValue .close {
    color: #c81938
}

#smartFilter .hintValue .close:hover {
    color: #d70027
}

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

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

#modef {
    background: url(/local/templates/dresscode/themes/black/red/images/modef.svg) 0 0 no-repeat
}

#topMenu li a:hover {
    color: #d70027
}

#topMenu li .selected {
    color: #d70027
}

#topMenu .bar>a {
    background: url(/local/templates/dresscode/themes/black/red/images/menuMore.svg) 0 50% no-repeat transparent
}

#topMenu .bar.active>a,
#topMenu .bar>a:hover {
    background: url(/local/templates/dresscode/themes/black/red/images/menuMore.svg) -21px 50% no-repeat transparent
}

#topMenu .sub li:hover a {
    color: #d70027
}

#personalMenu li a:hover {
    color: #c81938
}

#subLeftMenu .selected a {
    color: #d70027
}

#leftMenu .menuItems a:hover span {
    color: #c81938
}

#newsDetail .more {
    background: #c81938
}

#newsDetail .more:hover {
    background-color: #d70027
}

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

#newsContainer .column .item .more {
    background: #c81938
}

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

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

#newsContainer .column .item .more {
    background: #c81938
}

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

.backToList:hover {
    color: #c81938
}

#brandList .name:hover {
    color: #d70027
}

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

#newsContainer .column .item .more {
    background: #c81938
}

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

#collectionBlock .name:hover {
    color: #d70027
}

#collectionBlock .link {
    color: #d70027
}

#newsBlock .newsTitle:hover {
    color: #c81938
}

#serviceBlock .name:hover {
    color: #d70027
}

#serviceBlock .link {
    color: #d70027
}

.bx_my_order_cancel a:hover {
    color: #c81938
}

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

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

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

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

.bx_my_order_switch .bx_mo_link:hover {
    color: #c81938
}

#subscribeEdit a:hover {
    color: #c81938
}

#subscribeEdit .submit {
    background: #c81938
}

#subscribeEdit .submit:hover {
    background: #d70027
}

#subscribe .submit {
    background-color: #d70027
}

#subscribe .submit:hover {
    background-color: #d70027
}

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

#brandList .name:hover {
    color: #d70027
}

#brandList .last .showMore:hover {
    color: #d70027
}

#brandList .last .ps:hover {
    color: #d70027
}

#homeCatalog .caption.selected {
    background-color: #c81938
}

#mainProfile .profileSettings .heading {
    color: #c81938
}

#mainProfile .profileSettings .submit {
    background: #c81938
}

#mainProfile .profileSettings .submit:hover {
    background: #d70027
}

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

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

#newOrder {
    background-color: #c81938
}

#newOrder:hover {
    background-color: #d70027
}

#orderSuccess a {
    color: #c81938
}

#orderSuccess a:hover {
    color: #d70027
}

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

#personalCart #tabsControl .item a:hover {
    color: #c81938
}

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

#personalCart .productTable .clear a:hover {
    color: #c81938
}

#personalCart .productTable .name a:hover {
    color: #c81938
}

#orderMake {
    background-color: #c81938
}

#orderMake:hover {
    background-color: #d70027
}

.orderLoad {
    background: url(/local/templates/dresscode/themes/black/red/images/orderLoad.gif) 24px 50% no-repeat #c81938 !important
}

#wishlist .prop a:hover {
    color: #d70027
}

#popSection .name:hover {
    color: #c81938
}

#popSection .last .showMore:hover {
    color: #c81938
}

#popSection .last .ps:hover {
    color: #c81938
}

#storeDetail .storesMoreLink,
#storesList .storesListTableLink {
    color: #c81938
}

#storeDetail .showByMapLink {
    color: #000
}

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

#complect .complectListItemLink {
    color: #000
}

#complect .complectListItemLink:hover {
    color: #d70027
}

#complect .complectResultEconomyValue {
    color: #ff305c
}

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

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

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

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

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

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

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

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

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

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

#bx-soa-order-form a {
    color: #c81938
}

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

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

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

#appProductPriceVariant .linkMore {
    background: #c81938
}

#appProductPriceVariant .linkMore:hover {
    background-color: #d70027
}

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

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

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

#requestPrice #requestPriceSubmit.loading {
    background: url(/local/templates/dresscode/themes/black/red/images/loading.gif) 24px 50% no-repeat #d70027 !important
}

#slider .sliderContent .bigTextColor,
#slider .sliderContent .mediumTextColor,
#slider .sliderContent .smallTextColor {
    color: #c81938
}

#slider .sliderContent {
    color: #fff
}

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

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

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

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

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

.inactive-link:hover {
    color: #c81938
}

.text-link:hover {
    color: #c81938
}

.tiles-list .h3:hover {
    color: #c81938
}

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

.theme-color {
    color: #c81938;
    border-color: #c81938
}

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

body .theme-color-hover:hover {
    color: #c81938
}

.other-news .name:hover {
    color: #c81938
}

.big-text-link:hover {
    color: #c81938
}

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

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

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

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

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

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

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

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

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

.bindAction a:hover {
    color: #d70027
}

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

.smallSpecialTime .specialTimeItem {
    background: #c81938
}

.productSpecialTime .specialTimeItem {
    background: #c81938
}

.fastSpecialTime .specialTimeItem {
    background: #c81938
}

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

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

#elementContainer .bindActionImage .image {
    background-image: url(/local/templates/dresscode/themes/black/red/images/action.svg)
}

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

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

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

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

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

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

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

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

#bx-soa-order-form .btn.btn-default,
.bx-soa label.btn-person-type-checked {
    border-color: #c81938 !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:/local/templates/dresscode/headers/header7/css/style.min.css?173158242618873*/
#headerLine4 {
    border-bottom: 1px solid #f3f3f3;
    background-color: #f8f8f8;
    position: relative;
    line-height: 40px;
    min-width: 320px;
    height: 40px
}

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

#headerLine4.color_black,
#headerLine4.color_theme {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    color: #fff
}

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

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

#headerLine4 .subTableColumn:first-child {
    vertical-align: top
}

#headerLine4 .subTableColumn:last-child {
    text-align: right
}

#headerLine4 #geoPosition,
#headerLine4 #topAuth {
    display: inline-block
}

#headerLine4 #topAuth {
    margin-right: 24px
}

#headerLine4 #geoPosition ul,
#headerLine4 #topAuth ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#headerLine4 #topAuth ul li {
    display: inline-block
}

#headerLine4 #topAuth ul li:first-child {
    margin-right: 12px
}

#headerLine4 #topAuth ul li a,
#headerLine4 .user-geo-position-value-link {
    text-decoration: none;
    position: relative
}

#headerLine4 .user-geo-position-value-link span {
    vertical-align: middle
}

#headerLine4.color_theme #topAuth ul li a,
#headerLine4.color_theme .user-geo-position-value-link {
    color: #fff
}

#headerLine4 #topAuth ul li a:active,
#headerLine4 .user-geo-position-value-link:active {
    position: relative;
    top: 1px
}

#headerLine4 #topAuth ul li a:after,
#headerLine4 .user-geo-position-value-link:after {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    height: 0;
    content: "";
    left: 0
}

#headerLine4.color_theme #topAuth ul li a:after,
#headerLine4.color_theme .user-geo-position-value-link:after {
    border-color: #fff
}

#headerLine4 .user-geo-position-value-link:after {
    bottom: 12px
}

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

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

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

#headerLine4 #subMenu .removedItemsContainer {
    position: relative
}

#headerLine4 #subMenu li:first-child a {
    padding: 0 24px 0 0
}

#headerLine4.color_black #subMenu li a,
#headerLine4.color_theme #subMenu li .selected,
#headerLine4.color_theme #subMenu li a,
#headerLine4.color_theme #subMenu li a:hover {
    color: #fff
}

#headerLine4.color_theme #subMenu li .selected,
#headerLine4.color_theme #subMenu li a:hover {
    opacity: .8
}

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

#headerLine4 #subMenu .removedItemsContainer .removedItemsLink:hover {
    opacity: .6
}

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

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

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

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

#headerLine4.color_black #subMenu .removedItemsContainer .removedItemsList li,
#headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList li {
    border-top: 1px solid rgba(255, 255, 255, .15)
}

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

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

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

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

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

#headerLine4 #topSocial {
    margin-left: 24px;
    text-align: right;
    float: right
}

#headerLine4 .topSoc {
    vertical-align: middle;
    display: inline-block;
    margin-left: 24px;
    list-style: none;
    padding: 0;
    margin: 0
}

#headerLine4 .topSocItem {
    vertical-align: middle;
    display: inline-block;
    margin-left: 2px
}

#headerLine4 .topSocItem:first-child {
    margin-left: 0
}

#headerLine4 .topSocItem a {
    background: url(/local/templates/dresscode/headers/header7/css/images/headSn.svg?3547645) 0 0 no-repeat transparent;
    display: block;
    height: 24px;
    width: 24px
}

#headerLine4 .topSocItem a:hover {
    opacity: .7
}

#headerLine4 .topSocItem a:active {
    position: relative;
    top: 1px
}

#headerLine4 .topSocItem .socFB {
    background-position: -24px
}

#headerLine4 .topSocItem .socODN {
    background-position: -48px
}

#headerLine4 .topSocItem .socTV {
    background-position: -72px
}

#headerLine4 .topSocItem .socINS {
    background-position: -96px
}

#headerLine4 .topSocItem .socYOU {
    background-position: -120px
}

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

#subHeader7 {
    border-bottom: 1px solid #f3f3f3;
    background-color: #fff;
    line-height: 90px;
    position: relative;
    min-width: 320px;
    height: 90px
}

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

#subHeader7.color_black,
#subHeader7.color_theme {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    color: #fff
}

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

#subHeader7 .subTableRow {
    display: table-row
}

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

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

#subHeader7 .subTableColumn:nth-child(2) {
    padding-right: 24px
}

#subHeader7 .subTableColumn:nth-child(3) {
    text-align: right;
    width: 520px
}

#subHeader7 #logo {
    line-height: 90px;
    text-align: left;
    height: 90px;
    width: 212px;
    border: 0
}

#subHeader7 .subTableColumn:last-child {
    text-align: right;
    width: 356px
}

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

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

#subHeader7 .firstPhones,
#subHeader7 .secondPhones {
    vertical-align: middle;
    display: inline-block;
    line-height: 21px;
    text-align: left
}

#subHeader7 .firstPhones {
    margin-right: 48px
}

#subHeader7 .firstPhones .heading,
#subHeader7 .secondPhones .heading {
    font-family: robotoBold;
    font-size: 16px;
    display: block
}

#subHeader7 .firstPhones .callBack {
    text-decoration: none;
    position: relative
}

#subHeader7.color_theme .firstPhones .callBack {
    color: #fff
}

#subHeader7.color_theme .firstPhones .callBack:hover {
    opacity: .8
}

#subHeader7 .firstPhones .callBack:active {
    position: relative;
    top: 1px
}

#subHeader7 .firstPhones .callBack:after {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    height: 0;
    content: "";
    left: 0
}

#subHeader7.color_theme .firstPhones .callBack:after {
    border-color: #fff
}

#subHeader7.color_theme .firstPhones .callBack:after:hover {
    opacity: .8
}

#subHeader7 .phonesTb {
    table-layout: fixed;
    display: table
}

#subHeader7 .phonesTc {
    vertical-align: middle;
    display: table-cell
}

#subHeader7 .phonesTc:first-child {
    padding-right: 12px
}

#subHeader7 .callBackIcon {
    background: url(/local/templates/dresscode/headers/header7/css/images/phoneIco2.svg) 0 0 no-repeat transparent;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: block;
    height: 28px;
    width: 34px
}

#subHeader7.color_black .callBackIcon,
#subHeader7.color_theme .callBackIcon {
    background-image: url(/local/templates/dresscode/headers/header7/css/images/phoneIco2W.svg)
}

#subHeader7 .scheduleIcon {
    background: url(/local/templates/dresscode/headers/header7/css/images/phoneIco.svg) 0 0 no-repeat transparent;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: block;
    height: 28px;
    width: 27px
}

#subHeader7.color_black .scheduleIcon,
#subHeader7.color_theme .scheduleIcon {
    background-image: url(/local/templates/dresscode/headers/header7/css/images/phoneIcoW.svg)
}

#subHeader7 .callBackIcon:hover,
#subHeader7 .scheduleIcon:hover {
    opacity: .7
}

#subHeader7 .callBackIcon:active,
#subHeader7 .scheduleIcon:active {
    position: relative;
    top: 1px
}

#subHeader7 .secondPhones .schedule {
    color: #888
}

#subHeader7.color_theme .secondPhones .schedule {
    color: #f1f1f1
}

#subHeader7.color_black .firstPhones .heading,
#subHeader7.color_black .secondPhones .heading {
    font-family: roboto_ltregular
}

#subHeader7 .cart,
#subHeader7 .topCompare,
#subHeader7 .topWishlist {
    float: left
}

#subHeader7 .subTableColumn .toolsContainer {
    margin-top: 6px
}

#geo-location-window {
    text-align: left
}

#subHeader7 #topSearch2 .searchContainerInner {
    background-color: #fafafa
}

#subHeader7.color_black #topSearch2 .searchContainerInner,
#subHeader7.color_theme #topSearch2 .searchContainerInner {
    background-color: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .2)
}

#subHeader7.color_black #topSearch2 input[placeholder],
#subHeader7.color_theme #topSearch2 input[placeholder] {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: rgba(255, 255, 255, .7)
}

#subHeader7.color_black #topSearch2 input::-webkit-input-placeholder,
#subHeader7.color_theme #topSearch2 input::-webkit-input-placeholder {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: rgba(255, 255, 255, .7)
}

#subHeader7.color_black #topSearch2 input::-moz-placeholder,
#subHeader7.color_theme #topSearch2 input::-moz-placeholder {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: rgba(255, 255, 255, .7)
}

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

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

#subHeader7.color_black #topSearch2 input::-moz-placeholder,
#subHeader7.color_theme #topSearch2 input::-moz-placeholder {
    color: transparent
}

#subHeader7.color_theme .cart .count,
#subHeader7.color_theme .topCompare .value,
#subHeader7.color_theme .topWishlist .value {
    border-color: rgba(255, 255, 255, .7);
    color: #fff
}

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

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

#subHeader7.color_black .cart .heading .cartLabel {
    color: #fff
}

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

#subHeader7.color_theme #topAuth>ul li a,
#subHeader7.color_theme #topAuth>ul li a:hover {
    color: #fff
}

#subHeader7.color_theme #topAuth>ul li a:hover {
    opacity: .8
}

#subHeader7.color_theme #topAuth>ul li:first-child:after {
    color: #fff
}

#subHeader7.color_theme #topAuth ul li a:after,
#subHeader7.color_theme .user-geo-position-value-link:after {
    border-color: #fff
}

#subHeader7 #searchResult {
    line-height: 21px;
    top: 90px
}

#subHeader7 #searchOverlap {
    top: 172px
}

#subHeader7 .webformModal {
    text-align: left
}

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

    #subHeader7 .subTableColumn:last-child {
        text-align: right;
        width: 182px
    }
}

@media all and (max-width:1340px) {

    #subHeader7 .callBackIcon,
    #subHeader7 .scheduleIcon {
        display: none
    }

    #subHeader7 .subTableColumn:nth-child(3) {
        width: 410px
    }

    #subHeader7 .firstPhones {
        margin-right: 24px
    }

    #subHeader7 .subTableColumn:first-child {
        width: 220px
    }
}

@media all and (max-width:1240px) {
    #subHeader7 .secondPhones {
        display: none
    }

    #subHeader7 .firstPhones {
        margin-right: 0
    }

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

    #headerLine4 .subTableColumn:last-child {
        width: 660px
    }
}

@media all and (max-width:1150px) {
    #headerLine4 #topSocial {
        display: none
    }

    #headerLine4 .subTableColumn:last-child {
        width: 440px
    }
}

@media all and (max-width:1000px) {
    #subHeader7 {
        height: 164px
    }

    #topSearchLine {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        padding: 0 24px;
        width: 100%;
        top: 90px;
        left: 0
    }

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

    #headerLine4 #subMenu li a {
        padding: 0 12px
    }

    #headerLine4 #subMenu li:first-child a {
        padding-right: 12px;
        padding-left: 0
    }

    #headerLine4 .subTableColumn:last-child {
        width: 330px
    }

    #headerLine4 #topAuth {
        margin-right: 12px
    }

    #subHeader7 #searchResult {
        top: 74px
    }

    #subHeader7 #searchOverlap {
        top: 206px
    }
}

@media all and (max-width:700px) {
    #subHeader7 #logo {
        margin-left: 12px;
        padding-left: 0
    }

    #topSearchLine {
        padding: 0 12px
    }

    #headerLine4 #geoPosition {
        margin-right: 12px
    }

    #headerLine4 .subTableColumn:first-child {
        width: 172px
    }

    #headerLine4 #geoPosition {
        position: absolute;
        left: 62px
    }

    #subHeader7 .topCompare {
        display: none
    }

    #subHeader7 .subTableColumn:last-child {
        width: 120px
    }

    #subHeader7 .phonesContainer {
        margin-right: 12px
    }

    #subHeader7 .phonesTc {
        text-align: right
    }

    #headerLine4 .top-auth-exit,
    #headerLine4 .top-auth-login,
    #headerLine4 .top-auth-personal,
    #headerLine4 .top-auth-register {
        position: static
    }

    #headerLine4 .subTableColumn:last-child {
        width: 150px
    }

    #subHeader7 .subTableColumn:nth-child(3) {
        width: 190px
    }

    #subHeader7 .subTableColumn:first-child {
        width: 180px
    }

    #subHeader7 #logo {
        width: 160px
    }

    #headerLine4 #subMenu .removedItemsContainer .removedItemsList {
        left: 0
    }
}

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

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

    #subHeader7 .subTableColumn .toolsContainer {
        margin-top: 0
    }

    #subHeader7 .subTableColumn:nth-child(2) {
        display: inline
    }

    #subHeader7 .subTableColumn:first-child {
        width: auto
    }

    #subHeader7 #logo {
        padding-right: 12px;
        width: 130px
    }
}

@media all and (max-width:420px) {
    #subHeader7 .cart {
        position: absolute;
        right: 0;
        top: 98px
    }

    #topSearchLine {
        padding-right: 62px
    }

    #subHeader7 .subTableColumn:last-child {
        width: 0
    }

    #subHeader7 #logo {
        width: 160px
    }

    #headerLine4 #geoPosition {
        right: -12px;
        z-index: 96;
        top: 74px
    }

    #subHeader7 .firstPhones {
        margin-top: -23px
    }

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

    #subHeader7 .firstPhones .callBack {
        display: none
    }

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

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

@media all and (max-width:420px) {
    #subHeader7 #logo {
        width: 140px
    }
}

@media all and (max-width:400px) {
    #subHeader7 #logo {
        width: 120px
    }

    #subHeader7 .firstPhones .heading,
    #subHeader7 .secondPhones .heading {
        font-size: 14px
    }

    #headerLine4 .subTableColumn:first-child {
        width: 50px
    }

    #subHeader7 #topSearch2 #searchQuery,
    #subHeader7.color_black #topSearch2 #searchQuery,
    #subHeader7.color_theme #topSearch2 #searchQuery {
        background-image: none !important;
        padding-left: 12px
    }
}
/* End */


/* Start:/local/templates/dresscode/headers/header7/css/types/type1.min.css?173028342165*/
#subHeader7 #topSearch2 .searchContainerInner{border-radius:50px}
/* End */


/* Start:/local/templates/dresscode/components/bitrix/menu/topMenu6/style.min.css?1730283421601*/
#subMenu{vertical-align:middle;display:inline-block;white-space:nowrap;text-align:center;visibility:hidden;list-style:none;margin:0;font-size:0;height:40px;padding:0;opacity:0}#subMenu li{vertical-align:middle;display:inline-block;position:relative;list-style:none;font-size:14px;padding:0;margin:0}#subMenu li:last-child{border:0}#subMenu li a{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;vertical-align:middle;text-decoration:none;display:inline-block;padding:0 18px;color:#000}#subMenu li a:not(.selected):active{position:relative;top:1px}
/* End */


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


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


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


/* Start:/local/components/dresscode/compare.line/templates/version4/style.min.css?17302832191085*/
.topCompare .text{position:relative;display:block}.topCompare .icon{background:url(/local/components/dresscode/compare.line/templates/version4/images/compareH4.svg) 50% 50% no-repeat transparent;display:inline-block;height:40px;width:60px}#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(/local/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{border:2px solid #d1d1d1;background-color:#fff;border-radius:50%;position:absolute;text-align:center;overflow:hidden;font-size:12px;color:#d1d1d1;height:20px;width:20px;right:8px;top:0}#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:/local/components/dresscode/favorite.line/templates/version4/style.min.css?17302832191148*/
.topWishlist .text{position:relative;display:block}.topWishlist .icon{background:url(/local/components/dresscode/favorite.line/templates/version4/images/wishlistH4.svg) 50% 50% no-repeat transparent;display:inline-block;height:40px;width:60px}#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{background:url(/local/components/dresscode/favorite.line/templates/version4/images/wishlistH4w.svg) 50% 50% no-repeat transparent;display:inline-block;height:40px;width:60px}.topWishlist .active .icon:hover{opacity:.7}.topWishlist .active .icon:active{position:relative;top:1px}.topWishlist .value{border:2px solid #d1d1d1;background-color:#fff;border-radius:50%;position:absolute;text-align:center;overflow:hidden;font-size:12px;color:#d1d1d1;height:20px;width:20px;right:8px;top:0}#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:/local/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart5/style.min.css?17302834211721*/
.cart .countLink{background:url(/local/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart5/images/cartH4.svg) 50% 50% no-repeat transparent;display:inline-block;position:relative;font-size:14px;float:left;height:40px;width:60px}#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{background:url(/local/templates/dresscode/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{vertical-align:middle;text-decoration:none;display:inline-block;max-width:172px;margin-left:6px;margin-top:8px;color:#000}#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{color:#fff}.cart .heading.active:active{position:relative;top:1px}.cart .heading .cartLabel{font-family:robotomedium;margin-right:3px}.cart .heading .cartLabel:hover{opacity:.7}.cart .count{border:2px solid #d1d1d1;background-color:#fff;border-radius:50%;position:absolute;text-align:center;overflow:hidden;font-size:12px;color:#d1d1d1;height:20px;width:20px;right:8px;top:0}#subHeader5.color_black .cart .count,#subHeader6.color_black .cart .count,#subHeader7.color_black .cart .count,#subHeader8.color_black .cart .count{background-color:#2b2b2b}
/* End */


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


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


/* Start:/local/templates/dresscode/components/bitrix/news.list/leftNews/style.min.css?17302834211321*/
#newsBlock{position:relative;overflow:hidden;color:#888;font-size:12px;line-height:16px}#newsBlock .newsTitle{-webkit-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;transition:.2s all ease-in-out;display:inline-block;color:#000;margin:4px 0}#newsBlock .newsPreview{border-bottom:1px solid #e7e8ea;border-left:1px solid #e7e8ea;border-right:1px solid #e7e8ea;padding:12px;position:relative;background-color:#f9f9f9;overflow:hidden}#newsBlock .newsPic{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;float:left;width:40%;display:none}#newsBlock .newsPic img{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;max-width:100%}#newsBlock .newsPic:hover img{opacity:.9}#newsBlock .newsPic:active{position:relative;top:1px}#newsBlock .newsTitle{display:block}#newsBlock .preText{font-size:12px;height:79px;overflow:hidden;display:none}#newsBlock .newsPreview:first-child{background-color:#fff}#newsBlock .newsPreview:first-child .newsPic,#newsBlock .newsPreview:first-child .preText{display:block}#newsBlock .newsPreview:first-child .newsPic+.newsOverview{float:right;width:56%}@media all and (max-width:1366px){#newsBlock .newsPreview:first-child .preText{display:none}#newsBlock .newsPic{width:36%}}
/* End */


/* Start:/local/templates/dresscode/components/bitrix/subscribe.form/.default/style.min.css?1730283421945*/
#subscribe{background-color:#fff;margin-top:24px;overflow:hidden}#subscribe form{padding:0 12px}#subscribe input::-webkit-input-placeholder{color:#888}#subscribe input::-moz-placeholder{color:#888}#subscribe input:focus::-webkit-input-placeholder{color:transparent}#subscribe input:focus::-moz-placeholder{color:transparent}#subscribe input:focus:-moz-placeholder{color:transparent}#subscribe input:focus:-ms-input-placeholder{color:transparent}#subscribe input{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#f1f1f1;text-align:center;border-radius:6px;margin:12px auto;padding-left:8px;line-height:50px;font-size:14px;color:#888;display:block;height:50px;width:100%;border:0}#subscribe input[type=text]:focus{background-color:#e7e8ea}#subscribe .submit{cursor:pointer;color:#fff;border-radius:6px}
/* End */


/* Start:/local/components/dresscode/products.by.filter/templates/.default/style.min.css?1730283219994*/
#topProduct{position:relative}#topProduct .wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin:0 24px}#topProduct .productList{position:relative;list-style:none;overflow:hidden;clear:both;margin:0;left:0}#topProduct .productList>li{float:left}#topProduct .productList .item{width:100%;float:none;border-top:1px solid #e7e8ea}#topProduct .product .tabloid{height:100%}#topProduct .topBtnLeft,#topProduct .topBtnRight{background:url(/local/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:/local/components/dresscode/catalog.viewed.product/templates/.default/style.min.css?17302832191066*/
#viewedProduct{position:relative}#viewedProduct .wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin:0 24px}#viewedProduct .productList{position:relative;list-style:none;overflow:hidden;clear:both;margin:0;left:0}#viewedProduct .productList>li{float:left}#viewedProduct .productList .item{width:100%;float:none;border-top:1px solid #e7e8ea}#viewedProduct .product .tabloid{height:100%}#viewedProduct .viewedBtnLeft,#viewedProduct .viewedBtnRight{background:url(/local/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:/local/templates/dresscode/components/bitrix/catalog.bigdata.products/.default/style.min.css?17302834211569*/
#bigDataCarousel .wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin:0 24px}#bigDataCarousel .slideBox>li{float:left}#bigDataCarousel .productList .item{border-top:1px solid #e7e8ea;width:100%;float:none}#bigDataCarousel .productList .item .tabloid{height:100%}#bigDataCarousel .bigDataBtnLeft,#bigDataCarousel .bigDataBtnRight{background:url(/local/templates/dresscode/components/bitrix/catalog.bigdata.products/.default/images/slideArrowSmall.png) 0 0 no-repeat transparent;transform:translateY(-50%);position:absolute;height:70px;width:35px;z-index:22;top:50%}#bigDataCarousel .bigDataBtnLeft{left:24px}#bigDataCarousel .bigDataBtnRight{right:24px}#bigDataCarousel .bigDataBtnLeft:hover{background-position:-35px 0}#bigDataCarousel .bigDataBtnLeft:active{background-position:-70px 0}#bigDataCarousel .bigDataBtnRight{background-position:0 -70px}#bigDataCarousel .bigDataBtnRight:hover{background-position:-35px -70px}#bigDataCarousel .bigDataBtnRight:active{background-position:-70px -70px}@media all and (max-width:700px){#bigDataCarousel .bigDataBtnLeft,#bigDataCarousel .bigDataBtnRight{background:url(/local/templates/dresscode/components/bitrix/catalog.bigdata.products/.default/images/slideArrowMicro.png) 0 0 no-repeat transparent;transform:translateY(-50%);position:absolute;height:48px;width:24px;z-index:22;top:50%}#bigDataCarousel .bigDataBtnLeft:hover{background-position:-24px 0}#bigDataCarousel .bigDataBtnLeft:active{background-position:-48px 0}#bigDataCarousel .bigDataBtnRight{background-position:0 -48px}#bigDataCarousel .bigDataBtnRight:hover{background-position:-24px -48px}#bigDataCarousel .bigDataBtnRight:active{background-position:-48px -48px}}
/* End */


/* Start:/local/templates/dresscode/template_styles.min.css?1731587462228679*/
html {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 100%
}

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

img {
    border: 0
}

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

input[placeholder] {
    text-overflow: ellipsis
}

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

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

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

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

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

:focus::-moz-placeholder {
    color: transparent
}

:focus:-moz-placeholder {
    color: transparent
}

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

input:focus {
    outline: 0
}

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

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

a {
    -webkit-appearance: none;
    outline: 0
}

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

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

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

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

* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

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

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

.clearfix:after {
    clear: both
}

.loading #topHeader,
.loading #topHeader2,
.loading #topHeader3,
.loading #topHeader4,
.loading #topHeader5,
.loading #topHeader6,
.loading #topHeader7,
.loading #topHeader8,
.loading #topHeader9 {
    overflow: hidden
}

.loading #topMenu {
    opacity: 0
}

.bold {
    font-family: robotobold
}

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

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

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

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

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

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

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

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

.loading #subHeader,
.loading #subHeader2,
.loading #subHeader3,
.loading #subHeader4,
.loading #subHeader5,
.loading #subHeader6,
.loading #subHeader7,
.loading #subHeader8,
.loading #subHeader9,
.loading #subHeaderV2 {
    overflow: hidden
}

#subHeaderV2 {
    background-color: #fff
}

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

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

#subHeaderV2 .subHeaderLeft {
    width: 680px
}

#subHeaderV2 .subHeaderCenter {
    text-align: center
}

#subHeaderV2 .subHeaderRight {
    text-align: right
}

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

#logo a {
    display: block
}

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

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

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

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

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

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

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

#headerTools .tools .icon {
    float: left
}

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

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

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

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

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

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

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

#headerTools .nf {
    float: left;
    margin-left: 12px
}

#headerTools .text {
    font-size: 13px
}

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

#headerTools .telephone .icon {
    width: 35px
}

#headerTools .search .wrap {
    padding: 0 8px
}

#headerTools .search .icon {
    width: 35px;
    margin: 0
}

#headerTools .wishlist .icon {
    width: 36px
}

#headerTools .compare .icon {
    width: 35px
}

#headerTools .cart .icon {
    width: 44px
}

#headerTools .cart ins {
    display: inline-block;
    text-decoration: none;
    border-radius: 3px;
    text-align: center;
    margin-left: 4px;
    padding: 0 6px;
    font-size: 13px
}

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

#changeYouCity .limiter {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#left .sideBlock a.heading:hover {
    opacity: .95
}

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

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

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

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

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

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

#brandSearch .label {
    width: 140px
}

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

#brandSearch .all {
    width: 60px
}

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

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

#slider {
    position: relative;
    overflow: hidden
}

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

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

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

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

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

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

#main.color_black #slider .sliderContent {
    color: #fff
}

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

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

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

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

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

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

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

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

#catalogLineList {
    margin-bottom: 24px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#catalogLineList .skuProperty .disabled {
    display: none
}

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

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

#catalogLineList .prop a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #000
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#catalogLineList .oSkuDropdownList .oSkuPropertyItemLink {
    padding: 12px 8px !important;
    text-decoration: none;
    line-height: 18px;
    text-align: left;
    font-size: 13px;
    color: #000;
    display: block;
    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 {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border-collapse: collapse;
    border: 1px solid #e7e8ea;
    margin-bottom: 24px;
    table-layout: fixed;
    border-radius: 4px;
    display: table;
    width: 100%
}

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

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

#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;
    text-align: center;
    line-height: 60px;
    height: 60px;
    width: 80px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#popCats {
    margin-top: 24px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#promoBlock,
#promoBlock>div[id*=bx_] {
    width: 100%;
    display: table;
    overflow: hidden;
    table-layout: fixed;
    border-collapse: collapse
}

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

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

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

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

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

#bannersBlock ul li {
    float: left
}

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

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

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

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

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

#footer.variant_2 #leftFooter,
#footer.variant_4 #leftFooter {
    color: #fff
}

#footer.variant_5 .heading,
#footer.variant_6 .heading,
#footer.variant_7 .heading,
#footer.variant_8 .heading {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: #000
}

#footer.variant_5 #footerBottom,
#footer.variant_5 #leftFooter,
#footer.variant_5 #rightFooter,
#footer.variant_6 #footerBottom,
#footer.variant_6 #rightFooter,
#footer.variant_7 #footerBottom,
#footer.variant_7 #leftFooter,
#footer.variant_8 #footerBottom,
#footer.variant_8 #leftFooter {
    background-color: #fff
}

#footer.variant_6 #leftFooter,
#footer.variant_7 #rightFooter {
    background-color: #f3f3f3
}

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

#footer.variant_7 #footerBottom {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

#footer.variant_8 #footerBottom {
    box-shadow: 1px 1px 12px rgba(0, 0, 0, .2);
    border-top: 1px solid rgba(0, 0, 0, .15)
}

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

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

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

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

#footer.variant_2 #leftFooter .heading,
#footer.variant_4 #leftFooter .heading {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

#footer.variant_2 #leftFooter ul li,
#footer.variant_4 #leftFooter ul li {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

#footer.variant_5 #leftFooter ul li,
#footer.variant_6 #leftFooter ul li,
#footer.variant_7 #leftFooter ul li,
#footer.variant_8 #leftFooter ul li {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

#footer.variant_2 #leftFooter ul li:first-child,
#footer.variant_4 #leftFooter ul li:first-child,
#footer.variant_5 #leftFooter ul li:first-child,
#footer.variant_6 #leftFooter ul li:first-child,
#footer.variant_7 #leftFooter ul li:first-child,
#footer.variant_8 #leftFooter ul li:first-child {
    border-top: 0
}

#footer.variant_3 #rightFooter,
#footer.variant_3 #rightFooter .list li,
#footer.variant_3 #rightFooter .showMap,
#footer.variant_3 #rightFooter .telephone,
#footer.variant_3 #rightFooter p,
#footer.variant_4 #rightFooter,
#footer.variant_4 #rightFooter .list li,
#footer.variant_4 #rightFooter .showMap,
#footer.variant_4 #rightFooter .telephone,
#footer.variant_4 #rightFooter p,
#footer.variant_8 #rightFooter,
#footer.variant_8 #rightFooter .list li,
#footer.variant_8 #rightFooter .showMap,
#footer.variant_8 #rightFooter .telephone,
#footer.variant_8 #rightFooter p {
    color: #fff
}

#footer.variant_8 #rightFooter .showMap:hover {
    opacity: .7
}

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

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

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

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

#footer.variant_3 #rightFooter .hr,
#footer.variant_4 #rightFooter .hr,
#footer.variant_8 #rightFooter .hr {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

#footer.variant_5 #rightFooter .hr,
#footer.variant_6 #rightFooter .hr,
#footer.variant_7 #rightFooter .hr {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

#footer.variant_4 #footerBottom {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

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

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

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

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

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

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

#footer.variant_4 #footerBottom .sn .vk:hover {
    background-position: 0 -60px
}

#footer.variant_4 #footerBottom .sn .fb:hover {
    background-position: -60px -60px
}

#footer.variant_4 #footerBottom .sn .od:hover {
    background-position: -120px -60px
}

#footer.variant_4 #footerBottom .sn .tw:hover {
    background-position: -180px -60px
}

#footer.variant_4 #footerBottom .sn .go:hover {
    background-position: -240px -60px
}

#footer.variant_4 #footerBottom .sn .yo:hover {
    background-position: -300px -60px
}

#footer.variant_5 #footerBottom .sn .vk,
#footer.variant_6 #footerBottom .sn .vk,
#footer.variant_7 #footerBottom .sn .vk,
#footer.variant_8 #footerBottom .sn .vk {
    background: url(/local/templates/dresscode/images/snW.svg) 0 0 no-repeat transparent
}

#footer.variant_5 #footerBottom .sn .fb,
#footer.variant_6 #footerBottom .sn .fb,
#footer.variant_7 #footerBottom .sn .fb,
#footer.variant_8 #footerBottom .sn .fb {
    background: url(/local/templates/dresscode/images/snW.svg) -60px 0 no-repeat transparent
}

#footer.variant_5 #footerBottom .sn .od,
#footer.variant_6 #footerBottom .sn .od,
#footer.variant_7 #footerBottom .sn .od,
#footer.variant_8 #footerBottom .sn .od {
    background: url(/local/templates/dresscode/images/snW.svg) -120px 0 no-repeat transparent
}

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

#footer.variant_5 #footerBottom .sn .go,
#footer.variant_6 #footerBottom .sn .go,
#footer.variant_7 #footerBottom .sn .go,
#footer.variant_8 #footerBottom .sn .go {
    background: url(/local/templates/dresscode/images/snW.svg) -240px 0 no-repeat transparent
}

#footer.variant_5 #footerBottom .sn .yo,
#footer.variant_6 #footerBottom .sn .yo,
#footer.variant_7 #footerBottom .sn .yo,
#footer.variant_8 #footerBottom .sn .yo {
    background: url(/local/templates/dresscode/images/snW.svg) -300px 0 no-repeat transparent
}

#footer.variant_5 #footerBottom .sn .vk:hover,
#footer.variant_6 #footerBottom .sn .vk:hover,
#footer.variant_7 #footerBottom .sn .vk:hover,
#footer.variant_8 #footerBottom .sn .vk:hover {
    background-position: 0 -60px
}

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

#footer.variant_5 #footerBottom .sn .od:hover,
#footer.variant_6 #footerBottom .sn .od:hover,
#footer.variant_7 #footerBottom .sn .od:hover,
#footer.variant_8 #footerBottom .sn .od:hover {
    background-position: -120px -60px
}

#footer.variant_5 #footerBottom .sn .tw:hover,
#footer.variant_6 #footerBottom .sn .tw:hover,
#footer.variant_7 #footerBottom .sn .tw:hover,
#footer.variant_8 #footerBottom .sn .tw:hover {
    background-position: -180px -60px
}

#footer.variant_5 #footerBottom .sn .go:hover,
#footer.variant_6 #footerBottom .sn .go:hover,
#footer.variant_7 #footerBottom .sn .go:hover,
#footer.variant_8 #footerBottom .sn .go:hover {
    background-position: -240px -60px
}

#footer.variant_5 #footerBottom .sn .yo:hover,
#footer.variant_6 #footerBottom .sn .yo:hover,
#footer.variant_7 #footerBottom .sn .yo:hover,
#footer.variant_8 #footerBottom .sn .yo:hover {
    background-position: -300px -60px
}

#footer.variant_4 .sn li:first-child {
    border-left: 1px solid rgba(255, 255, 255, .2)
}

#footer.variant_5 .sn li:first-child,
#footer.variant_6 .sn li:first-child,
#footer.variant_7 .sn li:first-child,
#footer.variant_8 .sn li:first-child {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

#footer.variant_4 .sn li {
    border-right: 1px solid rgba(255, 255, 255, .2)
}

#footer.variant_5 .sn li,
#footer.variant_6 .sn li,
#footer.variant_7 .sn li,
#footer.variant_8 .sn li {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

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

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

#catalogLine .column:first-child {
    margin-left: 0
}

#catalogLine .column:last-child {
    float: right
}

#catalogLine .label {
    display: inline-block;
    margin-right: 12px
}

#catalogLine select {
    border-radius: 4px;
    padding: 0 12px;
    height: 30px
}

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

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

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

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

#catalogLine .viewList .element .squares {
    background-position: 0 0
}

#catalogLine .viewList .element .squares:hover {
    background-position: -30px 0
}

#catalogLine .viewList .element .squares.selected {
    background-position: -60px 0
}

#catalogLine .viewList .element .line {
    background-position: 0 -55px
}

#catalogLine .viewList .element .line:hover {
    background-position: -30px -55px
}

#catalogLine .viewList .element .line.selected {
    background-position: -60px -55px
}

#catalogLine .viewList .element .table {
    background-position: 0 -110px
}

#catalogLine .viewList .element .table:hover {
    background-position: -30px -110px
}

#catalogLine .viewList .element .table.selected {
    background-position: -60px -110px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#appBasket {
    -webkit-transition: .1s all ease-in-out;
    -o-transition: .1s all ease-in-out;
    transition: .1s all ease-in-out;
    background: rgba(0, 0, 0, .4);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1001;
    left: 0;
    top: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#appFastBuyContainer #fastBuyName {
    padding: 0 24px
}

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

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

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

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

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

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

#appFastView {
    -webkit-transition: .1s all ease-in-out;
    -o-transition: .1s all ease-in-out;
    transition: .1s all ease-in-out;
    background: rgba(0, 0, 0, .4);
    position: fixed;
    overflow: auto;
    z-index: 1000;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

#appFastView .appFastViewContainer {
    box-shadow: 1px 1px 12px rgba(60, 60, 60, .3);
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    background-color: #fff;
    margin-left: -500px;
    margin-top: -285px;
    position: absolute;
    height: 570px;
    width: 1000px;
    left: 50%;
    top: 50%
}

#appFastView .appFastViewColumnContainer {
    height: 490px
}

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

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

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

#appFastView .appFastViewDescriptionColumn:after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
    pointer-events: none;
    position: absolute;
    display: block;
    height: 50px;
    content: "";
    width: 100%;
    bottom: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#appFastView .appFastViewPictureCarouselLeftButton {
    left: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#appFastView .appFastViewDescription {
    display: none
}

#appFastView .appFastViewDescription.visible {
    display: block
}

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

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

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

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

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

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

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

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

#appFastView .skuProperty .disabled {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#appFastView .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink {
    border: 0
}

#appFastView .oSkuDropdownList .oSkuDropdownListItem.disabled {
    display: none
}

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

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

#appFastView .appFastViewExit {
    background-image: url(/local/templates/dresscode/images/exit.svg);
    position: absolute;
    display: block;
    height: 21px;
    width: 21px;
    right: 20px;
    top: 20px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#appFastView .priceValue {
    border-bottom: 1px dashed #bbb;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    padding-bottom: 8px;
    color: #000
}

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

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

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

#appFastView .article.hidden {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#footerTabs {
    overflow: hidden
}

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

#footerLine.color_white {
    box-shadow: 1px 1px 12px rgba(0, 0, 0, .25);
    background-color: #fff;
    border-color: #f3f3f3
}

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

#footerLine.color_white .item a {
    color: #000
}

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

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

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

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

#footerLine.color_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 {
    background-color: #f6f6f6;
    color: #666
}

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

#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(/local/templates/dresscode/images/compareFooterMinC.svg)
}

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

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

#footerLine.color_theme .item .callback .icon {
    background-image: url(/local/templates/dresscode/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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#empty {
    overflow: hidden
}

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

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

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

#empty p {
    font-size: 14px
}

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

#empty a:active {
    position: relative
}

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

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

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

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

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

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

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

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

.ajaxContainer {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.ajaxContainer.loading {
    opacity: .5
}

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

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

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

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

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

#leftMenu .product:before {
    display: none
}

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

.product .btn-simple {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#catalogLineList .picture .getFastView,
#specialProduct .productItem .getFastView,
.product .getFastView {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-family: roboto_condensedlight;
    background-color: #2b2b2b;
    text-decoration: none;
    border-radius: 4px;
    visibility: hidden;
    position: absolute;
    text-align: center;
    margin-left: -75px;
    margin-top: -20px;
    line-height: 40px;
    cursor: pointer;
    color: #fff;
    height: 40px;
    width: 150px;
    opacity: 0;
    z-index: 2;
    left: 50%;
    top: 50%
}

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

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

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

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

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

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

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

.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 {
    transform: translate(24px, -50%);
    left: 0
}

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

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

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

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

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

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

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

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

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

.product .quantityContainer .minus:hover,
.product .quantityContainer .plus:hover {
    background-color: rgba(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 {
    vertical-align: middle;
    display: inline-block
}

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

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

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

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

.inStock {
    color: #73b24e !important;
    text-decoration: none
}

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

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

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

.outOfStock {
    color: red
}

.outOfStock:hover {
    color: red
}

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

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

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

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

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

.product .skuProperty .disabled {
    display: none
}

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

.product .skuPropertyLink:hover {
    opacity: .8
}

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

.product:hover {
    position: relative
}

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

.product:hover .nowp {
    overflow: visible
}

.product:hover .morePhoto {
    display: block
}

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

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

.product.last .showMore:hover {
    opacity: .7
}

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

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

.product.last .ps {
    font-size: 18px
}

.product.last .value {
    padding-left: 6px;
    font-size: 18px
}

.product.last .small {
    display: inline-block;
    width: 100%
}

.item .oSkuDropDownProperty {
    overflow: visible;
    margin: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.item .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink {
    border: 0
}

.item .oSkuDropdownList .oSkuDropdownListItem.disabled {
    display: none
}

.item .oSkuDropdownList .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 {
    text-decoration: none;
    overflow: hidden;
    margin-right: 24px;
    float: left;
    width: 355px;
    line-height: 50px;
    height: 50px;
    display: block;
    color: #fff;
    font-size: 16px
}

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

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

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

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

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

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

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

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

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

.bx-auth {
    overflow: hidden
}

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

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

.bx-authform-label-container {
    margin-bottom: 8px
}

.bx-auth .bx-authform-description-container {
    margin-bottom: 12px
}

.bx-auth .bx-captcha {
    margin-top: 28px
}

.bx-auth .bx-authform-formgroup-container {
    float: left;
    width: 450px
}

.bx-auth .bx-authform-formgroup-container-line {
    overflow: hidden
}

.bx-auth .registerText {
    padding-bottom: 24px;
    max-width: 800px;
    margin-top: 0;
    display: block
}

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

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

.bx-auth .rightContainer {
    float: left
}

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

.bx-auth input[type=checkbox]+label,
.bx-auth input[type=radio]+label {
    cursor: pointer
}

.bx-auth input[type=checkbox]:not(checked),
.bx-auth input[type=radio]:not(checked) {
    position: absolute;
    opacity: 0
}

.bx-auth input[type=checkbox]:not(checked)+label,
.bx-auth input[type=radio]:not(checked)+label {
    position: relative;
    padding-left: 24px
}

.bx-auth input[type=checkbox]+label:before {
    background: url(/local/templates/dresscode/images/checkBox.png) 0 0 no-repeat transparent
}

.bx-auth input[type=radio]+label:before {
    background: url(/local/templates/dresscode/images/radio.png) 0 0 no-repeat transparent
}

.bx-auth input[type=checkbox]:not(checked)+label:before,
.bx-auth input[type=radio]:not(checked)+label:before {
    position: absolute;
    content: " ";
    height: 17px;
    width: 17px;
    left: 0;
    top: 0
}

.bx-auth input[type=checkbox]:not(checked)+label:hover:before,
.bx-auth input[type=radio]:not(checked)+label:hover:before {
    background-position: 0 -17px
}

.bx-auth input[type=checkbox]:checked+label:before,
.bx-auth input[type=radio]:checked+label:before {
    background-position: 0 -34px
}

.bx-auth input[type=checkbox]:checked+label:hover:before,
.bx-auth input[type=radio]:checked+label:hover:before {
    background-position: 0 -51px
}

.bx-auth input[type=checkbox]:disabled+label,
.bx-auth input[type=radio]:disabled+label {
    cursor: default
}

.bx-auth input[type=checkbox]:disabled+label:before,
.bx-auth input[type=radio]:disabled+label:before {
    background-position: 0 -68px !important
}

.bx-auth input[type=password],
.bx-auth input[type=text] {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
    width: 420px;
    height: 48px;
    border: 0
}

.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 {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    text-align: center;
    line-height: 48px;
    margin-top: 12px;
    cursor: pointer;
    font-size: 14px;
    height: 48px;
    width: 224px;
    border: 0
}

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

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

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

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

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

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

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

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

.backToIndexPage,
.blackLink {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

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

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

.sectionTopDescription {
    margin-bottom: 24px
}

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

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

.contactList li table {
    table-layout: fixed;
    width: 100%
}

.contactList li table td {
    vertical-align: middle;
    text-align: left
}

.contactList li table td:first-child {
    padding-right: 12px;
    text-align: center;
    width: 42px
}

.contactList li table td img {
    vertical-align: middle
}

.contactList a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none
}

.contactLabel {
    font-size: 16px;
    margin-top: 0
}

.blurred {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
    background: #fff
}

.copyright img {
    vertical-align: middle
}

.sn {
    overflow: hidden;
    float: right
}

.sn li {
    line-height: 60px;
    float: left
}

.sn a {
    display: block;
    height: 60px;
    width: 60px
}

.sn .vk {
    background: url(/local/templates/dresscode/images/sn.svg) 0 0 no-repeat transparent
}

.sn .fb {
    background: url(/local/templates/dresscode/images/sn.svg) -60px 0 no-repeat transparent
}

.sn .od {
    background: url(/local/templates/dresscode/images/sn.svg) -120px 0 no-repeat transparent
}

.sn .tw {
    background: url(/local/templates/dresscode/images/sn.svg) -180px 0 no-repeat transparent
}

.sn .go {
    background: url(/local/templates/dresscode/images/sn.svg) -240px 0 no-repeat transparent
}

.sn .yo {
    background: url(/local/templates/dresscode/images/sn.svg) -300px 0 no-repeat transparent
}

.sn .vk:hover {
    background-position: 0 -60px
}

.sn .fb:hover {
    background-position: -60px -60px
}

.sn .od:hover {
    background-position: -120px -60px
}

.sn .tw:hover {
    background-position: -180px -60px
}

.sn .go:hover {
    background-position: -240px -60px
}

.sn .yo:hover {
    background-position: -300px -60px
}

#upButton {
    background: url(/local/templates/dresscode/images/up.svg) 0 0 no-repeat transparent;
    position: fixed;
    cursor: pointer;
    display: none;
    bottom: 132px;
    height: 73px;
    width: 73px;
    right: 24px;
    z-index: 99
}

#upButton:hover {
    background-position: -73px 0
}

#upButton:active {
    background-position: -146px 0
}

#upButton.enb {
    display: block
}

#upButton a {
    display: block
}

#requestPrice {
    -webkit-transition: .1s all ease-in-out;
    -o-transition: .1s all ease-in-out;
    transition: .1s all ease-in-out;
    background: rgba(0, 0, 0, .4);
    position: fixed;
    display: none;
    z-index: 1001;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

#requestPrice #requestPriceResult {
    transform: translateY(50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px
}

#requestPrice #requestPriceResultTitle {
    text-align: center;
    margin-top: 24px;
    font-size: 16px
}

#requestPrice #requestPriceResultMessage {
    text-align: center;
    margin-top: 24px
}

#requestPrice #requestPriceResultClose {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    margin: 24px auto;
    font-size: 14px;
    color: #fff;
    display: block;
    height: 50px;
    width: 254px
}

#requestPrice #requestPriceResultClose:active {
    position: relative;
    top: 1px
}

#requestPrice #requestPriceContainer {
    box-shadow: 1px 1px 12px rgba(60, 60, 60, .3);
    background-color: #fff;
    margin-left: -350px;
    margin-top: -215px;
    position: absolute;
    border-radius: 6px;
    overflow: hidden;
    padding: 24px;
    height: 430px;
    width: 700px;
    left: 50%;
    top: 50%
}

#requestPrice .requestPriceHeading {
    background-color: #f9f9f9;
    border-radius: 6px;
    position: relative;
    text-align: center;
    line-height: 60px;
    color: #000;
    font-size: 18px;
    height: 60px
}

#requestPrice .requestPriceHeading .close {
    background: url(/local/templates/dresscode/images/exit.svg) 0 0 no-repeat transparent;
    position: absolute;
    display: block;
    height: 21px;
    width: 21px;
    right: 20px;
    top: 20px
}

#requestPrice .requestPriceHeading .close:hover {
    background-position: 0 -21px
}

#requestPrice .requestPriceHeading .close:active {
    background-position: 0 -42px
}

#requestPrice .requstProductContainer {
    border-collapse: collapse;
    table-layout: fixed;
    display: table;
    width: 100%
}

#requestPrice .productColumn {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 320px
}

#requestPrice .productNameBlock {
    padding: 0 24px
}

#requestPrice .productNameBlock .productUrl {
    -webkit-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
    text-decoration: none;
    margin-bottom: 12px;
    line-height: 44px;
    overflow: hidden;
    font-size: 14px;
    display: block;
    color: #000;
    height: 44px
}

#requestPrice .productNameBlock .productUrl:active {
    position: relative;
    top: 1px
}

#requestPrice .productImageBlock {
    text-align: center;
    line-height: 270px;
    display: block;
    height: 270px
}

#requestPrice .productImageBlock a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 270px;
    display: block;
    height: 270px
}

#requestPrice .productImageBlock a:hover {
    opacity: .8
}

#requestPrice .productImageBlock a:active {
    position: relative;
    top: 1px
}

#requestPrice .productImageBlock img {
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%
}

#requestPrice .productNameBlock .middle {
    line-height: 21px;
    vertical-align: middle;
    display: inline-block
}

#requestPrice .formColumn {
    vertical-align: middle;
    display: table-cell;
    width: 380px
}

#requestPrice .requestPriceFormHeading {
    margin-bottom: 12px;
    text-align: center;
    margin-right: 24px;
    margin-top: 24px;
    font-size: 16px;
    display: block
}

#requestPrice input {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: roboto_ltregular;
    margin-bottom: 12px;
    padding-left: 12px;
    width: 354px;
    height: 50px;
    border: 0
}

#requestPrice input {
    background-color: #f3f3f3;
    color: #000
}

#requestPrice .personalInfoRequest {
    margin-bottom: 12px
}

#requestPrice input[type=checkbox] {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 6px;
    margin-top: -2px;
    height: 14px;
    width: 14px
}

#requestPrice input[type=checkbox].error+label {
    border-bottom: 1px solid red !important
}

#requestPrice textarea {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: roboto_ltregular;
    margin-bottom: 12px;
    padding-left: 12px;
    padding-top: 12px;
    resize: none;
    width: 354px;
    height: 60px;
    border: 0
}

#requestPrice textarea {
    background-color: #f3f3f3
}

#requestPrice input:focus,
#requestPrice textarea:focus {
    background-color: #e9e9e9;
    outline: 0
}

#requestPrice #requestPriceSubmit {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
    text-align: center;
    border-radius: 6px;
    line-height: 50px;
    font-size: 14px;
    cursor: pointer;
    display: block;
    color: #fff;
    height: 50px;
    width: 354px
}

#requestPrice #requestPriceSubmit:active {
    position: relative;
    top: 1px
}

#requestPrice #requestPriceSubmit.loading {
    -webkit-transition: background 0s !important;
    -o-transition: background 0s !important;
    transition: background 0s !important;
    text-indent: 12px;
    opacity: .9
}

#requestPrice #requestPriceSubmit.loading img {
    display: none
}

#requestPrice #requestPriceSubmit img {
    vertical-align: middle;
    padding-right: 4px;
    margin-top: -2px
}

#requestPrice .markerContainer {
    position: absolute;
    top: 0;
    left: 12px
}

#requestPrice .error {
    border: 1px solid red
}

#searchSection a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #000
}

#searchSection a:hover {
    opacity: .7
}

#stores {
    margin-top: 24px;
    font-size: 13px
}

#stores .wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px;
    overflow: auto
}

#stores .heading {
    border-top: 1px solid #efefef;
    font-family: robotobold;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 36px 24px;
    font-weight: 800;
    font-size: 20px;
    display: block
}

#stores .storeTable {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

#stores .storeTable tr:nth-child(odd) td {
    background-color: #f9f9f9
}

#stores .storeTable th {
    background-color: #f3f3f3;
    padding: 12px 24px;
    font-weight: 400;
    text-align: center
}

#stores .storeTable td {
    text-align: center;
    padding: 12px 24px
}

#stores .storeTable .name {
    text-align: left;
    width: 35%
}

#stores .storeTable td.name {
    text-align: left
}

#stores .storeTable .lb {
    display: inline-block;
    text-align: left
}

#stores .storeTable .icon {
    vertical-align: middle;
    padding-right: 6px;
    margin-top: -4px
}

#stores .storeTable .green {
    color: #73b24e
}

#stores .storeTable .red {
    color: red
}

#stores .storeTable .picture {
    vertical-align: middle;
    padding-right: 12px
}

#stores .storeTable a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: underline;
    color: #000
}

#stores .storeTable a:hover {
    color: #888
}

#stores #storeMap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 24px;
    padding: 0 24px
}

#error404 {
    margin-bottom: 24px;
    text-align: center
}

#error404 h1 {
    font-family: roboto_thregular;
    margin-bottom: 24px;
    text-align: center;
    line-height: 48px;
    font-size: 48px
}

#error404 .errorPic {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-bottom: 48px;
    text-align: center;
    margin-top: 48px;
    display: block
}

#error404 .errorPic img {
    max-height: 90%;
    max-width: 90%
}

#error404 .errorPic:hover {
    opacity: .8
}

#error404 .errorText {
    font-family: robotobold;
    text-transform: uppercase;
    line-height: 28px
}

#error404 .errorText a {
    color: #ff9601
}

#error404 #empty {
    border-top: 1px solid #e5e5e5;
    margin-top: 48px
}

#error404 #empty .emptyTitle {
    text-align: center;
    margin-top: 48px
}

#error404 #empty .emptyMenu a {
    display: inline-block;
    width: 250px;
    text-align: left
}

#middleSlider img {
    width: 100%
}

#modef {
    left: 371px
}

.dropDownList {
    border: 1px solid #e7e8ea;
    display: inline-block;
    position: relative;
    border-radius: 2px;
    line-height: 32px;
    height: 32px;
    width: 170px
}

.dropDownList.countElements {
    width: 60px
}

.dropDownList .dropDownSelected {
    transition: all .2s ease-in-out;
    font-family: roboto_ltregular;
    text-overflow: ellipsis;
    padding: 0 24px 0 12px;
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
    white-space: nowrap;
    border-radius: 2px;
    position: relative;
    line-height: 32px;
    overflow: hidden;
    font-size: 13px;
    cursor: pointer;
    color: #888;
    height: 34px;
    width: 100%
}

.dropDownList .dropDownSelected:hover {
    opacity: .9
}

.dropDownList .dropDownSelected:after {
    background: url(/local/templates/dresscode/images/selectArrow.png) 50% 50% no-repeat transparent;
    position: absolute;
    margin-top: -3px;
    display: block;
    content: "";
    height: 5px;
    right: 12px;
    width: 9px;
    top: 50%
}

.dropDownList .dropDownItems,
.dropDownList select {
    display: none
}

.dropDownList .dropDownItems {
    border-right: 1px solid #e7e8ea;
    border-left: 1px solid #e7e8ea;
    border-top: 1px solid #e7e8ea;
    position: absolute;
    border-radius: 2px;
    width: 100%;
    z-index: 99;
    left: -1px;
    top: 36px
}

.dropDownList .dropDownItems.opened {
    background-color: #fff;
    display: block
}

.dropDownList .dropDownItem {
    transition: all .2s ease-in-out;
    border-bottom: 1px solid #e7e8ea;
    font-family: roboto_ltregular;
    text-overflow: ellipsis;
    box-sizing: border-box;
    white-space: nowrap;
    border-radius: 2px;
    padding: 6px 12px;
    line-height: 21px;
    overflow: hidden;
    font-size: 13px;
    cursor: pointer;
    width: 100%
}

.dropDownList .dropDownItem:hover {
    background-color: #f4f4f4;
    opacity: .9
}

.dropDownList .dropDownItem.selected {
    font-family: robotomedium;
    background-color: #f4f4f4;
    cursor: unset
}

body.panels_white #homeCatalog .captionList {
    border-right: 1px solid #e7e8ea;
    border-left: 1px solid #e7e8ea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

body.panels_white #homeCatalog .caption {
    border-left: 1px solid #e7e8ea
}

body.panels_white #homeCatalog .caption:not(.selected):hover {
    background-color: #fbfbfb
}

body.panels_white #homeCatalog .caption.selected a {
    color: #fff
}

body.panels_white #homeCatalog .caption a {
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    color: #000
}

body.panels_white #homeCatalog .captionList .cItem:first-child {
    margin-left: -1px
}

body.panels_white #homeCatalog #captionCarousel {
    margin-left: -1px
}

body.panels_white #left .sideBlock .heading {
    border: 1px solid #e7e8ea;
    background-color: #fff;
    color: #000
}

body.panels_white #collectionBlock .sideBlockContent,
body.panels_white #left #subscribe .sideBlockContent,
body.panels_white #serviceBlock .sideBlockContent {
    border-top: 0
}

body.panels_white #left #subscribe .heading {
    border-left: 0;
    border-right: 0
}

body.panels_white #right #brandList .heading,
body.panels_white #right #popSection .heading {
    border: 1px solid #e7e8ea;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000
}

body.panels_white #left #specialProduct .specialProductHeading {
    border-bottom: 1px solid #e7e8ea;
    background-color: #fff;
    color: #000
}

body.panels_white #homeCatalog #captionCarousel:before {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%)
}

#catalogLine .oFilter {
    display: none;
    margin-right: 48px
}

#catalogLine .oSmartFilter .ico {
    background: url(/bitrix/templates/dresscodeV2/images/filterIco.png) 0 0 no-repeat transparent;
    vertical-align: middle;
    display: inline-block;
    padding-right: 12px;
    margin-top: -2px;
    height: 11px;
    width: 15px
}

@media all and (max-width:1800px) {
    body.panels_white #right .heading {
        border-bottom: 0
    }
}

@media all and (max-width:1000px) {
    #error404 .errorText {
        display: none
    }
}

.clean {
    position: relative;
    overflow: hidden;
    padding: 0 2px
}

.limiter {
    padding: 0 24px;
    max-width: 1920px;
    min-width: 320px;
    margin: auto;
    clear: both
}

.limiter .compliter>div[id*=bx_] {
    width: 355px;
    display: table-cell;
    vertical-align: top
}

.limiter .compliter>div[id*=bx_] #left {
    padding-right: 0
}

.priceTableContainer {
    max-width: 1000px;
    overflow-x: auto;
    min-width: 320px
}

.priceTableStyle80 {
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.priceTableStyle80 th {
    font-family: robotomedium;
    background-color: #f7f7f7;
    border: 1px solid #e4e4e4;
    font-weight: 400;
    padding: 12px 24px
}

.priceTableStyle80 td {
    border: 1px solid #e4e4e4;
    vertical-align: middle;
    padding: 12px 24px;
    text-align: left;
    color: #333
}

.mediumText {
    font-family: robotomedium
}

.pagePicture {
    max-width: 100%;
    height: auto
}

.skuPropertyValue.loading {
    position: relative
}

.skuPropertyValue.loading img {
    opacity: 0
}

.skuPropertyValue.loading:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    margin-left: -10px;
    left: 50%;
    background: url(/local/templates/dresscode/images/loaderMin.gif) 50% 50% no-repeat #fff
}

.addCart.loading,
.addCart.loading:hover {
    background-image: url(/local/templates/dresscode/images/loader-38px.svg) !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
    transition: none !important;
    opacity: .9 !important
}

.addCart:active {
    position: relative;
    top: 1px
}

.clear {
    clear: both
}

.hidden {
    display: none
}

.hiddenZone {
    display: none
}

@media all and (max-width:1800px) and (min-width:1300px) {
    .product:nth-child(4n+1).last {
        line-height: 70px;
        height: 70px;
        width: 100%
    }

    .product:nth-child(4n+1).last .icon {
        display: none
    }

    .product:nth-child(4n+1).last .small {
        display: none
    }
}

@media all and (max-width:1800px) {
    .product {
        height: 351px;
        width: 25%
    }

    .product.last {
        line-height: 340px
    }

    .product .tabloid {
        height: 350px
    }

    .product .picture {
        height: 230px;
        line-height: 230px
    }

    .product .name {
        margin-bottom: 12px
    }

    .product .addCart {
        margin-top: 0
    }

    .product .price .discount {
        line-height: 16px;
        font-size: 13px;
        margin-top: 8px;
        display: block;
        height: 16px;
        padding: 0
    }

    #catalogLineList .prop {
        width: 80%
    }

    #catalogTableList .column:nth-child(3) {
        display: none
    }

    #bigDataCarousel .product:nth-child(4n+1),
    #topProduct .product:nth-child(4n+1),
    #viewedProduct .product:nth-child(4n+1) {
        border-left: none !important
    }

    #popSection .item {
        height: 150px
    }

    #popSection .tabloid {
        padding: 6px
    }

    #popSection .picture {
        height: 90px;
        line-height: 90px
    }

    #popSection .nameWrap {
        height: 32px;
        line-height: 32px
    }

    #popSection .name {
        line-height: 16px
    }

    #popSection .last {
        line-height: 150px
    }

    #brandList .item {
        height: 96px;
        line-height: 96px
    }

    #brandList .picture {
        height: 72px;
        line-height: 72px
    }
}

@media all and (max-width:1650px) {
    #bannersBlock {
        display: none
    }

    #sliderBlock {
        width: 100%
    }
}

@media all and (max-width:1550px) {
    #catalogLineList .description {
        display: none
    }

    #catalogLineList .prop {
        width: 100%
    }

    #catalogTableList .column:nth-child(4) {
        display: none
    }

    #left {
        width: 320px
    }

    #slider .slideVideoContainer,
    #slider .videoPoster,
    #slider ul li span {
        height: 500px
    }

    #modef {
        left: 335px
    }
}

@media all and (max-width:1500px) {
    #footer .information .label {
        display: block
    }

    #topHeading {
        display: none
    }

    #catalogLineList .column:first-child {
        width: 340px
    }

    #slider .slideVideoContainer,
    #slider .videoPoster,
    #slider ul li span {
        height: 450px
    }

    #middleSlider {
        display: none !important
    }

    #middleSlider img {
        max-width: 100%
    }

    #newsContainer .column {
        width: 100%
    }

    #newsContainer .column .item {
        overflow: hidden
    }

    #newsContainer .column .item .bigPicture {
        margin-right: 48px;
        float: left;
        width: 30%
    }

    .global-information-block,
    .global-information-block.fixed .global-information-block-hide-scroll-cn {
        width: 250px !important
    }

    .product .addCart {
        padding: 0 12px
    }

    .product .addCartContainer.viewed span,
    .product .addCartContainer:hover span {
        transform: translate(18px, -50%)
    }

    .product .addCart.added span,
    .product .addCart.disabled span,
    .product .addCart.requestPrice span,
    .product .addCart.subscribe span {
        transform: translate(-50%, -50%)
    }

    .product .addCartContainer:hover .addCart.added .icon,
    .product .addCartContainer:hover .addCart.disabled .icon,
    .product .addCartContainer:hover .addCart.requestPrice .icon,
    .product .addCartContainer:hover .addCart.subscribe .icon {
        visibility: visible;
        padding-right: 12px;
        margin-top: -4px;
        opacity: 1;
        height: auto;
        width: auto
    }

    .product .addCartContainer.viewed .addCart .icon,
    .product .addCartContainer:hover .addCart .icon {
        transition: all .4s ease-in-out;
        visibility: hidden;
        padding: 0;
        height: 0;
        margin: 0;
        width: 0;
        opacity: 0
    }

    .product .quantityContainer {
        right: 18px;
        top: 18px
    }

    .product .quantityContainer .minus,
    .product .quantityContainer .plus,
    .product .quantityContainer .quantity {
        height: 24px;
        width: 24px
    }
}

@media all and (max-width:1366px) {
    #catalogLineList .column:first-child {
        width: 300px
    }

    .contactList li {
        margin-bottom: 24px;
        width: 50%
    }

    .mfeedback input,
    .mfeedback textarea,
    div.mf-email input,
    div.mf-message textarea,
    div.mf-name input {
        width: 100%
    }

    .mfeedback input[type=submit] {
        width: 200px
    }

    #left {
        width: 280px
    }

    .disabled1366 {
        display: none
    }

    #modef {
        left: 295px
    }
}

@media all and (max-width:1300px) {
    #logo {
        width: 196px
    }

    #topService .city {
        display: none
    }

    #headerTools .wishlist .nf {
        display: none
    }

    #headerTools .compare .nf {
        display: none
    }

    #footer .nav>li {
        width: 33.313131%
    }

    #footer .nav>li:last-child {
        display: none
    }

    #middleSlider {
        display: none !important
    }

    #slider .slideVideoContainer,
    #slider .videoPoster,
    #slider ul li span {
        height: 384px
    }

    #footer .rightTable .leftColumn {
        display: none
    }

    #rightFooter {
        width: 23%
    }

    #empty .emptyMenu li {
        width: 50%
    }

    .product {
        width: 33.33333%
    }

    #brandList .item,
    #popSection .item {
        width: 25%
    }

    .disabled1366 {
        display: block
    }
}

@media all and (max-width:1300px) and (min-width:1150px) {

    #brandList .item:nth-child(4n+1).last,
    #popSection .item:nth-child(4n+1).last {
        line-height: 70px;
        height: 70px;
        width: 100%
    }

    #brandList .item:nth-child(4n+1).last .icon,
    #popSection .item:nth-child(4n+1).last .icon {
        display: none
    }

    #brandList .item:nth-child(4n+1).last .small,
    #popSection .item:nth-child(4n+1).last .small {
        display: none
    }

    .product:nth-child(3n+1).last {
        line-height: 70px;
        height: 70px;
        width: 100%
    }

    .product:nth-child(3n+1).last .icon {
        display: none
    }

    .product:nth-child(3n+1).last .small {
        display: none
    }
}

@media all and (min-width:1281px) {
    .global-content-block+div[id*=bx_] {
        display: table-cell;
        width: 290px
    }
}

@media all and (max-width:1280px) {
    .global-block-container {
        min-height: auto !important
    }

    .global-block-container .global-information-block {
        display: none
    }

    #left {
        width: 330px
    }

    #homeCatalog .captionList {
        line-height: 55px;
        height: 55px
    }

    #homeCatalog .captionBtnLeft,
    #homeCatalog .captionBtnRight {
        top: -2.5px
    }

    #left #specialProduct .specialProductHeading,
    #left .sideBlock .heading,
    #right .heading {
        line-height: 55px;
        height: 55px
    }

    #modef {
        left: 345px
    }
}

@media all and (max-width:1200px) {
    #catalog-section-banners {
        display: none !important
    }

    #footerLine .col:first-child {
        width: 30%
    }

    #footerLine .col:last-child {
        width: 70%;
        float: right
    }

    #footerLine .col:first-child .item:nth-child(1n+2) {
        display: none
    }

    #catalogLineList .column:last-child,
    #catalogLineList .itemRow {
        display: block
    }

    #catalogLineList .column:first-child {
        width: 40%
    }

    #catalogLineList .column:nth-child(2) {
        width: 60%
    }

    #catalogLineList .column:first-child,
    #catalogLineList .column:nth-child(2) {
        float: left
    }

    #catalogLineList .column:last-child {
        line-height: 60px;
        padding: 0 0;
        height: 60px;
        border: 0;
        width: 100%;
        clear: both
    }

    #catalogLineList .resizeColumn {
        text-align: center;
        width: 30%;
        float: left
    }

    #catalogLineList .column .resizeColumn.last {
        text-align: right;
        width: 40%
    }

    #catalogLineList .column:last-child .priceLabel {
        display: inline-block;
        padding-left: 24px;
        float: none
    }

    #catalogLineList .column:last-child .price {
        display: inline-block;
        margin: 0
    }

    #catalogLineList .column:last-child .addCart {
        display: inline-block;
        margin: 9px auto;
        line-height: 40px;
        padding: 0 24px;
        font-size: 14px;
        height: 40px;
        width: auto
    }

    #catalogLineList .column:last-child .optional {
        margin: 9px 0 0 0;
        font-size: 14px
    }

    #catalogLineList .column:last-child .optional .row {
        margin-bottom: 4px;
        padding: 0
    }

    #catalogLineList .column:last-child .optional .label {
        text-align: left;
        font-size: 14px;
        width: 50%
    }

    #catalogLineList .column:last-child .article {
        display: none
    }

    #catalogTableList .column:nth-child(7) {
        display: none
    }

    #catalogLineList .column:last-child {
        background-color: #f9f9f9
    }

    #slider .sliderContent .bigText,
    #slider .sliderContent .bigTextColor,
    #slider .sliderContent .bigTextLight {
        line-height: 36px;
        margin-top: 12px;
        font-size: 30px
    }

    #slider .sliderContent .mediumText,
    #slider .sliderContent .mediumTextColor,
    #slider .sliderContent .mediumTextLight {
        line-height: 24px;
        margin-top: 12px;
        font-size: 16px
    }

    #slider .sliderContent .cButton,
    #slider .sliderContent .cButtonLight {
        margin-top: 12px
    }

    #slider .sliderContent .smallText,
    #slider .sliderContent .smallTextColor,
    #slider .sliderContent .smallTextLight {
        margin-top: 12px
    }

    #slider .sliderBtnLeft,
    #slider .sliderBtnRight {
        display: none
    }

    #slider .sliderContent {
        left: 24px
    }

    #slider .leftContainer {
        left: 24px
    }

    #slider .rightContainer {
        right: 24px
    }

    #leftMenu li .pc {
        display: none
    }

    #leftMenu .pc,
    #leftMenu .tx {
        padding: 8px 24px
    }

    #left {
        width: 260px
    }

    #modef {
        left: 275px
    }
}

@media all and (max-width:1150px) and (min-width:1024px) {
    .product:nth-child(2n+1).last {
        line-height: 70px;
        height: 70px;
        width: 100%
    }

    .product:nth-child(2n+1).last .icon {
        display: none
    }

    .product:nth-child(2n+1).last .small {
        display: none
    }
}

@media all and (max-width:1150px) {
    .product {
        width: 50%
    }

    #brandList .item,
    #popSection .item {
        width: 33.333%
    }
}

@media all and (max-width:1100px) {
    #headerTools .nf {
        display: none
    }

    #catalogLine .column:last-child .label {
        display: none
    }

    #popSection .picture img {
        max-width: 75%;
        max-height: 75%
    }

    #brandList .picture img {
        max-height: 70%;
        max-width: 70%
    }
}

@media all and (max-width:1024px) and (min-width:790px) {
    #brandList .item:nth-child(4n+1).last {
        line-height: 70px;
        height: 70px;
        width: 100%
    }

    #brandList .item:nth-child(4n+1).last .icon {
        display: none
    }

    #brandList .item:nth-child(4n+1).last .small {
        display: none
    }
}

@media all and (max-width:1024px) and (min-width:790px) {
    #popSection .item:nth-child(4n+1).last {
        line-height: 70px;
        height: 70px;
        width: 100%
    }

    #popSection .item:nth-child(4n+1).last .icon {
        display: none
    }

    #popSection .item:nth-child(4n+1).last .small {
        display: none
    }
}

@media all and (max-width:1024px) {
    #colorSwitcher {
        display: none !important
    }

    #left .collapsed {
        display: none
    }

    #bestsellers {
        margin-top: 0
    }

    #left {
        margin-bottom: 24px
    }

    #left,
    #right {
        display: block;
        width: 100%
    }

    #smartFilter .heading {
        line-height: 46px;
        height: 46px
    }

    #footer .top .left,
    #headerTools .nf,
    #left #collectionBlock,
    #left #newsBlock,
    #left #popCats,
    #left #promoBlock,
    #left #serviceBlock,
    #left #subscribe,
    #left .banner,
    .product:hover .fastShow {
        display: none
    }

    #right {
        padding-left: 0
    }

    #smartFilter .heading {
        cursor: pointer
    }

    #catalogLine .oFilter {
        display: inline-block;
        margin-right: 12px
    }

    #main #smartFilter {
        box-shadow: 1px 1px 12px rgba(0, 0, 0, .2);
        pointer-events: none;
        background: #fff;
        visibility: hidden;
        position: absolute;
        margin-top: 162px;
        z-index: 9999;
        width: 300px;
        opacity: 0;
        border: 0
    }

    #main #smartFilter.opened {
        pointer-events: auto;
        visibility: visible;
        opacity: 1
    }

    #nextSection {
        border: none
    }

    #nextSection ul {
        display: none
    }

    #nextSection .title {
        position: relative;
        padding-left: 12px;
        font-family: roboto_ltregular;
        text-transform: none;
        cursor: pointer;
        text-align: left;
        border: none;
        background-color: #f8f8f8
    }

    #nextSection .title:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 42px;
        background: #efefef url(/local/templates/dresscode/images/catalogIco2.png) center center no-repeat
    }

    #smartFilterForm .slider {
        display: none
    }

    .appZoomContainerImage {
        max-width: 60vh !important;
        max-height: 60vh !important
    }

    #reformal_tab {
        display: none !important
    }

    #catalogLineList .picture .getFastView,
    #specialProduct .productItem .getFastView,
    .product .getFastView {
        display: none !important
    }

    #appFastView {
        display: none !important
    }

    #fastViewStores {
        display: none !important
    }

    #slider ol {
        display: none
    }

    #specialBlock {
        display: none !important
    }

    .product {
        width: 25%;
        height: 320px
    }

    .product.last {
        line-height: 300px
    }

    .product .tabloid {
        height: 319px
    }

    .product .picture {
        height: 195px;
        line-height: 195px
    }

    .productSpecialTime {
        top: 30px
    }

    #leftMenu li .pc {
        display: table-cell
    }

    #leftMenu .pc,
    #leftMenu .tx {
        padding: 8px
    }

    #slider .videoPoster {
        display: block
    }

    #slider .slideVideo {
        display: none
    }

    .templateSwitcher,
    .templateSwitcherSettings {
        display: none !important
    }

    #brandList .item,
    #popSection .item {
        width: 25%
    }

    #homeCatalog .captionList {
        height: 50px;
        line-height: 50px
    }

    #homeCatalog .captionBtnLeft,
    #homeCatalog .captionBtnRight {
        display: none !important
    }

    #homeCatalog .caption a {
        font-size: 14px
    }

    #homeCatalog #captionCarousel {
        position: relative
    }

    #nextSection li {
        border-left: 1px solid #e7e8ea;
        border-right: 1px solid #e7e8ea
    }
}

@media all and (max-width:1024px) {

    #leftFooter,
    #leftFooter .column,
    #rightFooter,
    #rowFooter {
        display: block;
        padding: 0;
        width: 100%
    }

    #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 {
        background-color: rgba(0, 0, 0, .032);
        font-family: roboto_ltregular;
        text-transform: uppercase;
        border-radius: 4px;
        position: relative;
        padding: 18px 12px;
        line-height: 16px;
        font-weight: 400;
        text-align: left;
        cursor: pointer;
        font-size: 14px;
        border: 0;
        margin: 0
    }

    #footer.variant_5 .heading,
    #footer.variant_6 .heading,
    #footer.variant_7 .heading,
    #footer.variant_8 .heading {
        border: 0
    }

    #leftFooter .heading:not(.noTabs):after {
        background-image: url(/local/templates/dresscode/images/mobile-tab-show.svg);
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 25px;
        position: absolute;
        display: block;
        margin: auto;
        content: "";
        height: 25px;
        width: 25px;
        bottom: 0;
        right: 12px;
        top: 0
    }

    #leftFooter .heading.active:after {
        background-image: url(/local/templates/dresscode/images/mobile-tab-hide.svg)
    }

    #leftFooter .heading+ul {
        box-sizing: border-box;
        padding: 0 12px;
        margin-top: 12px;
        display: none
    }

    #rightFooter {
        box-sizing: border-box;
        padding: 24px 0
    }

    #rightFooter .rightTable {
        display: block
    }

    #rightFooter .leftColumn,
    #rightFooter .rightColumn {
        box-sizing: border-box;
        padding: 0 24px;
        display: block
    }

    #rightFooter .rightColumn {
        text-align: left;
        padding-top: 18px
    }

    #footer .rightTable .leftColumn {
        display: block
    }

    #rowFooter {
        display: table;
        font-size: 0
    }

    #leftFooter,
    #rightFooter {
        display: table-cell;
        vertical-align: top;
        font-size: 14px;
        width: 50%
    }
}

@media all and (max-width:1150px) and (min-width:1024px) {

    #brandList .item:nth-child(3n+1).last,
    #popSection .item:nth-child(3n+1).last {
        line-height: 70px;
        height: 70px;
        width: 100%
    }

    #brandList .item:nth-child(3n+1).last .icon,
    #popSection .item:nth-child(3n+1).last .icon {
        display: none
    }

    #brandList .item:nth-child(3n+1).last .small,
    #popSection .item:nth-child(3n+1).last .small {
        display: none
    }
}

@media all and (max-width:1024px) and (min-width:1000px) {
    .product:nth-child(4n+1).last {
        line-height: 70px;
        height: 70px;
        width: 100%
    }

    .product:nth-child(4n+1).last .icon {
        display: none
    }

    .product:nth-child(4n+1).last .small {
        display: none
    }
}

@media all and (max-width:1000px) and (min-width:790px) {
    .product:nth-child(3n+1).last {
        line-height: 70px;
        height: 70px;
        width: 100%
    }

    .product:nth-child(3n+1).last .icon {
        display: none
    }

    .product:nth-child(3n+1).last .small {
        display: none
    }
}

@media all and (max-width:1000px) {
    .product {
        width: 33.33333%
    }

    .bx-auth .rightContainer .bx-title {
        margin-top: 12px
    }
}

@media all and (max-width:870px) {
    #headerTools .nf {
        display: none
    }
}

@media all and (max-width:850px) {
    #topHeading {
        display: none
    }

    #catalogLineList .column:last-child .price,
    #catalogLineList .column:last-child .priceLabel {
        font-size: 18px
    }

    #modef {
        display: none !important
    }

    #catalogLine .column:nth-child(3) {
        display: none
    }

    #footerLine .col:first-child {
        display: none
    }

    #footerLine .col:last-child {
        text-align: center;
        width: 100%;
        float: left
    }
}

@media all and (max-width:790px) and (min-width:600px) {
    .product:nth-child(2n+1).last {
        line-height: 70px;
        height: 70px;
        width: 100%
    }

    .product:nth-child(2n+1).last .icon {
        display: none
    }

    .product:nth-child(2n+1).last .small {
        display: none
    }
}

@media all and (max-width:790px) and (min-width:500px) {
    #popSection .item:nth-child(3n+1).last {
        line-height: 70px;
        height: 70px;
        width: 100%
    }

    #popSection .item:nth-child(3n+1).last .icon {
        display: none
    }

    #popSection .item:nth-child(3n+1).last .small {
        display: none
    }
}

@media all and (max-width:790px) and (min-width:360px) {
    #brandList .item:nth-child(3n+1).last {
        line-height: 70px;
        height: 70px;
        width: 100%
    }

    #brandList .item:nth-child(3n+1).last .icon {
        display: none
    }

    #brandList .item:nth-child(3n+1).last .small {
        display: none
    }
}

@media all and (max-width:790px) {
    .product {
        width: 50%
    }

    #popSection .item {
        width: 33.33333%
    }

    #brandList .item {
        width: 33.33333%
    }

    #homeCatalog .caption {
        border: none
    }
}

@media all and (max-width:750px) {

    #appFastBuyContainer .column:first-child,
    #requestPrice .productColumn {
        display: none
    }

    #appFastBuyContainer .column {
        box-sizing: border-box;
        padding: 0 24px;
        width: 100%;
        float: none
    }

    #appFastBuyContainer input,
    #appFastBuyContainer textarea {
        width: 100%
    }

    #appFastBuyContainer .formLine {
        text-align: center
    }

    #appFastBuyContainer #fastBuyFormSubmit {
        display: inline-block;
        width: 50%
    }

    #appFastBuyContainer {
        transform: translate(-50%, -50%);
        margin: 0;
        width: 100%
    }

    #requestPrice .formColumn {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 24px;
        width: 100%
    }

    #requestPrice #requestPriceSubmit,
    #requestPrice input,
    #requestPrice textarea {
        width: 100%
    }

    #requestPrice input {
        height: 45px
    }

    #requestPrice textarea {
        height: 50px
    }

    #requestPrice #requestPriceContainer {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #fff;
        transform: translateX(-50%);
        padding: 0;
        margin-left: 0;
        width: 90%;
        left: 50%
    }

    #requestPriceForm {
        margin-bottom: 24px
    }

    #requestPrice .requestPriceFormHeading {
        margin-right: 0
    }

    #rowFooter {
        display: block
    }

    #leftFooter,
    #rightFooter {
        display: block;
        width: 100%
    }

    #rightFooter .rightTable td {
        text-align: left
    }
}

@media all and (max-width:700px) {

    #footerTabs,
    #footerTabs .tab,
    #footerTabsCaption,
    div[id*=bigdata_recommended_] {
        display: none !important
    }

    #slider .slideVideoContainer,
    #slider .videoPoster,
    #slider ul li span {
        height: 300px
    }

    .limiter {
        padding: 0
    }

    #topMenu {
        margin-left: 12px
    }

    #subHeader #logo,
    #subHeader.color_black #logo,
    #subHeader.color_theme #logo {
        border: 0
    }

    #topSearch form {
        box-sizing: border-box
    }

    #left {
        width: 100%;
        padding: 0 12px;
        box-sizing: border-box;
        display: block
    }

    #right {
        display: block;
        margin-top: 24px;
        padding: 0 12px;
        box-sizing: border-box
    }

    #leftMenu li a {
        font-size: 16px
    }

    #flushFooterCart .item:nth-child(1) {
        display: none
    }

    #catalogLineList .resizeColumn {
        width: 40%
    }

    #catalogLineList .column .resizeColumn.last {
        width: 20%
    }

    #catalogLineList .column:last-child .optional .label {
        width: 100%
    }

    #catalogLineList .column:last-child .optional .label:first-child {
        display: none
    }

    #catalogLineList .column:last-child .priceLabel {
        display: none
    }

    #catalogTableList .column:nth-child(8) {
        display: none
    }

    #appBasket {
        display: none !important
    }

    #overlap {
        display: none !important
    }

    .blurred {
        -webkit-filter: blur(0) !important;
        -moz-filter: blur(0) !important;
        -ms-filter: blur(0) !important;
        -o-filter: blur(0) !important;
        filter: blur(0) !important
    }

    #upButton {
        display: none !important
    }

    #newsContainer .column .item .bigPicture {
        width: 100%;
        float: none
    }

    #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
    }

    .product {
        width: 50%;
        height: auto
    }

    body .product:hover .tabloid {
        box-shadow: none;
        position: relative;
        border-color: transparent
    }

    .product .btn-simple.add-cart:hover {
        border-color: #e7e8ea
    }

    .product.last {
        line-height: 328px
    }

    .product .btn-simple {
        display: inline-block;
        font-size: 13px
    }

    .product .tabloid {
        height: auto
    }

    .product .picture {
        height: 180px;
        line-height: 180px
    }

    .product .optional {
        display: none
    }

    .product .skuProperty {
        display: none
    }

    .product .addCart {
        display: none
    }

    .product .name {
        height: 36px;
        display: flex;
        line-height: normal
    }

    .product .middle {
        line-height: 18px
    }

    .product .price {
        margin-bottom: 6px;
        font-size: 14px
    }

    .product .price .measure {
        font-size: 14px
    }

    .product .markerContainer {
        max-height: 48px;
        overflow: hidden;
        left: 6px;
        top: 6px
    }

    .product .marker {
        margin-bottom: 2px
    }

    .product .getPricesWindow .priceIcon {
        display: none
    }

    .product .rating {
        display: none
    }

    .product .addCartContainer {
        display: none
    }

    .product .price .discount {
        margin-top: 2px
    }

    .product .name {
        margin-bottom: 2px
    }

    .productSpecialTime {
        display: none
    }

    .productTable {
        gap: 12px;
        display: flex;
        flex-direction: column
    }

    .productColImage {
        padding-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%
    }

    .productColText {
        display: table-cell;
        vertical-align: middle
    }

    .product.last .icon {
        height: 33px;
        margin-bottom: 6px
    }

    .product.last .icon .iconBig {
        display: none
    }

    .product.last .icon .iconSmall {
        display: inline-block
    }

    .product .quantityContainer {
        display: none
    }
}

@media all and (max-width:634px) {

    #headerTools .tools .compare,
    #headerTools .tools .wishlist {
        display: none
    }

    #catalogLineList .column {
        width: 50%
    }

    #catalogLineList .prop {
        display: none
    }

    #catalogLineList .column .resizeColumn {
        width: 50%
    }

    #catalogLineList .column .resizeColumn.last {
        display: none
    }

    #catalogTableList .column:nth-child(1) {
        display: none
    }

    #catalogTableList .column:nth-child(2) {
        padding-left: 24px;
        width: auto
    }

    .contactList li {
        margin-bottom: 24px;
        width: 100%
    }

    #empty .emptyMenu li {
        width: 100%
    }
}

@media all and (max-width:660px) {
    #catalogLine .label {
        display: none
    }
}

@media 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 {
        content: "";
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
        width: 80px;
        height: 100%;
        background: -moz-linear-gradient(left, rgba(43, 43, 43, 0) 0, #2b2b2b 100%);
        background: -webkit-linear-gradient(left, rgba(43, 43, 43, 0) 0, #2b2b2b 100%);
        background: linear-gradient(to right, rgba(43, 43, 43, 0) 0, #2b2b2b 100%);
        pointer-events: none
    }

    #footerBottom .creator {
        display: none
    }

    #footerBottom .social {
        overflow-x: scroll;
        padding: 0;
        float: none;
        margin: 0
    }

    #footerBottom ul {
        display: inline-block;
        white-space: nowrap
    }

    #footerBottom .sn {
        float: none
    }

    #footerBottom .sn li {
        vertical-align: middle;
        display: inline-block;
        float: none
    }
}

@media all and (max-width:525px) {
    #catalogLine .column:last-child {
        display: none
    }

    #catalogLine .column:nth-child(2) {
        float: right
    }
}

@media all and (max-width:500px) {

    .top-auth-exit,
    .top-auth-login,
    .top-auth-personal,
    .top-auth-register {
        border: none !important;
        position: absolute;
        top: 103px
    }

    .top-auth-login,
    .top-auth-personal {
        left: 12px
    }

    .top-auth-exit {
        left: 120px
    }

    .top-auth-register {
        left: 52px
    }

    #subHeader #headerTools,
    #subHeader.color_black #headerTools,
    #subHeader.color_theme #headerTools {
        border: 0
    }

    #headerTools .telephone {
        line-height: 21px !important;
        border: none !important;
        position: absolute;
        padding: 0;
        right: 0;
        top: 107px
    }

    #headerTools .telephone .callBack {
        display: none
    }

    #headerTools .telephone .nf {
        margin: 0;
        float: none;
        display: block
    }

    #headerTools .telephone .nf .heading {
        display: none
    }

    #headerTools .telephone .nf .heading:first-child {
        font-family: robotomedium;
        font-size: 14px;
        display: block;
        color: #888
    }

    #subHeader #headerTools .tools li,
    #subHeader.color_black #headerTools .tools li,
    #subHeader.color_theme #headerTools .tools li {
        border: none !important
    }

    #subHeader #topService,
    #subHeader.color_black #topService,
    #subHeader.color_theme #topService {
        border: none
    }

    #topHeader #topService li,
    #topHeader.color_black #topService li,
    #topHeader.color_theme #topService li {
        padding: 0;
        border: none
    }

    #topService.color_theme>li>a {
        color: #fff !important
    }

    #topService.color_theme>li>a:hover {
        opacity: .8
    }

    #topHeader.color_black #topService,
    #topHeader.color_theme #topService {
        border: 0
    }

    #logo {
        padding-left: 12px;
        line-height: 80px;
        height: 80px
    }

    #headerTools .tools li {
        line-height: 80px
    }

    #topMenu {
        margin-left: 0
    }

    .user-geo-position {
        padding-right: 12px;
        text-align: right
    }

    #topSearch input[type=text] {
        padding-left: 6px
    }

    #topService li a {
        color: #888
    }

    #panel {
        position: fixed;
        z-index: 9999
    }

    #logo {
        text-align: left
    }

    #topSearch input[type=text] {
        font-size: 14px
    }

    #topSeachCloseForm {
        font-size: 13px
    }

    .product .picture {
        height: 160px;
        line-height: 160px
    }

    .product.last {
        line-height: 308px
    }

    #popSection .item {
        width: 50%;
        height: 150px
    }

    #popSection .nameWrap {
        height: 32px;
        line-height: 32px
    }

    #popSection .item:nth-child(2n+1).last {
        line-height: 95px;
        height: 95px;
        width: 100%
    }
}

@media all and (max-width:486px) {
    #catalogLine .column:last-child {
        display: none
    }
}

@media all and (max-width:480px) {
    #homeCatalog {
        margin-top: 0
    }

    .sn {
        display: none
    }

    #catalogTableList .column:nth-child(2) {
        padding-left: 0;
        margin-top: 0
    }

    #catalogTableList .column {
        text-align: center;
        display: block
    }

    #catalogTableList .column:first-child {
        width: auto
    }

    #catalogTableList .column:nth-child(1) {
        margin-top: 24px;
        display: block
    }

    #catalogTableList .name {
        text-align: center
    }

    #catalogTableList .price .discount {
        right: 48px
    }

    #catalogTableList .addCart,
    #catalogTableList .more {
        margin: 0
    }

    #slider {
        margin-bottom: 24px
    }

    #slider .sliderBtnLeft,
    #slider .sliderBtnRight {
        display: none !important
    }

    #slider .slideVideoContainer,
    #slider .videoPoster,
    #slider ul li span {
        height: 220px
    }

    #slider .sliderContent {
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 24px;
        right: unset;
        left: unset;
        width: 80%
    }

    #slider .sliderContent .bigText,
    #slider .sliderContent .bigTextColor,
    #slider .sliderContent .bigTextLight {
        line-height: 24px;
        font-size: 18px
    }

    #slider .sliderContent .smallText,
    #slider .sliderContent .smallTextColor,
    #slider .sliderContent .smallTextLight {
        display: none
    }

    #slider .sliderContent br {
        display: none
    }

    #slider ul li span {
        -webkit-transition: 1s -webkit-filter linear;
        transition: 1s filter linear;
        opacity: 1
    }

    #slider ul li span:hover {
        transform: scale(1);
        -webkit-filter: blur(0);
        filter: blur(0)
    }

    #slider .sliderContent .cButton,
    #slider .sliderContent .cButtonLight {
        line-height: 40px;
        margin-top: 12px;
        padding: 0 12px;
        height: 40px
    }

    #slider .sliderContent .bigText,
    #slider .sliderContent .bigTextColor,
    #slider .sliderContent .bigTextLight {
        margin-top: 6px
    }

    #slider .sliderContent .mediumText,
    #slider .sliderContent .mediumTextColor,
    #slider .sliderContent .mediumTextLight {
        line-height: 21px;
        margin-top: 6px
    }

    #slider .sliderContent .smallText,
    #slider .sliderContent .smallTextColor,
    #slider .sliderContent .smallTextLight {
        line-height: 18px;
        font-size: 13px;
        margin-top: 6px
    }
}

@media all and (max-width:450px) {
    .user-geo-position-label {
        display: none
    }

    #appFastBuyContainer {
        padding-bottom: 24px;
        height: auto
    }

    #appFastBuyContainer .formLine:last-child {
        margin-bottom: 0
    }

    #appFastBuyContainer #fastBuyFormSubmit {
        width: 80%
    }

    .product .name {
        font-size: 12px
    }
}

@media all and (max-width:430px) {
    #requestPrice #requestPriceContainer {
        height: 450px
    }

    #requestPrice .requestPriceHeading {
        font-size: 16px
    }

    #requestPrice .requestPriceFormHeading {
        margin-top: 32px
    }

    #appFastBuyContainer #fastBuyFormSubmit {
        width: 80%
    }
}

@media all and (max-width:400px) {
    #logo {
        width: 150px;
        padding-left: 12px
    }

    .product .picture {
        height: 150px;
        line-height: 150px
    }

    .product.last {
        line-height: 298px
    }

    #catalogLine .oFilter {
        margin-right: 0
    }

    #catalogLine {
        padding: 0;
        border: none;
        height: 32px;
        line-height: 32px
    }

    #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 {
        line-height: 70px;
        height: 70px;
        width: 100%
    }

    #brandList .last .ps,
    #brandList .last .value,
    #popSection .last .small {
        font-size: 13px
    }

    #catalogLine .oSmartFilter.btn-simple.btn-micro {
        min-width: 94px
    }

    #headerTools .tools li {
        border-left: none
    }

    #logo {
        width: 120px
    }

    .product .picture {
        height: 140px;
        line-height: 140px
    }

    .product.last {
        line-height: 288px
    }
}

@media all and (max-width:300px) {
    #headerTools .tools .telephone {
        display: none !important
    }
}

#ORDER_CONFIRM_BUTTON {
    text-shadow: none !important;
    height: 50px !important;
    line-height: 50px !important
}

.addCart.disabled {
    pointer-events: none;
    cursor: default
}

.addCart.requestPrice {
    background-color: #2b2b2b !important;
    pointer-events: auto !important;
    cursor: pointer !important
}

.addCart.requestPrice:hover {
    opacity: .8 !important
}

.addCart.requestPrice:active {
    position: relative;
    top: 1px
}

.sale_order_full_table input[name=BuyButton],
.sale_order_full_table input[type=submit] {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
    line-height: 50px;
    cursor: pointer;
    padding: 0 48px;
    height: 50px;
    border: 0
}

div.bx-debug-summary {
    z-index: 99999 !important
}

.appZoomContainerExit {
    background: url(/local/templates/dresscode/images/exitWindow.png) 0 0 no-repeat transparent;
    position: absolute;
    height: 38px;
    width: 38px;
    right: -38px;
    top: -38px
}

.appZoomContainerExit:hover {
    background-position: 0 -38px
}

.appZoomContainerExit:active {
    background-position: 0 -76px
}

#appZoomWindow .appZoomContainer {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#appZoomWindow .appZoomContainer.loading {
    background: url(/local/templates/dresscode/images/windowLoader.gif) 50% 50% no-repeat transparent;
    min-height: 100px;
    min-width: 100px
}

.fastBack.disabled {
    cursor: not-allowed
}

.fastBack.disabled:hover {
    color: #717171
}

.fastBack.disabled:active {
    top: 0
}

.getPricesWindow {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer !important
}

.getPricesWindow:hover {
    color: #444
}

.getPricesWindow:active {
    position: relative;
    top: 1px
}

.getPricesWindow .priceIcon {
    background: url(/local/templates/dresscode/images/priceInfo.png) 0 0 no-repeat transparent;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    margin-top: -2px;
    height: 21px;
    width: 21px
}

.getPricesWindow .priceIcon:hover {
    background-position: 0 -21px
}

.getPricesWindow .priceIcon:active {
    background-position: 0 -42px
}

.global-block-container {
    border-collapse: collapse;
    table-layout: fixed;
    display: table;
    width: 100%
}

.global-content-block,
.global-information-block {
    display: table-cell;
    vertical-align: top
}

.global-content-block .detail-text-wrap:first-child {
    margin-top: 0
}

.global-information-block {
    position: relative;
    padding-left: 24px;
    overflow: hidden;
    width: 280px
}

.global-information-block.fixed .global-information-block-cn {
    padding-top: 24px;
    overflow: hidden;
    position: fixed;
    width: 280px;
    top: 0
}

.global-information-block-hide-scroll {
    padding-right: 24px;
    max-height: 100vh;
    overflow: auto;
    width: 320px
}

.global-information-block-hide-scroll-cn {
    width: 280px
}

.global-information-block.max-scroll .global-information-block-cn {
    position: absolute;
    bottom: 0;
    top: auto
}

.questions-answers .h2 {
    margin: 18px 0
}

.question-answer-wrap {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    margin-bottom: 12px;
    padding: 0 18px 0 24px;
    border: 1px solid #f3f3f3;
    transition: all .2s ease-in-out
}

.question-answer-wrap:last-child {
    margin-bottom: 0
}

.question-answer-wrap:hover {
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .05)
}

.questions-answers-list .question {
    position: relative;
    padding: 24px 0;
    padding-right: 120px;
    cursor: pointer
}

.questions-answers-list .open-answer {
    position: absolute;
    right: 6px;
    top: 50%;
    width: 110px;
    height: 25px;
    margin-top: -12px;
    overflow: hidden
}

.questions-answers-list .open-answer span {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    color: #000;
    transition: all .3s linear
}

.questions-answers-list span.hide-answer-text {
    top: -25px
}

.questions-answers-list .active span.hide-answer-text {
    top: 0
}

.questions-answers-list .active span.open-answer-text {
    top: 25px
}

.questions-answers-list .open-answer-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background: url(/local/templates/dresscode/images/question-arrow.png) center center/contain no-repeat;
    transition: all .3s linear
}

.questions-answers-list .active .open-answer-btn {
    transform: rotate(-180deg)
}

.questions-answers-list .answer {
    display: none;
    padding: 24px 0;
    border-top: 1px solid #efefef;
    color: #888
}

@media screen and (max-width:800px) {
    .questions-answers-list .answer {
        padding: 0 12px
    }

    .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 {
    font-family: robotomedium;
    margin-bottom: 12px;
    font-size: 21px
}

.information-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 12px;
    color: #555
}

.information-list-item {
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    padding: 12px 12px;
    margin-top: 24px
}

.information-item-icon {
    padding-right: 24px;
    width: 42px
}

.information-list-item a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
    color: #000
}

.information-list-item a:hover {
    color: #777
}

.info-contacts a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
    color: #000
}

.info-contacts a:hover {
    color: #777
}

.information-list-item a:active {
    position: relative;
    top: 1px
}

.information-feedback-container {
    margin-top: 24px
}

.information-feedback {
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    text-decoration: none;
    text-align: center;
    padding: 18px 12px;
    font-size: 16px;
    display: block
}

.information-feedback:active {
    position: relative;
    top: -1px
}

.pilink {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
    color: #888
}

.pilink:hover {
    opacity: .7
}

.pilink:active {
    position: relative;
    top: 1px
}

.tb {
    border-collapse: collapse;
    table-layout: fixed;
    display: table;
    width: 100%
}

.tc {
    vertical-align: middle;
    display: table-cell
}

#catalog-section-banners {
    margin: 24px 0;
    overflow: hidden;
    display: none;
    clear: both
}

#catalog-section-banners ul {
    padding: 0;
    margin: 0
}

#catalog-section-banners ul>li {
    list-style: none;
    float: left;
    width: 0
}

#catalog-section-banners ul>li:first-child {
    width: auto
}

#catalog-section-banners li img {
    width: 100%
}

#catalog-section-banners ol {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 50%;
    bottom: 12px
}

#catalog-section-banners ol {
    position: absolute;
    left: 50%;
    bottom: 12px
}

#catalog-section-banners ol li {
    background: url(/local/templates/dresscode/images/slideButtonSect.svg) 0 0 no-repeat transparent;
    margin-right: 4px;
    width: 18px;
    height: 18px;
    float: left;
    cursor: pointer
}

#catalog-section-banners ol li:hover {
    background: url(/local/templates/dresscode/images/slideButtonSect.svg) -18px 0 no-repeat transparent
}

#catalog-section-banners ol li:active {
    background: url(/local/templates/dresscode/images/slideButtonSect.svg) -36px 0 no-repeat transparent
}

#catalog-section-banners ol li.selected {
    background: url(/local/templates/dresscode/images/slideButtonSect.svg) -54px 0 no-repeat transparent
}

#catalog-section-banners ol li.selected:hover {
    background: url(/local/templates/dresscode/images/slideButtonSect.svg) -72px 0 no-repeat transparent
}

#catalog-section-banners ol li.selected:active {
    background: url(/local/templates/dresscode/images/slideButtonSect.svg) -90px 0 no-repeat transparent
}

#catalog-section-banners .catalog-section-banners-btn-left,
#catalog-section-banners .catalog-section-banners-btn-right {
    background: url(/local/templates/dresscode/images/slideArrowSect.svg) no-repeat transparent;
    position: absolute;
    margin-top: -30px;
    display: block;
    height: 60px;
    width: 30px;
    top: 50%
}

#catalog-section-banners .catalog-section-banners-btn-left {
    background-position: 0 0;
    left: 0
}

#catalog-section-banners .catalog-section-banners-btn-left:hover {
    background-position: -30px 0
}

#catalog-section-banners .catalog-section-banners-btn-left:active {
    background-position: -60px 0
}

#catalog-section-banners .catalog-section-banners-btn-right {
    background-position: 0 -60px;
    right: 0
}

#catalog-section-banners .catalog-section-banners-btn-right:hover {
    background-position: -30px -60px
}

#catalog-section-banners .catalog-section-banners-btn-right:active {
    background-position: -60px -60px
}

.bx-sls .quick-location-tag,
.bx-slst .quick-location-tag {
    color: #23527c !important
}

.list-advantages {
    max-width: none;
    font-size: 0;
    line-height: 0;
    margin: 18px -12px 24px
}

.list-advantages .list-item {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    width: 350px;
    box-sizing: border-box;
    padding: 12px
}

.list-advantages .tc {
    vertical-align: top
}

.list-advantages .image {
    width: 74px
}

.list-advantages .text-wrap {
    font-size: 14px;
    color: #000
}

.list-advantages .name {
    max-height: 40px;
    margin-bottom: 6px;
    overflow: hidden;
    font-family: robotomedium;
    font-size: 16px;
    line-height: 20px
}

.list-advantages .descr {
    max-height: 32px;
    line-height: 16px;
    overflow: hidden
}

#main .processing {
    pointer-events: none;
    position: relative
}

#main .processing>* {
    opacity: .4;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

#main .processing:after {
    background: url(/local/templates/dresscode/images/spin.svg) 50% 50% no-repeat;
    position: absolute;
    content: " ";
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

#colorSwitcher {
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    box-shadow: 1px 1px 12px rgba(0, 0, 0, .4);
    transform: translateX(192px);
    background-color: #fff;
    margin-top: -275px;
    text-align: center;
    position: fixed;
    z-index: 99999;
    height: 550px;
    width: 192px;
    right: 0;
    top: 50%
}

#colorSwitcher:hover {
    transform: translateX(0)
}

#colorSwitcher .settingTouch {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #000;
    text-align: center;
    position: absolute;
    line-height: 50px;
    height: 50px;
    width: 50px;
    left: -50px
}

#colorSwitcher .settingTouch:hover {
    background: #2b2b2b
}

#colorSwitcher .settingTouchPicture {
    background: url(/local/templates/dresscode/images/setting.png) 50% 50% no-repeat transparent;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    vertical-align: middle;
    display: inline-block;
    height: 24px;
    width: 24px
}

#colorSwitcher:hover .settingTouchPicture {
    transform: rotate(360deg)
}

#colorSwitcher .title {
    text-transform: uppercase;
    font-family: robotobold;
    text-align: center;
    margin-top: 12px
}

#colorSwitcher .backgroundItems,
#colorSwitcher .items {
    text-align: center;
    margin-top: 12px;
    overflow: hidden
}

#colorSwitcher .menuSelect {
    margin-top: 12px
}

#colorSwitcher .menuSelect select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
    outline: 0;
    height: 35px;
    width: 85%
}

#colorSwitcher .menuSelect option {
    padding: 12px 0
}

#colorSwitcher .item {
    margin-bottom: 12px;
    margin-left: 12px;
    height: 48px;
    width: 48px;
    float: left
}

#colorSwitcher .close {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: rgba(0, 0, 0, .8);
    text-decoration: none;
    display: inline-block;
    margin-top: 8px;
    text-align: center;
    border-radius: 4px;
    line-height: 30px;
    padding: 0 24px;
    color: #fff
}

#colorSwitcher .close:hover {
    background-color: #000
}

#colorSwitcher .item a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 50%;
    display: block;
    height: 48px;
    width: 48px
}

#colorSwitcher .selected a {
    background-image: url(/local/templates/dresscode/images/check.png);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

#colorSwitcher .item .color1 {
    background-color: #ff9601
}

#colorSwitcher .item .color1:hover {
    background-color: #ffb800
}

#colorSwitcher .item .color2 {
    background-color: #fb9bad
}

#colorSwitcher .item .color2:hover {
    background-color: #f3889d
}

#colorSwitcher .item .color3 {
    background-color: #ff855f
}

#colorSwitcher .item .color3:hover {
    background-color: #e77652
}

#colorSwitcher .item .color4 {
    background-color: #daa550
}

#colorSwitcher .item .color4:hover {
    background-color: #e4a540
}

#colorSwitcher .item .color5 {
    background-color: #b15b49
}

#colorSwitcher .item .color5:hover {
    background-color: #a05a4b
}

#colorSwitcher .item .color6 {
    background-color: #f44336
}

#colorSwitcher .item .color6:hover {
    background-color: #d42d20
}

#colorSwitcher .item .color7 {
    background-color: #acce11
}

#colorSwitcher .item .color7:hover {
    background-color: #94b20e
}

#colorSwitcher .item .color8 {
    background-color: #27c148
}

#colorSwitcher .item .color8:hover {
    background-color: #19cc3f
}

#colorSwitcher .item .color9 {
    background-color: #27bfc1
}

#colorSwitcher .item .color9:hover {
    background-color: #25ccce
}

#colorSwitcher .item .color10 {
    background-color: #3498db
}

#colorSwitcher .item .color10:hover {
    background-color: #2395e1
}

#colorSwitcher .item .color11 {
    background-color: #2a65d0
}

#colorSwitcher .item .color11:hover {
    background-color: #0d57dc
}

#colorSwitcher .item .color12 {
    background-color: #0061b2
}

#colorSwitcher .item .color12:hover {
    background-color: #006ac2
}

#colorSwitcher .item .color13 {
    background-color: #c651d0
}

#colorSwitcher .item .color13:hover {
    background-color: #d75ee1
}

#colorSwitcher .item .color14 {
    background-color: #c12752
}

#colorSwitcher .item .color14:hover {
    background-color: #c61c4b
}

#colorSwitcher .item .color15 {
    background-color: #ed1c24
}

#colorSwitcher .item .color15:hover {
    background-color: #ff232b
}

#colorSwitcher .item .white {
    background-color: #eee
}

#colorSwitcher .item .black {
    background-color: #000
}

.colorSwitcherLoader {
    background-color: rgba(0, 0, 0, .4);
    text-align: center;
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 9999
}

.colorSwitcherLoader svg {
    height: 180px;
    width: 180px;
    margin: auto;
    overflow: visible;
    position: absolute;
    margin-top: -120px;
    top: 50%;
    left: 50%;
    display: none
}

.colorSwitcherLoader.visible svg {
    display: block
}

.bx-soa-pp-company {
    z-index: 1 !important
}

#bx-soa-order * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important
}

#reformal_tab {
    z-index: 9991 !important
}

.sale_order_full_table input[name=BuyButton] {
    margin-bottom: 24px
}

.contactAddress {
    max-width: 160px
}

.microdata {
    display: none
}

.banner-animated .image {
    opacity: 0;
    transform: translate3d(30px, 0, 0);
    transition: all .6s .4s ease-in-out
}

.banner-animated.banner-image-load .image {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.btn-simple-wrap {
    margin-top: 14px
}

.btn-simple {
    position: relative;
    display: inline-block;
    min-width: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 21px 24px 19px;
    font-family: roboto_ltregular;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    -webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
    transition: background .2s ease-in-out, border .2s ease-in-out;
    cursor: pointer;
    text-decoration: none
}

.btn-simple:active {
    top: 1px
}

.btn-simple.btn-black {
    background: #2d2d2d;
    border-color: #2d2d2d
}

.btn-simple.btn-black:hover {
    background: #202020;
    border-color: #202020
}

.btn-simple.btn-black-border {
    background: 0 0;
    border-color: #aaa;
    color: #000
}

.btn-simple.btn-black-border:hover {
    border-color: #000;
    background: 0 0
}

.btn-simple.btn-medium {
    padding: 16px 24px 14px
}

.btn-simple.btn-small {
    min-width: 126px;
    padding: 12px 8px 10px
}

.btn-simple.btn-micro {
    min-width: 114px;
    padding: 6px 8px 4px
}

.btn-simple.add-cart {
    min-width: 90px;
    padding: 4px 8px 3px;
    background: 0 0;
    color: #000;
    border-color: #e7e8ea
}

.btn-simple.add-cart:hover {
    border-color: #000;
    background: 0 0
}

.btn-simple.add-cart.disabled {
    opacity: .5
}

.active-link {
    display: inline-block;
    font-family: robotobold;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px dashed #000;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.active-link:active {
    position: relative;
    top: 1px
}

.inactive-link {
    display: inline-block;
    font-family: robotobold;
    font-size: 14px;
    color: #888;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.inactive-link:active {
    position: relative;
    top: 1px
}

.text-link {
    display: inline-block;
    vertical-align: middle;
    color: #3b3732;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.text-link:active {
    position: relative;
    top: 1px
}

.big-text-link {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #3b3732;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.big-text-link:active {
    position: relative;
    top: 1px
}

.link-dashed {
    display: inline-block;
    font-family: roboto_ltregular;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    border-bottom: 1px dashed #000;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.link-dashed:active {
    position: relative;
    top: 1px
}

.theme-link-dashed {
    display: inline-block;
    font-family: roboto_ltregular;
    font-size: 14px;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.theme-link-dashed:active {
    position: relative;
    top: 1px
}

.tabs-wrap {
    margin: 24px 0
}

.tabs-wrap .tabs-links {
    font-size: 0
}

.tabs-wrap .tab-link {
    display: inline-block;
    vertical-align: top;
    font-size: 14px
}

.tabs-wrap .tab-link:active {
    top: 1px
}

.tabs-wrap .tab-link:last-child {
    margin-right: 0
}

.tabs-wrap .tab-btn-link {
    position: relative;
    display: inline-block;
    min-width: 126px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 6px 6px 0;
    padding: 12px 14px 10px;
    font-family: roboto_ltregular;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #e7e8ea;
    border-radius: 2px;
    color: #888;
    -webkit-transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
    transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
    cursor: pointer;
    text-decoration: none
}

.tabs-wrap .tab-dashed-link {
    position: relative;
    display: inline-block;
    margin: 0 30px 6px 0;
    font-family: robotobold;
    font-size: 14px;
    color: #888;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px dashed transparent;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.tabs-wrap .tab-dashed-link.active {
    color: #000;
    border-color: #000
}

.tabs-wrap .tab-dashed-link.active:hover {
    color: #000;
    border-color: #000
}

.tabs-wrap .tabs-content {
    margin-top: 18px
}

.tabs-wrap .tab-content {
    display: none
}

.tabs-wrap .tab-content.active {
    display: block
}

.consultation-wrap {
    box-sizing: border-box;
    padding: 14px 40px 16px 22px;
    border: 1px solid #e7e8ea;
    background: #fafafa;
    color: #000
}

.consultation-wrap .tb {
    width: 100%
}

.consultation-wrap .image {
    width: 128px
}

.consultation-wrap .consultation-btn-wrap {
    width: 224px;
    text-align: right
}

.consultation-wrap .consultation-heading {
    margin-bottom: 6px;
    font-family: robotomedium;
    font-size: 21px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
    text-decoration: none
}

.consultation-wrap .text {
    max-height: 48px;
    overflow: hidden;
    font-size: 14px;
    line-height: 16px
}

@media screen and (max-width:790px) {
    .consultation-wrap {
        padding: 18px 12px
    }

    .consultation-wrap .tc.image {
        display: none
    }
}

@media screen and (max-width:550px) {
    .consultation-wrap .tc {
        display: block;
        width: 100%;
        text-align: left
    }

    .consultation-wrap .consultation-btn-wrap {
        margin-top: 18px
    }
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex .flex-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(50% - 10px);
    padding: 30px 24px;
    border: 1px solid #e7e8ea
}

@media all and (max-width:750px) {
    .flex .flex-item {
        width: 100%;
        margin-bottom: 12px
    }
}

.h1 {
    display: block;
    margin-bottom: 6px;
    font-family: roboto_ltregular;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    text-decoration: none
}

.h2 {
    display: block;
    margin-bottom: 6px;
    font-family: roboto_ltregular;
    font-size: 21px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
    text-decoration: none
}

.h3 {
    display: block;
    margin-bottom: 6px;
    font-family: roboto_ltregular;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    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;
    max-width: 100%;
    width: auto;
    height: auto
}

.error-wrap {
    margin: 18px 0;
    padding: 48px 42px 36px;
    font-size: 14px;
    line-height: 24px;
    color: #952525;
    border: 1px solid #bc8383
}

.table-simple-wrap {
    overflow: auto
}

.table-simple {
    margin: 18px 0 36px;
    border-collapse: collapse;
    box-sizing: border-box;
    width: 100%;
    min-width: 700px;
    border-spacing: 0;
    table-layout: auto;
    border: 0
}

.table-simple th {
    vertical-align: middle;
    padding: 12px 24px;
    font-family: robotomedium;
    background: #f7f7f7;
    border: 1px solid #e4e4e4
}

.table-simple td {
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #e4e4e4
}

.table-simple td:last-child {
    text-align: center
}

.blockquote-wrap {
    margin: 42px 0 24px;
    padding: 48px 120px 42px 54px;
    background: #f9f9f9
}

.blockquote-wrap blockquote {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 30px;
    color: #888
}

.blockquote-wrap blockquote:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 33px;
    margin-right: 10px;
    background: url(/local/templates/dresscode/images/blockquote.png) center center/contain no-repeat
}

.blockquote-wrap p {
    margin-top: 14px
}

.new-list-items-wrap {
    margin-top: 24px
}

.new-list-items {
    max-width: none;
    margin: 18px -12px 30px;
    font-size: 0
}

.new-list-items>div[id*=bx_incl_area] {
    display: inline-block;
    vertical-align: top;
    width: 33.333%
}

.new-list-items>div[id*=bx_]>.list-item-wrap {
    width: 100%
}

.new-list-items .list-item-wrap {
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    padding: 12px;
    box-sizing: border-box
}

.new-list-items .list-item {
    padding: 24px 18px;
    border: 1px solid #e7e8ea;
    border-radius: 2px
}

.new-list-items .image {
    width: 54px;
    padding-right: 18px
}

.new-list-items .image-container {
    display: block;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.new-list-items .image-container img {
    display: block;
    max-width: 100%
}

.new-list-items .image-container:hover {
    opacity: .9
}

.new-list-items .image-container:active {
    position: relative;
    top: 1px
}

.new-list-items .text {
    color: #000
}

.new-list-items .name {
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 18px;
    max-height: 18px;
    overflow: hidden;
    text-decoration: none;
    color: #000
}

.new-list-items .name:active {
    position: relative;
    top: 1px
}

.new-list-items .price {
    position: relative;
    display: inline-block;
    padding-right: 18px;
    font-size: 18px;
    font-family: robotobold
}

.new-list-items .old-price {
    position: absolute;
    right: 0;
    top: -12px;
    font-size: 13px;
    line-height: 15px;
    font-family: roboto_ltregular;
    font-size: 13px;
    color: #888
}

.new-list-items .active-link {
    text-transform: none;
    font-family: roboto_ltregular
}

.new-list-items .addCart.added {
    color: #888;
    border-color: #888;
    background: 0 0 !important
}

.new-list-items .addCart.added:hover {
    color: #000;
    border-color: #000
}

.price-container .addCart.added:hover {
    border-color: transparent
}

@media screen and (max-width:1600px) {
    .blockquote-wrap {
        margin: 24px 0 18px;
        padding: 30px 30px 36px 42px
    }

    .new-list-items {
        margin: 0 -6px
    }

    .new-list-items .list-item-wrap {
        padding: 6px
    }

    .new-list-items .list-item {
        padding: 12px
    }

    .new-list-items .image {
        padding-right: 12px
    }
}

@media screen and (max-width:1400px) {
    .new-list-items .list-item-wrap {
        width: 50%
    }
}

@media screen and (max-width:1280px) {
    .new-list-items .list-item-wrap {
        width: 33.333%
    }
}

@media screen and (max-width:1100px) {
    .new-list-items .list-item-wrap {
        width: 50%
    }
}

@media screen and (max-width:1024px) {
    .blockquote-wrap blockquote {
        font-size: 16px;
        line-height: 24px
    }

    .detail-text-wrap .h1 {
        font-size: 20px;
        line-height: 24px
    }

    .detail-text-wrap .h2 {
        font-size: 18px;
        line-height: 22px
    }
}

@media screen and (max-width:800px) {
    .blockquote-wrap blockquote:before {
        width: 20px;
        height: 18px
    }

    .blockquote-wrap {
        padding: 18px 12px 18px 24px
    }
}

@media screen and (max-width:790px) {
    .new-list-items {
        margin: -3px
    }

    .new-list-items .list-item-wrap {
        width: 100%;
        padding: 3px
    }

    .new-list-items .list-item {
        padding: 8px
    }
}

@media screen and (max-width:500px) {
    .detail-text-wrap .h1 {
        font-size: 18px;
        line-height: 22px
    }

    .detail-text-wrap .h2 {
        font-size: 16px;
        line-height: 20px
    }

    .detail-text-wrap .h3 {
        font-size: 15px;
        line-height: 18px
    }
}

@media screen and (max-width:400px) {
    .new-list-items .price {
        font-size: 16px
    }

    .new-list-items .name {
        max-height: 36px
    }
}

.gray-bg-text {
    margin-bottom: 24px;
    padding: 30px 24px;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    background: #f9f9f9
}

@media screen and (max-width:1024px) {
    .gray-bg-text {
        padding: 12px
    }
}

.btn-wrap {
    margin-top: 24px;
    font-size: 0
}

.btn-wrap .btn-simple {
    vertical-align: top;
    margin-bottom: 6px;
    margin-right: 6px
}

.active-link {
    display: inline-block;
    font-family: robotobold;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px dashed #000;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.active-link:active {
    position: relative;
    top: 1px
}

.inactive-link {
    display: inline-block;
    font-family: robotobold;
    font-size: 14px;
    color: #888;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.inactive-link:active {
    position: relative;
    top: 1px
}

.text-link {
    display: inline-block;
    vertical-align: middle;
    color: #3b3732;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.text-link:active {
    position: relative;
    top: 1px
}

.big-text-link {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #3b3732;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.big-text-link:active {
    position: relative;
    top: 1px
}

.link-dashed {
    display: inline-block;
    font-family: roboto_ltregular;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    border-bottom: 1px dashed #000;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.link-dashed:active {
    position: relative;
    top: 1px
}

.theme-link-dashed {
    display: inline-block;
    font-family: roboto_ltregular;
    font-size: 14px;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.theme-link-dashed:active {
    position: relative;
    top: 1px
}

.banners-list {
    max-width: none;
    margin: 0 -12px 42px;
    font-size: 0
}

.banners-list .banner-wrap {
    display: inline-block;
    width: 50%;
    padding: 12px;
    box-sizing: border-box;
    vertical-align: top
}

.banner-wrap .banner-elem {
    border: 1px solid #e7e8ea
}

.banner-wrap+.global-block-container .detail-text-wrap {
    margin-top: 0
}

.banner-elem {
    height: 296px;
    overflow: hidden
}

.banner-elem .limiter {
    height: 100%
}

.banner-elem .tb {
    height: 100%
}

.banner-elem .tr {
    display: table-row;
    height: 100%
}

.banner-elem .text-wrap {
    padding-left: 54px;
    color: #000
}

.banner-elem .text-wrap :last-child {
    margin-bottom: 0
}

.banner-elem .date {
    margin-bottom: 6px;
    font-size: 13px;
    color: #000
}

.banner-elem h1 {
    font-size: 36px;
    margin-bottom: 18px;
    line-height: 43px;
    max-height: 86px;
    overflow: hidden
}

.banner-elem .h2 {
    display: inline-block;
    vertical-align: top;
    line-height: 25px;
    max-height: 50px;
    overflow: hidden
}

.banner-elem .price {
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 22px;
    max-height: 22px;
    overflow: hidden
}

.banner-elem .descr {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 15px;
    max-height: 45px;
    overflow: hidden
}

.banner-elem .image {
    width: 55%;
    vertical-align: middle;
    padding-left: 12px;
    font-size: 0;
    line-height: 0;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.banner-elem .image img {
    display: block;
    max-width: 100%;
    max-height: 296px;
    width: auto;
    height: auto;
    margin-left: auto;
    transition: all .4s ease-in-out;
    transform: translate3d(0, 0, 0) scale(1)
}

.banner-elem .image-link {
    display: block;
    width: auto
}

.banner-elem .image-link:hover img {
    transform: translate3d(0, 0, 0) scale(1.02)
}

.banner-elem .image .image-link {
    display: inline-block
}

.banner-elem .image .image-link img {
    display: inline-block;
    margin: auto
}

.banner-elem .social {
    height: 60px;
    margin-top: 12px
}

@media screen and (max-width:1600px) {
    .banners-list {
        margin: 0 -8px 42px
    }

    .banners-list .banner-wrap {
        padding: 8px
    }

    .banner-elem .text-wrap {
        padding-left: 24px
    }

    .banner-elem .image {
        width: 60%
    }
}

@media screen and (max-width:1400px) {
    .banners-list {
        margin: 0 -6px 42px
    }

    .banners-list .banner-wrap {
        padding: 6px
    }

    .banner-elem {
        height: 260px
    }

    .banner-elem .image img {
        max-height: 260px
    }

    .banner-elem .text-wrap {
        padding-left: 18px
    }

    .banner-elem .price {
        font-size: 16px;
        line-height: 20px;
        max-height: 20px
    }

    .banner-elem .social {
        height: 30px
    }
}

@media screen and (max-width:1280px) {
    .banner-elem h1 {
        font-size: 24px;
        margin-bottom: 12px;
        line-height: 29px;
        max-height: 58px
    }
}

@media screen and (max-width:1200px) {
    .banner-elem {
        height: 220px
    }

    .banner-elem .image {
        width: 50%
    }

    .banner-elem .image img {
        max-height: 220px
    }

    .banner-elem .h2 {
        font-size: 18px;
        line-height: 22px;
        max-height: 44px
    }

    .banner-elem .price {
        font-size: 15px;
        line-height: 18px;
        max-height: 18px
    }
}

@media screen and (max-width:1024px) {
    .banners-list {
        margin: 0 -3px 24px
    }

    .banners-list .banner-wrap {
        padding: 3px
    }

    .banner-elem {
        height: 160px
    }

    .banner-elem h1 {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 24px;
        max-height: 48px
    }

    .banner-elem .image {
        width: 55%
    }

    .banner-elem .image img {
        max-height: 160px
    }

    .banner-elem .price {
        display: none
    }
}

@media screen and (max-width:800px) {
    .banners-list .banner-wrap:nth-child(n) {
        width: 100%
    }

    .banner-elem .text-wrap {
        padding-left: 24px
    }

    .banner-elem .image {
        width: 50%;
        text-align: center
    }

    .banner-elem .image img {
        margin: 0 auto
    }
}

@media screen and (max-width:400px) {
    .banner-elem {
        height: 150px
    }

    .banner-elem .h2 {
        font-size: 16px;
        line-height: 20px;
        max-height: 40px
    }

    .banner-elem .price {
        font-size: 14px;
        line-height: 18px;
        max-height: 18px
    }

    .banner-elem .text-wrap {
        padding-left: 12px
    }

    .banner-elem .btn-simple.btn-micro {
        min-width: 100px;
        padding: 3px 8px 3px
    }

    .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;
    left: 0;
    top: 0;
    width: 100%
}

.fullscreen-banner #breadcrumbs+.tb .text-wrap {
    padding: 42px 0 0
}

.fullscreen-banner h1 {
    margin-bottom: 12px
}

.fullscreen-banner .price {
    margin-bottom: 12px;
    font-size: 30px;
    line-height: 36px;
    max-height: 36px
}

.fullscreen-banner .descr {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 24px;
    max-height: 120px
}

.fullscreen-banner .image {
    width: 55%
}

.fullscreen-banner .image img {
    margin: 0 auto;
    max-height: 470px
}

@media screen and (max-width:1600px) {
    .fullscreen-banner {
        height: 440px
    }

    .fullscreen-banner .image img {
        max-height: 440px
    }
}

@media screen and (max-width:1400px) {
    .fullscreen-banner {
        height: 420px
    }

    .fullscreen-banner .price {
        font-size: 24px;
        line-height: 30px;
        height: 30px
    }

    .fullscreen-banner .descr {
        margin-bottom: 18px
    }

    .fullscreen-banner .image {
        width: 50%
    }

    .fullscreen-banner .image img {
        max-height: 420px
    }
}

@media screen and (max-width:1024px) {
    .fullscreen-banner {
        height: 290px
    }

    .fullscreen-banner .image {
        width: 45%
    }

    .fullscreen-banner .image img {
        max-height: 290px
    }

    .fullscreen-banner .descr {
        margin-bottom: 12px;
        line-height: 20px;
        max-height: 80px
    }

    .hide-1024 {
        display: none !important
    }
}

@media screen and (max-width:800px) {
    .fullscreen-banner {
        height: 270px
    }

    .fullscreen-banner .image {
        width: 40%
    }

    .fullscreen-banner .image img {
        max-height: 270px
    }

    .fullscreen-banner .descr {
        max-height: 60px
    }
}

@media screen and (max-width:700px) {
    .fullscreen-banner {
        height: 260px
    }

    .fullscreen-banner .image img {
        max-height: 260px
    }

    .fullscreen-banner #breadcrumbs {
        left: 12px;
        width: auto;
        right: 0;
        margin-top: 12px
    }

    .hide-700 {
        display: none !important
    }
}

@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 {
        display: none;
        max-height: 40px
    }

    .fullscreen-banner .image {
        width: 50%
    }

    .fullscreen-banner .btn-simple {
        padding: 13px 8px 11px
    }

    .hide-500 {
        display: none !important
    }
}

.banner-elem.arbitrary-banner .limiter {
    padding: 0
}

@media screen and (max-width:1600px) {
    .banner-elem.arbitrary-banner {
        height: 420px
    }

    .banner-elem.arbitrary-banner .image img {
        max-height: 420px
    }
}

@media screen and (max-width:1400px) {
    .banner-elem.arbitrary-banner {
        height: 340px
    }

    .banner-elem.arbitrary-banner .image {
        width: 55%
    }

    .banner-elem.arbitrary-banner .image img {
        max-height: 340px
    }
}

@media screen and (max-width:1200px) {
    .banner-elem.arbitrary-banner {
        height: 300px
    }

    .banner-elem.arbitrary-banner .image {
        width: 50%
    }

    .banner-elem.arbitrary-banner .image img {
        max-height: 300px
    }
}

@media screen and (max-width:1024px) {
    .banner-elem.arbitrary-banner {
        height: 260px
    }

    .banner-elem.arbitrary-banner .image {
        width: 55%
    }

    .banner-elem.arbitrary-banner .image img {
        max-height: 260px
    }
}

@media screen and (max-width:800px) {
    .banner-elem.arbitrary-banner {
        height: 250px
    }

    .banner-elem.arbitrary-banner .image {
        width: 50%
    }

    .banner-elem.arbitrary-banner .image img {
        max-height: 250px
    }
}

@media screen and (max-width:700px) {
    #logo {
        text-align: center
    }

    .banner-elem.arbitrary-banner {
        height: auto;
        margin-bottom: 18px;
        border: 1px solid #e7e8ea
    }

    .banner-elem.arbitrary-banner .descr {
        max-height: 80px
    }

    .banner-elem.arbitrary-banner .text-wrap {
        display: block;
        margin-bottom: 6px;
        padding: 12px 12px 0
    }

    .banner-elem.arbitrary-banner h1 {
        margin-bottom: 8px;
        font-size: 18px
    }

    .banner-elem.arbitrary-banner .image {
        display: block;
        width: 100%;
        padding: 0
    }

    .banner-elem.arbitrary-banner .image img {
        max-height: 250px;
        margin: 0 auto
    }

    .banner-elem.arbitrary-banner.banner-no-bg .image img {
        max-height: none
    }
}

@media screen and (max-width:500px) {
    .banner-elem.arbitrary-banner .descr {
        display: block
    }

    .banner-elem.arbitrary-banner h1 {
        font-size: 16px;
        margin-bottom: 8px;
        line-height: 20px;
        max-height: 60px
    }

    .banner-elem.arbitrary-banner .image img {
        max-height: 200px
    }
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.no-margin-right {
    margin-right: 0 !important
}

.no-margin-left {
    margin-left: 0 !important
}

.templateSwitcher {
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 12px rgba(0, 0, 0, .3);
    transform: translateX(500px);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
    overflow: hidden;
    position: fixed;
    z-index: 9998;
    width: 360px;
    height: 100%;
    right: 0;
    top: 0
}

.templateSwitcher.opened {
    transform: translateX(0)
}

.templateSwitcherScroll {
    overflow: auto;
    height: 100%;
    width: 390px
}

.templateSwitcherScrollContainer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 24px 0;
    padding: 0 24px;
    width: 360px
}

.templateSwitcherSettings {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    animation-name: bounceInDown;
    animation-duration: 2s;
    animation-fill-mode: both;
    text-align: center;
    margin-top: -100px;
    line-height: 50px;
    cursor: pointer;
    position: fixed;
    z-index: 9999;
    height: 198px;
    width: 51px;
    right: 0;
    top: 50%
}

.templateSwitcherSettings.active {
    right: 360px
}

.templateSwitcherSettings:hover {
    opacity: .9
}

.templateSwitcherSettings:hover {
    background-color: #2b2b2b
}

.templateSwitcherSettingsPicture {
    background: url(/local/templates/dresscode/images/setting.png) 50% 50% no-repeat transparent;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    vertical-align: middle;
    display: inline-block;
    height: 198px;
    width: 51px
}

.templateSwitcher .switcherList {
    overflow: hidden
}

.templateSwitcher .switcherListItem {
    background-color: #fff;
    border: 1px solid #ff9601;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
    height: 40px
}

.templateSwitcher .switcherListItem:hover {
    border-color: #ffa800
}

.templateSwitcher .switcherListItem.active {
    background-color: #ff9601;
    color: #fff
}

.templateSwitcher .switcherListItem.active a {
    color: #fff
}

.templateSwitcher .switcherListItem:first-child {
    margin-right: 12px
}

.templateSwitcher .switcherListItem a {
    text-decoration: none;
    padding: 0 24px;
    color: #ff9601;
    display: block
}

.templateSwitcher .switcherListItem a:active {
    position: relative;
    top: 1px
}

.templateSwitcher .switcherHeading {
    font-family: robotomedium;
    margin-bottom: 18px;
    padding: 0 24px;
    font-size: 16px
}

.templateSwitcher .switcherBigHeading {
    border-bottom: 1px solid #f3f3f3;
    text-transform: uppercase;
    padding-bottom: 24px;
    margin-bottom: 24px;
    padding-right: 24px;
    padding-left: 24px;
    font-size: 18px
}

.templateSwitcher .switcherBigHeading+.switcherRowBlock {
    padding-top: 0;
    border-top: 0
}

.templateSwitcher .switcherBigHeading .switcherClose {
    text-decoration: none;
    margin-top: -1px;
    font-size: 21px;
    color: red;
    float: right
}

.templateSwitcher .switcherBigHeading .switcherClose:hover {
    opacity: .7
}

.templateSwitcher .switcherBigHeading .switcherClose:active {
    position: relative;
    top: 1px
}

.templateSwitcher .switcherHeading2 {
    font-family: robotomedium;
    margin-bottom: 12px;
    padding: 0 24px
}

.templateSwitcher .switcherRowBlock {
    border-top: 1px solid #f3f3f3;
    padding-top: 24px;
    margin-top: 24px
}

.templateSwitcher .switcherSelect {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f3f3f3;
    cursor: pointer;
    padding: 0 12px;
    outline: 0;
    height: 40px;
    width: 90%
}

.templateSwitcher .switcherIcons {
    margin-bottom: 24px
}

.templateSwitcher .switcherDescription {
    font-size: 13px;
    color: #888
}

.templateSwitcher .switcherBackgroundItems {
    text-align: center;
    overflow: hidden
}

.templateSwitcher .switcherThemes {
    margin-top: 24px;
    overflow: hidden
}

.templateSwitcher .switcherThemesItem {
    display: inline-block;
    margin-bottom: 12px;
    margin-left: 12px;
    height: 30px;
    width: 30px
}

.templateSwitcher .switcherBackgroundItem {
    display: inline-block;
    height: 30px;
    width: 30px
}

.templateSwitcher .switcherBackgroundItem:first-child {
    margin-right: 12px
}

.templateSwitcher .switcherBackgroundItem a,
.templateSwitcher .switcherThemesItem a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 2px;
    display: block;
    height: 30px;
    width: 30px
}

.templateSwitcher .switcherBackgroundItem a:active,
.templateSwitcher .switcherThemesItem a:active {
    position: relative;
    top: 1px
}

.templateSwitcher .switcherBackgroundItem.selected a,
.templateSwitcher .switcherThemesItem.selected a {
    background-image: url(/local/templates/dresscode/images/check.png);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

@keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

.templateSwitcher .switcherThemesItem .color1 {
    background-color: #ff9601
}

.templateSwitcher .switcherThemesItem .color1:hover {
    background-color: #ffb800
}

.templateSwitcher .switcherThemesItem .color2 {
    background-color: #fb9bad
}

.templateSwitcher .switcherThemesItem .color2:hover {
    background-color: #f3889d
}

.templateSwitcher .switcherThemesItem .color3 {
    background-color: #ff855f
}

.templateSwitcher .switcherThemesItem .color3:hover {
    background-color: #e77652
}

.templateSwitcher .switcherThemesItem .color4 {
    background-color: #daa550
}

.templateSwitcher .switcherThemesItem .color4:hover {
    background-color: #e4a540
}

.templateSwitcher .switcherThemesItem .color5 {
    background-color: #b15b49
}

.templateSwitcher .switcherThemesItem .color5:hover {
    background-color: #a05a4b
}

.templateSwitcher .switcherThemesItem .color6 {
    background-color: #f44336
}

.templateSwitcher .switcherThemesItem .color6:hover {
    background-color: #d42d20
}

.templateSwitcher .switcherThemesItem .color7 {
    background-color: #acce11
}

.templateSwitcher .switcherThemesItem .color7:hover {
    background-color: #94b20e
}

.templateSwitcher .switcherThemesItem .color8 {
    background-color: #27c148
}

.templateSwitcher .switcherThemesItem .color8:hover {
    background-color: #19cc3f
}

.templateSwitcher .switcherThemesItem .color9 {
    background-color: #27bfc1
}

.templateSwitcher .switcherThemesItem .color9:hover {
    background-color: #25ccce
}

.templateSwitcher .switcherThemesItem .color10 {
    background-color: #3498db
}

.templateSwitcher .switcherThemesItem .color10:hover {
    background-color: #2395e1
}

.templateSwitcher .switcherThemesItem .color11 {
    background-color: #2a65d0
}

.templateSwitcher .switcherThemesItem .color11:hover {
    background-color: #0d57dc
}

.templateSwitcher .switcherThemesItem .color12 {
    background-color: #0061b2
}

.templateSwitcher .switcherThemesItem .color12:hover {
    background-color: #006ac2
}

.templateSwitcher .switcherThemesItem .color13 {
    background-color: #c651d0
}

.templateSwitcher .switcherThemesItem .color13:hover {
    background-color: #d75ee1
}

.templateSwitcher .switcherThemesItem .color14 {
    background-color: #c12752
}

.templateSwitcher .switcherThemesItem .color14:hover {
    background-color: #c61c4b
}

.templateSwitcher .switcherThemesItem .color15 {
    background-color: #ed1c24
}

.templateSwitcher .switcherThemesItem .color15:hover {
    background-color: #ff232b
}

.templateSwitcher .switcherBackgroundItem .white {
    background-color: #eee
}

.templateSwitcher .switcherBackgroundItem .black {
    background-color: #000
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 1
    }
}

.g--circle {
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
    fill: #1e90ff;
    -webkit-animation: opacity 1.2s linear infinite;
    animation: opacity 1.2s linear infinite
}

.g--circle:nth-child(12n+1) {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s;
    -webkit-transform: rotate(-30deg) translate(5px, 5px) scale(.9);
    transform: rotate(-30deg) translate(5px, 5px) scale(.9)
}

.g--circle:nth-child(12n+2) {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s;
    -webkit-transform: rotate(-60deg) translate(5px, 5px) scale(.9);
    transform: rotate(-60deg) translate(5px, 5px) scale(.9)
}

.g--circle:nth-child(12n+3) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s;
    -webkit-transform: rotate(-90deg) translate(5px, 5px) scale(.9);
    transform: rotate(-90deg) translate(5px, 5px) scale(.9)
}

.g--circle:nth-child(12n+4) {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s;
    -webkit-transform: rotate(-120deg) translate(5px, 5px) scale(.9);
    transform: rotate(-120deg) translate(5px, 5px) scale(.9)
}

.g--circle:nth-child(12n+5) {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s;
    -webkit-transform: rotate(-150deg) translate(5px, 5px) scale(.9);
    transform: rotate(-150deg) translate(5px, 5px) scale(.9)
}

.g--circle:nth-child(12n+6) {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s;
    -webkit-transform: rotate(-180deg) translate(5px, 5px) scale(.9);
    transform: rotate(-180deg) translate(5px, 5px) scale(.9)
}

.g--circle:nth-child(12n+7) {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s;
    -webkit-transform: rotate(-210deg) translate(5px, 5px) scale(.9);
    transform: rotate(-210deg) translate(5px, 5px) scale(.9)
}

.g--circle:nth-child(12n+8) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
    -webkit-transform: rotate(-240deg) translate(5px, 5px) scale(.9);
    transform: rotate(-240deg) translate(5px, 5px) scale(.9)
}

.g--circle:nth-child(12n+9) {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s;
    -webkit-transform: rotate(-270deg) translate(5px, 5px) scale(.9);
    transform: rotate(-270deg) translate(5px, 5px) scale(.9)
}

.g--circle:nth-child(12n+10) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    -webkit-transform: rotate(-300deg) translate(5px, 5px) scale(.9);
    transform: rotate(-300deg) translate(5px, 5px) scale(.9)
}

.g--circle:nth-child(12n+11) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
    -webkit-transform: rotate(-330deg) translate(5px, 5px) scale(.9);
    transform: rotate(-330deg) translate(5px, 5px) scale(.9)
}

.g--circle:nth-child(12n+12) {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
    -webkit-transform: rotate(-360deg) translate(5px, 5px) scale(.9);
    transform: rotate(-360deg) translate(5px, 5px) scale(.9)
}

.g-circles--v1 .g--circle {
    fill-opacity: 0;
    -webkit-animation-name: opacity;
    animation-name: opacity
}

.g-circles--v2 .g--circle {
    fill-opacity: 0;
    stroke-opacity: 0;
    stroke-width: 1;
    stroke: #9acd32;
    -webkit-animation-name: opacity-stroke, colors, colors-stroke;
    animation-name: opacity-stroke, colors, colors-stroke
}

.g-circles--v2 .g--circle .u--circle {
    -webkit-animation: transform-2 1.2s linear infinite;
    animation: transform-2 1.2s linear infinite
}

.g-circles--v2 .g--circle:nth-child(12n+1) .u--circle {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.g-circles--v2 .g--circle:nth-child(12n+2) .u--circle {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.g-circles--v2 .g--circle:nth-child(12n+3) .u--circle {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.g-circles--v2 .g--circle:nth-child(12n+4) .u--circle {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.g-circles--v2 .g--circle:nth-child(12n+5) .u--circle {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.g-circles--v2 .g--circle:nth-child(12n+6) .u--circle {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.g-circles--v2 .g--circle:nth-child(12n+7) .u--circle {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.g-circles--v2 .g--circle:nth-child(12n+8) .u--circle {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.g-circles--v2 .g--circle:nth-child(12n+9) .u--circle {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.g-circles--v2 .g--circle:nth-child(12n+10) .u--circle {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.g-circles--v2 .g--circle:nth-child(12n+11) .u--circle {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.g-circles--v2 .g--circle:nth-child(12n+12) .u--circle {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
}

.g-circles--v3 .g--circle {
    fill-opacity: 1;
    -webkit-animation-name: opacity, colors;
    animation-name: opacity, colors
}

.g-circles--v4 .g--circle {
    fill-opacity: 1;
    fill: orange;
    -webkit-animation-name: opacity, colors-3;
    animation-name: opacity, colors-3
}

.g-circles--v4 .u--circle {
    -webkit-animation: transform 1.2s linear infinite;
    animation: transform 1.2s linear infinite
}

.g-circles--v4 .g--circle:nth-child(12n+1) .u--circle {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.g-circles--v4 .g--circle:nth-child(12n+2) .u--circle {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.g-circles--v4 .g--circle:nth-child(12n+3) .u--circle {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.g-circles--v4 .g--circle:nth-child(12n+4) .u--circle {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.g-circles--v4 .g--circle:nth-child(12n+5) .u--circle {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.g-circles--v4 .g--circle:nth-child(12n+6) .u--circle {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.g-circles--v4 .g--circle:nth-child(12n+7) .u--circle {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.g-circles--v4 .g--circle:nth-child(12n+8) .u--circle {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.g-circles--v4 .g--circle:nth-child(12n+9) .u--circle {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.g-circles--v4 .g--circle:nth-child(12n+10) .u--circle {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.g-circles--v4 .g--circle:nth-child(12n+11) .u--circle {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.g-circles--v4 .g--circle:nth-child(12n+12) .u--circle {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
}

@-webkit-keyframes opacity {
    3% {
        fill-opacity: 1
    }

    75% {
        fill-opacity: 0
    }
}

@keyframes opacity {
    3% {
        fill-opacity: 1
    }

    75% {
        fill-opacity: 0
    }
}

@-webkit-keyframes opacity-stroke {
    10% {
        stroke-opacity: 1
    }

    85% {
        stroke-opacity: 0
    }
}

@keyframes opacity-stroke {
    10% {
        stroke-opacity: 1
    }

    85% {
        stroke-opacity: 0
    }
}

@-webkit-keyframes colors {
    0% {
        fill: #9acd32
    }

    10% {
        fill: gold
    }

    75% {
        fill: #dc143c
    }
}

@keyframes colors {
    0% {
        fill: #9acd32
    }

    10% {
        fill: gold
    }

    75% {
        fill: #dc143c
    }
}

@-webkit-keyframes colors-stroke {
    0% {
        stroke: #9acd32
    }

    10% {
        stroke: gold
    }

    75% {
        stroke: #dc143c
    }
}

@keyframes colors-stroke {
    0% {
        stroke: #9acd32
    }

    10% {
        stroke: gold
    }

    75% {
        stroke: #dc143c
    }
}

@-webkit-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
    }
}

@-webkit-keyframes colors-3 {
    0% {
        fill: #9acd32
    }

    50% {
        fill: #40e0d0
    }

    65% {
        fill: #ff0
    }

    95% {
        fill: orange
    }
}

@keyframes colors-3 {
    0% {
        fill: #9acd32
    }

    50% {
        fill: #40e0d0
    }

    65% {
        fill: #ff0
    }

    95% {
        fill: orange
    }
}

@-webkit-keyframes transform {
    10% {
        -webkit-transform-origin: 70px 70px;
        transform-origin: 70px 70px;
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
}

@keyframes transform {
    10% {
        -webkit-transform-origin: 70px 70px;
        transform-origin: 70px 70px;
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
}

@-webkit-keyframes transform-2 {
    40% {
        -webkit-transform: scale(.85) translate(10px, 10px);
        transform: scale(.85) translate(10px, 10px)
    }

    60% {
        stroke-width: 20
    }
}

@keyframes transform-2 {
    40% {
        -webkit-transform: scale(.85) translate(10px, 10px);
        transform: scale(.85) translate(10px, 10px)
    }

    60% {
        stroke-width: 20
    }
}

 /* .bx-authform-formgroup-container .btn.btn-primary {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    text-align: center;
    line-height: 48px;
    margin-top: 12px;
    cursor: pointer;
    font-size: 14px;
    height: 48px;
    width: 224px;
    border: 0;
    color: #fff;
}

.bx-authform-formgroup-container .bx-filter-param-label input[type=checkbox]+label:before {
    background: url(/bitrix/templates/dresscode/images/checkBox.png) 0 0 no-repeat transparent;
}

.bx-authform-formgroup-container .bx-filter-param-label input[type=checkbox]:not(checked)+label:before, .bx-authform-formgroup-container .bx-filter-param-label input[type=radio]:not(checked)+label:before {
    position: absolute;
    content: " ";
    height: 17px;
    width: 17px;
    left: 0;
    top: 0;
    background: url(/bitrix/templates/dresscode/images/checkBox.png) 0 0 no-repeat transparent;
}

.bx-filter-param-label .checkbox{

} */
/* End */
/* /local/templates/dresscode/fonts/roboto/roboto.min.css?1730283421986 */
/* /local/templates/dresscode/themes/black/red/style.min.css?173157460941885 */
/* /local/templates/dresscode/headers/header7/css/style.min.css?173158242618873 */
/* /local/templates/dresscode/headers/header7/css/types/type1.min.css?173028342165 */
/* /local/templates/dresscode/components/bitrix/menu/topMenu6/style.min.css?1730283421601 */
/* /local/components/dresscode/sale.geo.positiion/templates/.default/style.min.css?173028321910499 */
/* /local/components/dresscode/search.line/templates/version2/style.min.css?17302832197265 */
/* /local/templates/dresscode/components/bitrix/form.result.new/modal/style.min.css?17302834218814 */
/* /local/components/dresscode/compare.line/templates/version4/style.min.css?17302832191085 */
/* /local/components/dresscode/favorite.line/templates/version4/style.min.css?17302832191148 */
/* /local/templates/dresscode/components/bitrix/sale.basket.basket.line/topCart5/style.min.css?17302834211721 */
/* /local/templates/dresscode/components/bitrix/menu/leftMenu/style.min.css?17302834217077 */
/* /local/templates/dresscode/components/bitrix/menu/leftSubMenu/style.min.css?1730283421235 */
/* /local/templates/dresscode/components/bitrix/news.list/leftNews/style.min.css?17302834211321 */
/* /local/templates/dresscode/components/bitrix/subscribe.form/.default/style.min.css?1730283421945 */
/* /local/components/dresscode/products.by.filter/templates/.default/style.min.css?1730283219994 */
/* /local/components/dresscode/catalog.viewed.product/templates/.default/style.min.css?17302832191066 */
/* /local/templates/dresscode/components/bitrix/catalog.bigdata.products/.default/style.min.css?17302834211569 */
/* /local/templates/dresscode/template_styles.min.css?1731587462228679 */