

/* Start:/local/templates/dresscode/fonts/roboto/roboto.css?16994975662457*/
@font-face {
    font-family: 'robotobold';
    src: url('/local/templates/dresscode/fonts/roboto/roboto-bold.eot');
    src: url('/local/templates/dresscode/fonts/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'),
         url('/local/templates/dresscode/fonts/roboto/roboto-bold.woff') format('woff'),
         url('/local/templates/dresscode/fonts/roboto/roboto-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'robotomedium';
    src: url('/local/templates/dresscode/fonts/roboto/roboto-medium.eot');
    src: url('/local/templates/dresscode/fonts/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'),
         url('/local/templates/dresscode/fonts/roboto/roboto-medium.woff') format('woff'),
         url('/local/templates/dresscode/fonts/roboto/roboto-medium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('/local/templates/dresscode/fonts/roboto/robotocondensed-light.eot');
    src: url('/local/templates/dresscode/fonts/roboto/robotocondensed-light.eot?#iefix') format('embedded-opentype'),
         url('/local/templates/dresscode/fonts/roboto/robotocondensed-light.woff') format('woff'),
         url('/local/templates/dresscode/fonts/roboto/robotocondensed-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'roboto_cnregular';
    src: url('/local/templates/dresscode/fonts/roboto/roboto-condensed.eot');
    src: url('/local/templates/dresscode/fonts/roboto/roboto-condensed.eot?#iefix') format('embedded-opentype'),
         url('/local/templates/dresscode/fonts/roboto/roboto-condensed.woff') format('woff'),
         url('/local/templates/dresscode/fonts/roboto/roboto-condensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'roboto_ltregular';
    src: url('/local/templates/dresscode/fonts/roboto/roboto-light.eot');
    src: url('/local/templates/dresscode/fonts/roboto/roboto-light.eot?#iefix') format('embedded-opentype'),
         url('/local/templates/dresscode/fonts/roboto/roboto-light.woff') format('woff'),
         url('/local/templates/dresscode/fonts/roboto/roboto-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'robotoregular';
    src: url('/local/templates/dresscode/fonts/roboto/roboto-regular.eot');
    src: url('/local/templates/dresscode/fonts/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('/local/templates/dresscode/fonts/roboto/roboto-regular.woff') format('woff'),
         url('/local/templates/dresscode/fonts/roboto/roboto-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'roboto_thregular';
    src: url('/local/templates/dresscode/fonts/roboto/roboto-thin.eot');
    src: url('/local/templates/dresscode/fonts/roboto/roboto-thin.eot?#iefix') format('embedded-opentype'),
         url('/local/templates/dresscode/fonts/roboto/roboto-thin.woff') format('woff'),
         url('/local/templates/dresscode/fonts/roboto/roboto-thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

/* End */


/* Start:/local/templates/dresscode/themes/white/vesta/style.css?170108243940375*/
/*
Base color: #01b0cd
Base color hover: #f4a805;
Base color focus: #004a88;
*/
body.index{
	background-color: #f3f3f3;
}

.theme-background-svg{
	fill: #01b0cd;
}

#subHeaderLine.color_theme,
#headerLine .headerLineTools .callBack,
#subHeaderLine.color_theme #subMenu .removedItemsContainer .removedItemsList,
#headerLine2 .callBack,
#headerLine3 .callBack,
#headerLine2.color_theme #subMenu .removedItemsContainer .removedItemsList,
#headerLine3.color_theme #subMenu .removedItemsContainer .removedItemsList,
#headerLine4.color_theme #subMenu .removedItemsContainer .removedItemsList,
#subHeader8.color_theme #subMenu .removedItemsContainer .removedItemsList,
#headerLayout.color_theme,
#headerLine.color_theme,
#topHeader.color_theme,
#topHeader2.color_theme,
#subHeader2.color_theme,
#subHeader3.color_theme,
#subHeader4.color_theme,
#subHeader5.color_theme,
#subHeader6.color_theme,
#subHeader7.color_theme,
#subHeader8.color_theme,
#headerLine2.color_theme,
#headerLine3.color_theme,
#headerLine4.color_theme,
#subHeader.color_theme,
#subHeader.color_black #headerTools .cart ins.active,
#subHeader2 .topCompare .text.active,
#subHeader2 .topWishlist .text.active,
#subHeader2 .cart .heading.active,
#subHeader2.color_black .cart .heading.active,
#subHeader4.color_theme #subMenu .removedItemsContainer .removedItemsList,
#subHeader4.color_theme .topWishlist .value,
#subHeader4.color_theme .topCompare .value,
#subHeader4.color_theme .cart .count,
#subHeader5.color_theme #subMenu .removedItemsContainer .removedItemsList,
#subHeader5.color_theme .topWishlist .value,
#subHeader5.color_theme .topCompare .value,
#subHeader5.color_theme .cart .count,
#subHeader6.color_theme .topWishlist .value,
#subHeader6.color_theme .topCompare .value,
#subHeader6.color_theme .cart .count,
#subHeader7.color_theme .topWishlist .value,
#subHeader7.color_theme .topCompare .value,
#subHeader7.color_theme .cart .count,
#subHeader8.color_theme .cart .count,
#footer.variant_2 #leftFooter,
#footer.variant_4 #leftFooter,
#footer.variant_8 #rightFooter,
#footerLine.color_theme{
	background-color: #01b0cd;
}
#footer.variant_3 #rightFooter {
	background-color: #007B8F;
}
#subHeader.color_black #headerTools .cart ins.active:hover,
#headerLine .headerLineTools .callBack:hover,
#headerLine2 .callBack:hover,
#footer.variant_4 #rightFooter,
#footer.variant_4 #footerBottom{
	background-color: #f4a805;
}

#subHeader.color_black #headerTools .tools .link,
#subHeader2 #topCallback .link,
#subHeader3 .cart .total,
#subHeader3.color_theme .cart .active .count,
#subHeader6 .cart .total,
#subHeader6 .cart .active .count,
#subHeader7 .cart .active .total,
#subHeader7 .firstPhones .callBack,
#subHeader4 #subMenu li .selected,
#subHeader8 #subMenu li .selected,
#subHeader5 .cart .heading .total,
#headerLine #topAuth ul li a,
#headerLine .user-geo-position-value-link,
#headerLine2 .user-geo-position-value-link,
#headerLine2 #subMenu li .selected,
#headerLine2.color_black #subMenu li .selected,
#headerLine3 #subMenu li .selected,
#headerLine3.color_black #subMenu li a.selected,
#headerLine4 #subMenu li .selected,
#footerLine.color_white .item .callback,
#footer.variant_5 #leftFooter .heading,
#footer.variant_5 #rightFooter .email a,
#footer.variant_5 #leftFooter .selected,
#footer.variant_6 #leftFooter .heading,
#footer.variant_6 #rightFooter .email a,
#footer.variant_6 #leftFooter .selected,
#footer.variant_7 #leftFooter .heading,
#footer.variant_7 #rightFooter .email a,
#footer.variant_7 #leftFooter .selected,
#footer.variant_8 #leftFooter .heading,
#footer.variant_8 #leftFooter .selected{
	color: #01b0cd;
}

#footerLine.color_white .item .compare.active,
#footerLine.color_white .item .wishlist.active,
#footerLine.color_white .item .cart.active,
#footerLine.color_white .item .compare.active .mark,
#footerLine.color_white .item .wishlist.active .mark,
#footerLine.color_white .item .cart.active .mark,
#footerLine.color_theme .item .compare.active .mark,
#footerLine.color_theme .item .wishlist.active .mark,
#footerLine.color_theme .item .cart.active .mark{
	color: #01b0cd !important;
}

#headerLine4.color_black #subMenu li a:hover,
#headerLine4.color_black #subMenu li .selected{
	color: #01b0cd !important;
}

#headerLine #topAuth ul li a:hover,
#topHeader.color_default #topMenu li a:hover,
#topHeader.color_default #topMenu li .selected,
#topHeader.color_default #topService > li > a:hover,
#topHeader.color_default .user-geo-position-value-link:hover,
#subHeader.color_black #headerTools .tools .link:hover,
#subHeader2 #topCallback .link:hover,
#subHeader4 #subMenu li a:hover,
#subHeader8 #subMenu li a:hover,
#subHeader5 .cart .heading:hover .total,
#subHeader6 .cart .heading:hover .total,
#subHeader7 .firstPhones .callBack:hover,
#headerLine .user-geo-position-value-link:hover,
#headerLine .user-geo-position-value-link:hover,
#headerLine2 .user-geo-position-value-link:hover,
#headerLine2 #topAuth > ul li a:hover,
#headerLine2 #subMenu li a:hover,
#headerLine3 #subMenu li a:hover,
#headerLine4 #subMenu li a:hover,
#headerLine2.color_black #topAuth > ul li a:hover,
#headerLine2.color_black #subMenu li a:hover,
#headerLine3.color_black #topAuth > ul li a:hover,
#headerLine3.color_black #subMenu li a:hover
#headerLine4.color_black #subMenu li a:hover,
#footerLine.color_white .item .callback:hover,
#footer.variant_5 #leftFooter a:hover,
#footer.variant_5 #rightFooter .email a:hover,
#footer.variant_6 #leftFooter a:hover,
#footer.variant_6 #rightFooter .email a:hover,
#footer.variant_7 #leftFooter a:hover,
#footer.variant_7 #rightFooter .email a:hover,
#footer.variant_8 #leftFooter a:hover{
	color: #f4a805;
}

#headerLine.color_theme .headerLineTools .callBack,
#headerLine2.color_theme .callBack,
#subHeader6.color_theme .callBack{
	background-color: #f4a805;
}

#subHeader3 .cart .order.active,
#subHeader6 .subPhones .callBack{
	border: 1px solid #01b0cd;
	color: #01b0cd;
}

#subHeader6 .subPhones .callBack:hover{
	border: 1px solid #f4a805;
}

#subHeader4 .topCompare .active .value,
#subHeader4 .topWishlist .active .value,
#subHeader4 .cart .active .count,
#subHeader4.color_black .topCompare .active .value,
#subHeader4.color_black .topWishlist .active .value,
#subHeader4.color_black .cart .active .count,
#subHeader5 .topCompare .active .value,
#subHeader5 .topWishlist .active .value,
#subHeader5 .cart .active .count,
#subHeader6 .topCompare .active .value,
#subHeader6 .topWishlist .active .value,
#subHeader6 .cart .active .count,
#subHeader7 .topCompare .active .value,
#subHeader7 .topWishlist .active .value,
#subHeader7 .cart .active .count,
#subHeader8 .cart .active .count{
	border: 2px solid #01b0cd;
	color: #01b0cd;
}

#subHeader3 .cart .active .count,
#subHeader3.color_theme .cart .active .count,
#subHeader3.color_black .cart .active .count{
	background-color: #01b0cd;
}

#subHeader3 .user-geo-position-value-link,
#subHeader6 .user-geo-position-value-link,
#subHeader6 #topAuth > ul li a,
#subHeader6 #topAuth > ul li:first-child:after,
#subHeader6 .subPhones .callBack,
#subHeader8 .telephoneContainer .callBack,
#subHeader3 #topToolsLeft a,
#headerLine4 .user-geo-position-value-link,
#headerLine4 #topAuth ul li a{
	color: #01b0cd;
}

#subHeader3 .user-geo-position-value-link:hover,
#subHeader6 .user-geo-position-value-link:hover,
#subHeader3 #topToolsLeft a:hover,
#subHeader6 #topAuth > ul li a:hover,
#subHeader6 .subPhones .callBack:hover,
#subHeader8 .telephoneContainer .callBack:hover,
#headerLine4 .user-geo-position-value-link:hover,
#headerLine4 #topAuth ul li a:hover{
	color: #f4a805;
}

#subHeader3 #topToolsLeft a:after,
#subHeader3 .user-geo-position-value-link:after,
#headerLine .user-geo-position-value-link:after,
#headerLine #topAuth ul li a:after,
#headerLine2 .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,
#headerLine4 .user-geo-position-value-link:after,
#headerLine4 #topAuth ul li a:after{
	border-bottom: 1px dashed #01b0cd;
}

#subHeader3 #topToolsLeft a:after:hover,
#subHeader3 .user-geo-position-value-link:after:hover,
#headerLine .user-geo-position-value-link:after:hover,
#headerLine #topAuth ul li a:after:hover,
#headerLine2 .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,
#headerLine4 .user-geo-position-value-link:after:hover,
#headerLine4 #topAuth ul li a:after:hover{
	border-bottom: 1px dashed #f4a805;
}

@media all and (max-width: 800px){
	#subHeader6 .user-geo-position-value-link{
		background-color: #f4a805;
	}
}

@media all and (max-width: 420px){

	#headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link{
		color: #f4a805;
	}

	#headerLine4.color_theme #geoPosition.color_default .user-geo-position-value-link:after{
		border-color: #f4a805;
	}

}

#topHeader{
	border-bottom: 1px solid #404040;
	background: #3a3a3a;
}

#topService{
	color: #cccccc;
	border-left: 1px solid #313131;
}

#topService li{
	border-right: 1px solid #313131;
}

#topService li a{
	color: #cccccc;
}

#topService li:hover a:hover{
	color: #f4a805;
}

#topService li a:focus{
	color: #004a88;
}

#topService .selected{
	color: #f4a805;
}

#subHeader{
	background: #ffffff;
	border-bottom: 1px solid #eaeaea;
}

#logo{
	border-left: 1px solid #f6f6f6;
	border-right: 1px solid #f6f6f6;
}

#topHeading{
	border-right: 1px solid #f6f6f6;
}

#topHeading p{
	color: #000000;
}

#headerTools{
	border-right: 1px solid #f6f6f6;
}

#headerTools .tools .heading{
	color: #000000;
}

#headerTools .tools .link{
	color: #01b0cd;
}

#headerTools .tools .link:hover{
	color: #f4a805;
}

#headerTools .tools li{
	border-left: 1px solid #f6f6f6;
}

#headerTools .text{
	color: #000000;
}

#headerTools .telephone .icon{
	background: url(/local/templates/dresscode/themes/white/vesta/images/callbackHead.png) 0 0 no-repeat transparent;
}

#headerTools .telephone .icon:hover{
	background: url(/local/templates/dresscode/themes/white/vesta/images/callbackHead.png) -35px 0 no-repeat transparent;
}

#headerTools .search .icon{
	background: url(/local/templates/dresscode/themes/white/vesta/images/searchHead.png) 0 0 no-repeat transparent;
}

#headerTools .search .icon:hover{
	background: url(/local/templates/dresscode/themes/white/vesta/images/searchHead.png) -35px 0 no-repeat transparent;
}

#headerTools .wishlist .icon{
	background: url(/local/templates/dresscode/themes/white/vesta/images/wishlistHead.png) 0 0 no-repeat transparent;
}

#headerTools .wishlist .icon.active{
	background: url(/local/templates/dresscode/themes/white/vesta/images/wishlistHead.png) -36px 0 no-repeat transparent;
}

#headerTools .wishlist .icon.active:hover{
	background-position: -72px 0;
}

#headerTools .compare .icon{
	background: url(/local/templates/dresscode/themes/white/vesta/images/compareHead.png) 0 0 no-repeat transparent;
}

#headerTools .compare .icon.active{
	background: url(/local/templates/dresscode/themes/white/vesta/images/compareHead.png) -35px 0 no-repeat transparent;
}

#headerTools .compare .icon.active:hover{
	background: url(/local/templates/dresscode/themes/white/vesta/images/compareHead.png) -70px 0 no-repeat transparent;
}

#headerTools .cart .icon{
	background: url(/local/templates/dresscode/themes/white/vesta/images/cartHead.png) 0 0 no-repeat transparent;
}

#headerTools .cart .icon.active{
	background: url(/local/templates/dresscode/themes/white/vesta/images/cartHead.png) -44px 0 no-repeat transparent;
}

#headerTools .cart .icon.active:hover{
	background: url(/local/templates/dresscode/themes/white/vesta/images/cartHead.png) -88px 0 no-repeat transparent;	
}

#headerTools .cart ins{
	background: #f6f6f6;
	color: #888888;
}

#headerTools .cart ins.active{
	color: #f4a805;
}

#changeYouCity{
	background: url(/local/templates/dresscode/themes/white/vesta/images/modalBg.png) 0 0 repeat #232323;
}

#changeYouCity .heading{
	color: #f4a805;
}

#changeYouCity .list li a{
	color: #000000;
}

#changeYouCity .list li a:hover{
	color: #f4a805;
}

#changeYouCity #cityClose{
	background: rgba(0, 0, 0, 0.1);
	border: 1px solid #000000;
	color: #ffffff;
}

#changeYouCity #cityClose:hover{
	color: #f4a805;
}

#changeYouCity #cityClose ins{
	background: url(/local/templates/dresscode/themes/white/vesta/images/exit.png) 0 0 no-repeat transparent;
}

#changeYouCity #cityClose:hover ins{
	background-position: -11px 0px;
}

#changeYouCity #cityClose:active ins{
	background-position: -22px 0px;
}

#left .heading{
	color: #ffffff;
}

#left .opener{
	background: #01b0cd;
}

#left .heading ins{
	background: url(/local/templates/dresscode/themes/white/vesta/images/iconMenu.png) 0 50% no-repeat transparent;
}

#left .sideBlock .heading{
	background-color: #2b2b2b;
}

#left #subscribe .sideBlockContent{
	border: 1px solid #e7e8ea;
}

#left #leftMenu .menuItems a:hover span{
	color: #01b0cd !important;
}

#main.color_white #subLeftMenu a:hover{
	color: #01b0cd !important;
}

#main.color_white #leftMenu .menuItems a:hover{
	color: #01b0cd !important;
}

#left #subscribe .copy{
	color: #888888;
}

#brandSearch td{
	border-left: 1px solid #313131;
	background: #424242;
	color: #ffffff;
}

#brandSearch td a{
	color: #ffffff;
}

#brandSearch td:hover a{
	color: #f4a805;
}

#brandSearch a{
	color: #000000;
}

/* #slider ol li{
	background: url(/local/templates/dresscode/themes/white/vesta/images/slideButton.png) 0 0 no-repeat transparent;
}

#slider ol li:hover{
	background: url(/local/templates/dresscode/themes/white/vesta/images/slideButton.png) -18px 0  no-repeat transparent;
}

#slider ol li:active{
	background: url(/local/templates/dresscode/themes/white/vesta/images/slideButton.png) -36px 0  no-repeat transparent;
}

#slider ol li.selected{
	background: url(/local/templates/dresscode/themes/white/vesta/images/slideButton.png) -54px 0  no-repeat transparent;	
}

#slider ol li.selected:hover{
	background: url(/local/templates/dresscode/themes/white/vesta/images/slideButton.png) -72px 0  no-repeat transparent;	
}

#slider ol li.selected:active{
	background: url(/local/templates/dresscode/themes/white/vesta/images/slideButton.png) -90px 0  no-repeat transparent;	
} */

#popCats .sideBlockContent {
	border: 1px solid #e7e8ea;
	background-color: #ffffff;
}

#popCats li span,
#popCats li a {
	background-color: #e7e8ea;
	color: #000000;
}

#popCats li a:hover {
	background-color: #f4a805;
	border-color: #01b0cd;
	color: #fff;
}

#collectionList .collection .wrap {
	border: 1px solid #cccccc;
	background-color: #ffffff;
}

#collectionList .collection .heading {
	background-color: #ffffff;
	color: #000000;
}

#collectionList .goTo {
	border: 1px solid #cccccc;
	background-color: #f7f7f7;
	color: #000000;
}

#collectionList .goTo:hover {
	background-color: #f4a805;
	border-color: #01b0cd;
	color: #ffffff;
}

#right .heading{
	background: #2b2b2b;
	color: #ffffff;
}

#footer{
	background-color: #f9f9f9;
}


/* #catalogLine .viewList .element a{
	background: url(/local/templates/dresscode/themes/white/vesta/images/catalogView.png) 0 0 no-repeat transparent;
} */

#leftFooter{
	background: #2b2b2b;
}

#leftFooter .heading{
	border-bottom: 1px solid #3e3e3e;
	color: #ffffff;
}

#leftFooter ul li{
	border-top: 1px solid #313131;
}

#leftFooter a{
	color: #999999;
}

#leftFooter a:hover{
	color: #01b0cd;
}

#leftFooter .selected{
	color: #01b0cd;
}

#rightFooter{
	background: #202020;
}

#rightFooter .list li{
	color: #888888;
}

#rightFooter .email a{
	color: #ffffff;
}

#rightFooter p{
	color: #888888;
}

#rightFooter .hr{
	border-top: 1px solid #575757;
}

#rightFooter .telephone{
	color: #01b0cd;
}

#rightFooter .email{
	color: #ffffff;
}

#rightFooter .showMap{
	color: #01b0cd;
}

#rightFooter .showMap:hover{
	color: #f4a805;
}

#footerBottom{
	border-top: 3px solid #101010;
	background: #191919;
	color: #ffffff;
}

#appBasketContainer{
	box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
	background-color: #ffffff;
}

#appBasket .heading{
	background-color: #424242;
	color: #ffffff;
}

#appBasket .close{
	background: url(/local/templates/dresscode/themes/white/vesta/images/exit.png) 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;
    color: #ffffff;
}

#appBasket .name{
	color: #000000;
}

#appBasket .name:hover{
	color: #01b0cd;
}

#appBasket .price{
    color: #000000;
}

#appBasket .price .discount {
    color: #888888;
}

#appBasket .plus,
#appBasket .minus{
	background: url(/local/templates/dresscode/themes/white/vesta/images/plusMinus.png) 0 0 no-repeat #424242;
}

#appBasket .plus{
	background-position: 0 -19px;
}

#appBasket .plus:hover{
	background-position: -19px -19px;
}

#appBasket .plus:active{
	background-position: -38px -19px;
}

#appBasket .minus:hover{
	background-position: -19px 0x;
}

#appBasket .minus:active{
	background-position: -38px 0px;
}

#appBasket .qty{
	background-color: #e7e8ea;
	color: #000000;
}

#appBasket .sum{
	background-color: #fbfbfb;
}

#appBasket .sum .discount{
	color: #888888;
}

#appBasket .lower{
	background-color: #424242;
}


#appBasket .lower .tools .icon{
	border-right: 1px solid #4c4c4c;
}

#appBasket .lower .tools .icon:hover{
	background: #2b2b2b;
}

#appBasket .lower .tools .continue{
	border-right: 1px solid #4c4c4c;
}

#appBasket .lower .tools .continue a, 
#appBasket .lower .tools .goToBasket a{
	color: #ffffff;
}

#appBasket .lower .tools .goToBasket{
	background-color: #01b0cd;
}

#appBasket .lower .tools .goToBasket:hover{
	background-color: #f4a805;
}

#appBasket .lower .tools .continue:hover{
	background: #2b2b2b;
}

#appFastBuyContainer  .heading{
	background-color: #424242;
	color: #ffffff;
}

#appFastBuyContainer input{
	background-color: #f3f3f3;
	color: #000000;
}

#appFastBuyContainer textarea{
	background-color: #f3f3f3;
}

#appFastBuyContainer input:focus, 
#appFastBuyContainer textarea:focus{
	background-color: #e9e9e9;
}

#appFastBuyContainer input.error,
#appFastBuyContainer textarea.error{
	border: 1px solid #ff0000;
}

#appFastBuyContainer #fastBuyFormSubmit{
	background-color: #01b0cd;
	color: #ffffff;
}

#appFastBuyContainer #fastBuyFormSubmit:hover{
	background-color: #f4a805;
}

#appFastBuyContainer #fastBuyFormSubmit.loading{
	background: url(/local/templates/dresscode/themes/white/vesta/images/loading.gif) 24px 50% no-repeat #f4a805 !important;
}

#fastBuyResult #fastBuyResultClose{
	background-color: #01b0cd;
	color: #ffffff;
}

#fastBuyResult #fastBuyResultClose:hover{
	background-color: #f4a805;
}

#appFastBuyContainer .marker {
	background-color: #424242;
	color: #ffffff;
}


#appFastBuyContainer .name{
	color: #000000;
}

#appFastBuyContainer  .name:hover{
	color: #01b0cd;
}

#appFastBuyContainer .price{
	color: #000000;
}

#appFastBuyContainer .price .discount{
	color: #888888;
}

#appFastView .appFastViewExit, 
#fastViewStores .fastViewStoresExit{
	background: url(/local/templates/dresscode/themes/white/vesta/images/exit.png) 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/white/vesta/images/exit2.png) 0 0 no-repeat transparent;
}

#appProductPriceVariant .appPriceVariantExit:hover{
	background-position: 0 -21px ;
}

#appProductPriceVariant .appPriceVariantExit:active{
	background-position: 0 -42px ;
}

#footerTabsCaption{
	padding: 50px 0 40px;
	background-color: #fff;
}

#footerTabsCaption .item {
}

#footerTabsCaption .item a {
	display: block;
	padding: 8px;
	color: #262626;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-decoration: none;
}

#footerTabsCaption .item .selected{
	border-bottom: 4px solid #1FBFD9;
	font-weight: 600;
}

#footerTabs{
	padding-bottom: 50px;
	background-color: #fff;
}

#footerLine{
	background-color: #2b2b2b;
	border-top: 2px solid #202020;
	box-shadow: 1px 1px 12px #000000;
}

#footerLine .item .callback{
	color: #01b0cd;
}

#footerLine .item .icon{
}

#footerLine .item .active .icon svg path{
	fill: #F97310;
}

#footerLine .item .callback:hover{
	color: #f4a805;
}

#footerLine .callback:hover .icon{
	background-position: -21px 0;
}

#footerLine .item .compare .mark,
#footerLine .item .wishlist .mark,
#footerLine .item .cart .mark{
	background-color: #313131;
	color: #888888;
}

#footerLine .item .compare .icon{
}

#footerLine .item .compare.active .icon{
}

#footerLine .item .compare.active:hover .icon{
}

#footerLine .item .compare:hover,
#footerLine .item .wishlist:hover,
#footerLine .item .cart:hover{
	color: #888888;
}

#footerLine .item .compare.active,
#footerLine .item .wishlist.active,
#footerLine .item .cart.active,
#footerLine .item .compare.active .mark,
#footerLine .item .wishlist.active .mark,
#footerLine .item .cart.active .mark{
	color: #01b0cd;
}

#footerLine .item .compare.active:hover,
#footerLine .item .wishlist.active:hover,
#footerLine .item .cart.active:hover,
#footerLine .item .compare.active:hover .mark,
#footerLine .item .wishlist.active:hover .mark,
#footerLine .item .cart.active:hover .mark{
	color: #f4a805;
}

#footerLine .item a{
	color: #888888;
}

#footerLine .item a:hover{
	color: #ffffff;
}

#authMenu{
	border-bottom: 1px solid #e7e8ea;
}

#authMenu li a{
	color: #000000;
}

#authMenu li a:hover{
	color: #01b0cd;
}

#authMenu li .selected{
	border-bottom: 1px dashed #000000;
}

#authMenu li .selected:hover{
	color: #000000;
}

#empty .emptyWrapper{
	border-bottom: 1px solid #e7e8ea;
}

#empty p a{
	border-bottom: 1px dashed #000000;
}

#empty p a:hover{
	border-bottom: 1px dashed #01b0cd;
}

#empty a{
	color: #000000;
}

#empty a:hover{
	color: #01b0cd;
}

#empty .back{
	border-bottom: 1px dashed #01b0cd;
	color: #01b0cd;
}

#empty .back:hover{
	color: #f4a805;
}

.product.last{
	background: #f9f9f9;
}

.product .tabloid{
	background-color: #ffffff;
}

.product .marker {
	background-color: #424242;
	color: #ffffff;
}

.product .name{
	color: #000000;
}

.product .name:hover{
	color: #01b0cd;
}

.product .price{
	color: #000000;
}

.product .price .discount{
	color: #888888;
}

.product .addCart{
	background: #F97310;
	color: #ffffff!important;
}
.product .addCart > span {
	color: #ffffff!important;
}

/* .product .addCart:hover{
	background-color: #f4a805;
} */

.product .label{
	color: #717171;
}

.product .label:hover{
	color: #000000;
}

.product .skuPropertyName{
	color: #888888;
}

.product .skuProperty .selected .skuPropertyLink{
	border: 1px solid #01b0cd;
}

.product .skuPropertyLink{
	border: 1px solid #dddddd;
	color: #000000;
}

.product.last .showMore{
	color: #000000;
}

.product.last .showMore:hover{
	color: #01b0cd;
}

.addCart.added{
	background: #2b2b2b !important;
}

.addCart.added:hover{
	background: #3b3b3b !important;
}

.sideBlock .heading{
	background-color: #424242;
}

.heading.collapsed{
	color: #ffffff;
}

.heading.collapsed ins{
	background: url(/local/templates/dresscode/themes/white/vesta/images/iconMenu.png) 50% 50% no-repeat #01b0cd;
	border-right: 1px solid #01b0cd;
}

.heading.orange{
	background: #01b0cd;
}

.mfeedback input, .mfeedback textarea{
	background-color: #f3f3f3;
	color: #000000;
}

.mfeedback input:focus,
.mfeedback textarea:focus{
	background-color: #eeeeee;
}

.mfeedback input[type="submit"]{
	background-color: #01b0cd;
	color: #ffffff;
}

.mfeedback input[type="submit"]:hover{
	background-color: #f4a805;
}

.bx-auth .alert{
	border: 1px solid #e7e8ea;
	background-color: #f3f3f3;
}

.bx-auth .alert.alert-danger{
	border: 1px solid #ff0000;
	background-color: #ffffff;
}

.bx-auth .alert.small{
	color: #000000;
}

.bx-authform-label-container{
	color: #333333;
}

.bx-auth .registerText{
	border-bottom: 1px solid #e7e8ea;
}

.bx-auth input.error{
	border: 1px solid #ff0000 !important;
}

.bx-auth input[type="text"],
.bx-auth input[type="password"] {
	background-color: #f3f3f3;
}

.bx-auth input[type="text"]:focus,
.bx-auth input[type="password"]:focus {
	background-color: #eeeeee;
}

.bx-auth .submit,
.popup-window .btn {
	background: #01b0cd;
	color: #ffffff;
}

.bx-auth .submit:hover, 
.popup-window .btn:hover {
	background: #f4a805;
}

.bx-auth .clear{
	border: 1px solid #e7e8ea;
	color: #000000;
}

.bx-auth .clear:hover {
	border: 1px solid #cccccc;
}

.bx-auth .forgot, .bx-auth .registerLink{
	color: #000000;
}

.bx-auth .forgot:hover, .bx-auth .registerLink:hover{
	color: #01b0cd;
}

.blackLink, .backToIndexPage{
	color: #000000;
}

.blackLink:hover, .backToIndexPage:hover{
	color: #01b0cd;
}

.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: #ffffff !important;
}

.contactList a{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	color: #000000;
}

.contactList a:hover{
	color: #01b0cd;
}

@media all and (max-width: 1200px) {

	/* #catalogLineList .column:last-child{
		background-color: #f9f9f9;
	} */

}

@media all and (max-width: 700px) {

	.copyright{
	    border-left: 1px solid #313131;
	    border-right: 1px solid #313131;
	}
}

#ORDER_CONFIRM_BUTTON{
    background: #f4a805 !important;
}

.addCart.disabled{
	background-color: #cccccc !important;
	border: 1px solid #e7e8ea;
}

.sale_order_full_table input[name="BuyButton"],
.sale_order_full_table input[type="submit"]{
	background-color: #01b0cd;
	color: #ffffff;
}

.sale_order_full_table input[name="BuyButton"]:hover,
.sale_order_full_table input[type="submit"]:hover{
	background-color: #f4a805;
}

/* components colors */
/*breadcrumbs*/
#breadcrumbs{
	color: #999999;
}

#breadcrumbs ul li a{
	color: #000000;
}

#breadcrumbs ul li a:hover{
	color: #888888;
}

#breadcrumbs .arrow{
	color: #888888;
}

/*end breadcrumbs*/
/*section.list.default*/
#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: #ffffff;
}

#catalogSection .sectionItems .item .itemContainer .bigTitle{
	color: #000000;
}

#catalogSection .sectionItems .item .itemContainer .bigTitle:hover{
	color: #01b0cd;
}

#catalogSection .sectionItems .item .itemContainer .description{
	color: #888888;
}

#catalogSection .sectionItems .item .itemContainer .sectionList .section a{
	border-bottom: 1px solid #e7e8ea;
	color: #000000;
}

#catalogSection .sectionItems .item .itemContainer .sectionList .section a:hover{
	border-bottom: 1px solid #e7e8ea;
	color: #888888;
}

/*end section.list.default*/
/*section.list.cast*/

#sectionList .tabloid{
	border: 1px solid #e7e8ea;
	background: #ffffff;
}

#sectionList .tabloid .name{
	color: #000000;
}

#sectionList .tabloid .name:hover{
	color: #f4a805;
}

#sectionList .tabloid .marker {
	background-color: #424242;
	color: #ffffff;
}

#sectionList .item:hover .tabloid{
	box-shadow: 1px 1px 12px rgba(0,0,0,0.1);
	border: 1px solid #dddddd;
}

#sectionList .element .name:hover{
	color: #f4a805;
}

/*end section.list.cast*/


/*catalog.element*/
#elementSmallNavigation .tab{
	border-right: 1px solid #e7e8ea;
}

#elementSmallNavigation .tab.active a{
	color: #01b0cd;
}

#elementSmallNavigation .tab.active span{
	border-bottom: 1px dashed #01b0cd;
}

#elementTools .addCart,
#smallElementTools .addCart{
	background: #01b0cd;
}

#elementTools .addCart:hover,
#smallElementTools .addCart:hover{
	background-color: #f4a805;
}

#elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{
	border: 1px solid #01b0cd;
}

.elementProperties a:hover{
	color: #01b0cd;
}

#elementProperties .stats a:hover{
	color: #01b0cd;
}

#files .item .info .name:hover{
	color: #01b0cd;
}

/*reviews*/

#catalogReviews .heading .reviewAddButton:hover{
	border-color: #01b0cd;
	color: #01b0cd;
}
#showallReviews:hover{
	color: #01b0cd;
}
#catalogElement #newReview .usedSelect li a.selected {
	background: #01b0cd;
}

/*set*/
#set .setTools .addCart{
	background: #01b0cd;
}

#set .setTools .addCart:hover{
	background-color: #f4a805;
}

#set .setElement .name:hover{
	color: #01b0cd;
}

#setWindowPrice .addCart{
	background: #01b0cd;
}

#setWindowPrice .addCart:hover{
	background-color: #f4a805;
}
/*end.catalog.element*/

/* catalog.section */
#catalogLineList .name:hover{
	color: #01b0cd;
}

#catalogLineList .addCart{
	background: #01b0cd;
}

#catalogLineList .addCart:hover{
	background-color: #f4a805;
}

#catalogLineList .skuProperty .selected .skuPropertyLink{
	border: 1px solid #01b0cd;
}

#catalogLineList .prop a:hover{
	color: #01b0cd;
}

/* table */

#catalogTableList .name:hover{
	color: #f4a805;
}

#catalogTableList .addCart,
#catalogTableList .more{
	background-color: #01b0cd;
}

#catalogTableList .addCart:hover,
#catalogTableList .more:hover{
	background-color: #f4a805;
}

/* end.catalog.section
/*smart filter */

#smartFilter .showALL {
	color: #01b0cd;
}

#smartFilter .showALL:hover{
	color: #f4a805;
}

#smartFilter .radio label:hover,
#smartFilter .checkbox  label:hover{
	color: #01b0cd;
}

#smartFilter .dropdownList .selected,
#smartFilter .dropdownList .item:hover {
	background-color: #f4a805;
}

#smartFilter .handler {
	background: url(/local/templates/dresscode/themes/white/vesta/images/handlerActive.png) 0 0 no-repeat transparent;
}

/* #set_filter {
	background-color: #01b0cd;
} */

#set_filter:hover{
	background-color: #f4a805;
}


#smartFilter .checkboxList .selected .icon,
#smartFilter .dropdown .selected .icon  {
	border-color: #01b0cd;
}

#smartFilter .hint {
	background: url(/local/templates/dresscode/themes/white/vesta/images/question.png) 0 0 no-repeat transparent;
}

#smartFilter .hintValue .close {
    color: #01b0cd;
}

#smartFilter .hintValue .close:hover {
	color: #f4a805;
}


#smartFilter input[type="submit"],
#smartFilter input[type="reset"],
#smartFilter button {
	border: 1px solid #01b0cd;
	background-color: #01b0cd;
}

#smartFilter input[type="submit"]:hover,
#smartFilter button:hover {
	background-color: #f4a805;
}

#modef {
    background: url(/local/templates/dresscode/themes/white/vesta/images/modef.png) 0 0 no-repeat;
}

/* end smart filter */

/* menu */
#topMenu li a:hover{
	color: #f4a805;
}

#topMenu li .selected{
	color: #f4a805;
}

#topMenu .bar > a{
	background: url(/local/templates/dresscode/themes/white/vesta/images/menuMore.png) 0 50% no-repeat transparent;
}

#topMenu .bar > a:hover, #topMenu .bar.active > a{
	background: url(/local/templates/dresscode/themes/white/vesta/images/menuMore.png) -21px 50% no-repeat transparent;
}

#topMenu .sub li:hover a{
	color: #f4a805;
}

#personalMenu li a:hover{
	color: #01b0cd;
}

#subLeftMenu .selected a{
	color: #f4a805;
}

/* end menu */

/* news */

#newsDetail .more{
	background: #01b0cd;
}

#newsDetail .more:hover{
    background-color: #f4a805;
}

#newsContainer .column .item .title a:hover{
	color: #01b0cd;
}

#newsContainer .column .item .more{
	background: #01b0cd;
}

#newsContainer .column .item .more:hover{
    background-color: #f4a805;
}

#newsContainer .column .item .title a:hover{
	color: #01b0cd;
}

#newsContainer .column .item .more{
	background: #01b0cd;
}

#newsContainer .column .item .more:hover{
    background-color: #f4a805;
}

.backToList:hover{
	color: #01b0cd;
}

#brandList .name:hover{
    color: #f4a805;
}

#newsContainer .column .item .title a:hover{
	color: #01b0cd;
}

#newsContainer .column .item .more{
	background: #01b0cd;
}

#newsContainer .column .item .more:hover{
    background-color: #f4a805;
}

#collectionBlock .name:hover{
	color: #f4a805;
}

#collectionBlock .link{
	color: #f4a805;
}

#newsBlock .newsTitle:hover {
	color: #01b0cd;
}

#serviceBlock .name:hover{
	color: #f4a805;
}

#serviceBlock .link{
	color: #f4a805;
}

/* end news */

/* order cancel */

.bx_my_order_cancel a:hover{
	color: #01b0cd;
}

.bx_my_order_cancel  input[type="submit"]{
	background:#01b0cd;
}

.bx_my_order_cancel  input[type="submit"]:hover 	{
	background: #f4a805;
}
.bx_my_order_cancel  input[type="submit"]:active {
	background: #f4a805;
}

input[name="BuyButton"]{
	background-color: #01b0cd;
}

.bx_my_order_switch .bx_mo_link:hover{
	color: #01b0cd;
}
/* end order cancel */
/* #subscribe */

#subscribeEdit a:hover{
	color: #01b0cd;
}

#subscribeEdit .submit {
	background: #01b0cd;
}

#subscribeEdit .submit:hover {
	background: #f4a805;
}

#subscribe .submit{
	background-color: #f4a805;
}

#subscribe .submit:hover{
	background-color: #f4a805;
}

/* end #subscribe */


#brandList .name:hover{
    color: #f4a805;
}

#brandList .last .showMore:hover{
	color: #f4a805;
}

#brandList .last .ps:hover{
    color: #f4a805;
}

#homeCatalog .caption.selected{
	background-color: #01b0cd;
}

#mainProfile .profileSettings .heading {
	color: #01b0cd;
}

#mainProfile .profileSettings .submit {
	background: #01b0cd;
}

#mainProfile .profileSettings .submit:hover {
	background: #f4a805;
}

#main input[name="BuyButton"],
#main input[type="submit"]{
	background-color: #01b0cd;
}

#main input[name="BuyButton"]:hover,
#main input[type="submit"]:hover{
	background-color: #f4a805;
}

#newOrder{
	background-color: #01b0cd;
}

#newOrder:hover{
	background-color: #f4a805;
}

#orderSuccess a{
	color: #01b0cd;
}

#orderSuccess a:hover{
	color: #f4a805;
}

#personalCart #basketView .item a{
	background: url(/local/templates/dresscode/themes/white/vesta/images/cartView.png) 0 0 no-repeat transparent;
}

#personalCart #tabsControl .item a:hover{
	color: #01b0cd;
}

#personalCart #tabsControl .item .selected:hover{
	border-bottom: 1px dashed #01b0cd;
}

#personalCart .productTable .clear a:hover {
	color: #01b0cd;
}

#personalCart .productTable .name a:hover {
	color: #01b0cd;
}

#orderMake{
	background-color: #01b0cd;
}

#orderMake:hover{
	background-color: #f4a805;
}

.orderLoad {
	background: url(/local/templates/dresscode/themes/white/vesta/images/orderLoad.gif) 24px 50% no-repeat #01b0cd !important;
}

#wishlist .prop a:hover{
	color: #f4a805;
}

#popSection .name:hover{
    color: #01b0cd;
}

#popSection .last .showMore:hover{
	color: #01b0cd;
}

#popSection .last .ps:hover{
    color: #01b0cd;
}

#storesList .storesListTableLink,
#storeDetail .storesMoreLink{
	color: #01b0cd;
}

#storeDetail .showByMapLink{
	color: #000000;
}

#storesList .storesListTableLink:hover,
#storesList .storesListTableMailLink:hover,
#storeDetail .storesMoreLink:hover,
#storeDetail .showByMapLink:hover{
	color: #f4a805;
}

#complect .complectListItemLink{
	color: #000000;
}

#complect .complectListItemLink:hover{
	color: #f4a805;
}

#complect .complectResultEconomyValue{
	color: #ff305c;
}

#appFastView .addCart,
#geo-location-window .geo-location-window-button{
	background: #01b0cd;
}

#appFastView .addCart:hover,
#geo-location-window .geo-location-window-button:hover{
	background-color: #f4a805;
}

#geo-location-window .geo-location-window-list-item .selected span{
	border-bottom: 1px dashed #01b0cd;
	color: #01b0cd;
}

#geo-location-window .geo-location-window-list-item a:hover{
	color: #01b0cd;
}

.information-feedback,
.shop-review-top-new-button{
	border: 1px solid #01b0cd;
	color: #01b0cd;
}

.information-feedback:hover,
.shop-review-top-new-button:hover{
	border: 1px solid #ff7300;
	color: #ff7300;
}

.webFormTools input[type="submit"] {
    background-color: #01b0cd;
}

.webFormTools input[type="submit"]:hover {
    background-color: #f4a805;
}

#bx-soa-order-form .bx-blue .btn.btn-default {
	background-color: #01b0cd;
	border: 1px solid #ff7300;
	color: #ffffff;
}

#bx-soa-order-form textarea{
	outline: none;
}

#bx-soa-order-form a{
	color: #01b0cd;
}

#bx-soa-order-form a:hover{
	color: #01b0cd;
}

#bx-soa-order-form .bx-sls .quick-location-tag, .bx-slst .quick-location-tag{
	color: #23527c;
}

#bx-soa-order-form .bx-blue .btn.btn-default:hover{
	background-color: #f4a805;
}

#appProductPriceVariant .linkMore{
	background: #01b0cd;
}

#appProductPriceVariant .linkMore:hover{
	background-color: #f4a805;
}

#requestPrice #requestPriceSubmit,
#requestPrice #requestPriceResultClose,
#compareBlock .leftTools .all,
#compareTools .hide,
#scrollTable .addCart,
#scrollTable .addSku,
#specialProduct .specialTimeItem,
#specialProduct .more,
#slider .sliderContent .cButton{
	background-color: #F97310;
	border-radius: 5px;
}

#requestPrice #requestPriceSubmit:hover,
#requestPrice #requestPriceResultClose:hover,
#compareBlock .leftTools .all:hover,
#compareTools .hide:hover,
#scrollTable .addCart:hover,
#specialProduct .more:hover,
#slider .sliderContent .cButton:hover{
	background-color: #f4a805;
}

#requestPrice .productNameBlock .productUrl:hover,
#scrollTable a.name:hover{
	color: #f4a805;
}

#requestPrice #requestPriceSubmit.loading {
    background: url(/local/templates/dresscode/themes/white/vesta/images/loading.gif) 24px 50% no-repeat #f4a805 !important;
}

#slider .sliderContent .bigTextColor,
#slider .sliderContent .mediumTextColor,
#slider .sliderContent .smallTextColor,
#slider .sliderContent .bigTextLightColor{
	color: #01b0cd;
}

/*start цвета для новых блоков*/
	.btn-simple { background: #01b0cd; border-color: #01b0cd; }
	.btn-simple:hover { background: #f4a805; border-color: #f4a805; }

	.btn-simple.btn-border { background: transparent; border-color: #01b0cd; color: #01b0cd; }
	.btn-simple.btn-border:hover { color: #f4a805; border-color: #f4a805; }

	.active-link:hover { color: #01b0cd; border-color: #01b0cd; }
	.inactive-link:hover { color: #01b0cd; }
	.text-link:hover { color: #01b0cd; }

	.tiles-list .h3:hover { color: #01b0cd; }
	.tiles-list .tile-wrap:first-child .h3:hover { color: #01b0cd; }

	.theme-color { color: #01b0cd; border-color: #01b0cd; }
	body .theme-color-hover { transition: all 0.2s ease-in-out; }
	body .theme-color-hover:hover { color: #01b0cd; }

	.other-news .name:hover { color: #01b0cd; }

	.big-text-link:hover { color: #01b0cd; }
	.link-dashed:hover { color: #01b0cd; border-color: #01b0cd; }
	.theme-link-dashed { color: #01b0cd; border-color: #01b0cd; }
	.theme-link-dashed:hover { color: #f4a805; border-color: #f4a805; }

	.new-list-items .active-link:hover { color: #f4a805; border-color: #f4a805; }
	.delivery-modal .active-link:hover { color: #f4a805; border-color: #f4a805; }

	.tabs-wrap .tab-btn-link.active { border-color: #01b0cd; background-color: #01b0cd; color: #fff; }
	.tabs-wrap .tab-btn-link.active:hover { border-color: #01b0cd; background-color: #01b0cd; color: #fff; }
	.tabs-wrap .tab-btn-link:hover { border-color: #01b0cd; color: #01b0cd; }
	.tabs-wrap .tab-dashed-link:hover { color: #01b0cd; }

	.bindAction a:hover { color: #f4a805; }

	#catalogElement .dropdownList .selected,
	#catalogElement .dropdownList .item:hover { background-color: #f4a805; }

	.smallSpecialTime .specialTimeItem { background: #01b0cd; }
	.productSpecialTime .specialTimeItem { background: #01b0cd; }
	.fastSpecialTime .specialTimeItem { background: #01b0cd; }

	#skuOffersTable .offersTable .basket .addCart{ background-color: #01b0cd; }
	#skuOffersTable .offersTable .basket .addCart:hover { background-color: #f4a805; }

	#elementContainer .bindActionImage .image{
		background-image: url("/local/templates/dresscode/themes/white/vesta/images/action.png");
	}



/*end цвета для новых блоков*/

/*end*/

::selection {
	background: #eca712;
	color: #fff;
}

::-moz-selection {
	background: #eca712;
	color: #fff;
}

::-webkit-selection {
	background: #eca712;
	color: #fff;
}
/* End */


/* Start:/local/templates/dresscode/js/slick/slick-theme.css?16995295583145*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/local/templates/dresscode/js/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/dresscode/js/slick/./fonts/slick.eot');
    src: url('/local/templates/dresscode/js/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/dresscode/js/slick/./fonts/slick.woff') format('woff'), url('/local/templates/dresscode/js/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/dresscode/js/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/local/templates/dresscode/js/slick/slick.css?16995295581776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/dresscode/headers/header2v3/css/style.css?169961319411188*/
body.index {
  background-color: inherit;
}
#topHeader2V3 > .limiterV3,
#subHeader2V3 > .limiterV3 {
  margin: auto;
  padding: 0px 50px;
  max-width: 1820px;
}
#subHeader2V3 > .limiterV3 {
  padding: 15px 50px;
  border-top: 1px solid #E0E0E0;
}
#topHeader2V3 *, #main *, body,
#subHeader2V3 * {
  color: #262626;
  font-family: Montserrat;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: 0.7s;
}

#footer * {
  font-family: Montserrat;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: 0.7s;
  color: #FFF;

}
#footer .webFormDwModal * {
  color: #888 !important;;
}

#rowFooter {
  /* max-width: 1440px; */
  margin: 0 auto;
}

#footerMenu {
  display: flex;
  flex-wrap: wrap;
}

#footerMenu li {
  display: flex;
  flex-wrap: wrap;
}


#leftFooter .heading {
  border-bottom: 1px solid #1DA9C0;
  font-weight: 700;
  margin-bottom: 10px;
}

#footer .heading {  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: 0.7s;}

 #leftFooter a {font-size: 12px;
    font-style: normal;
    color:#fff;
    font-weight: 400;}

#logoV3 .logo-text {font-weight: 500;
  font-size: 12px;
  font-style: normal;
  margin-left: 8px;}

#topCallback {margin-right: 45px;}
#topHeader2V3 * {
  font-weight: 500;
}
#subHeader2V3 .subTable,
#subHeader2V3 .subTable .subContainer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#topHeader2V3 .price-list {
  border-radius: 10px;
  border: 1px solid #007b8f;
  display: inline-flex;
  padding: 10px 15px;
  align-items: center;
  gap: 10px;
  background: #fff;
  cursor: pointer;
}

.limiterV3 .topWishlistV3{    margin-left: 20px;
}

#topHeader2V3 .price-list::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4.72811 16.137C3.18311 14.591 2.41011 13.819 2.12311 12.816C1.83511 11.813 2.08111 10.748 2.57311 8.619L2.85611 7.391C3.26911 5.599 3.47611 4.703 4.08911 4.089C4.70311 3.476 5.59911 3.269 7.39111 2.856L8.61911 2.572C10.7491 2.081 11.8131 1.835 12.8161 2.122C13.8191 2.41 14.5911 3.183 16.1361 4.728L17.9661 6.558C20.6571 9.248 22.0001 10.592 22.0001 12.262C22.0001 13.933 20.6551 15.277 17.9661 17.966C15.2771 20.657 13.9331 22 12.2621 22C10.5921 22 9.24711 20.655 6.55811 17.966L4.72811 16.137Z" stroke="%23007B8F" stroke-width="1.5"/><path d="M15.3901 15.39C15.9751 14.803 16.0541 13.933 15.5661 13.444C15.0781 12.956 14.2071 13.035 13.6211 13.621C13.0361 14.207 12.1651 14.286 11.6771 13.798C11.1891 13.31 11.2681 12.439 11.8541 11.854M11.8541 11.854L11.5001 11.5M11.8541 11.854C12.1851 11.522 12.6071 11.354 13.0001 11.357M15.7431 15.743L15.3891 15.389C14.9891 15.79 14.4541 15.954 14.0001 15.86" stroke="%23007B8F" stroke-width="1.5" stroke-linecap="round"/><path d="M10.0212 10.2932C10.8023 9.51216 10.8023 8.24583 10.0212 7.46478C9.24016 6.68373 7.97383 6.68374 7.19278 7.46478C6.41173 8.24583 6.41173 9.51216 7.19278 10.2932C7.97383 11.0743 9.24016 11.0743 10.0212 10.2932Z" stroke="%23007B8F" stroke-width="1.5"/></svg>');
  width: 24px;
  height: 24px;
}

#topHeader2V3 .price-list a {
  color: #007b8f;
  text-decoration: none;
}

#topHeader2V3 li::marker {
  content: "";
  padding: 0;
  font-size: 1.2em;
}

.limiterV3 {
  display: flex;
  padding: 0px 50px;
  max-width: 1820px;
  min-width: 300px;
  margin: auto;
  clear: both;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1510px) {
  .limiterV3,
  #subHeader2V3 > .limiterV3,
  #topHeader2V3 > .limiterV3 {
    padding: 0 30px;
    max-width: 1380px;
  }
  #subHeader2V3 > .limiterV3 {
    padding: 15px 30px;
  }
}
@media (max-width: 992px) {
  .limiterV3,
  #subHeader2V3 > .limiterV3,
  #topHeader2V3 > .limiterV3 {
    padding: 0 20px;
    max-width: 728px;
  }
  #subHeader2V3 > .limiterV3 {
    padding: 10px 20px;
  }
}
@media (max-width: 510px) {
  .limiterV3 {
    padding: 0 10px;
  }
  #subHeader2V3 > .limiterV3,
  #subHeader2V3 > .limiterV3 {
    padding: 10px!important;
  }
}
#subHeader2V3 .limiterV3 .infov3 .time,
#subHeader2V3 .limiterV3 .infov3 .address {
  position: relative;
  margin-bottom: 2px;
}
#subHeader2V3 .limiterV3 .infov3 .time::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  left: -34px;
  top:8px;
  position: absolute;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 3C7.03125 3 3 7.03125 3 12C3 16.9688 7.03125 21 12 21C16.9688 21 21 16.9688 21 12C21 7.03125 16.9688 3 12 3Z" stroke="%23007B8F" stroke-width="1.5" stroke-miterlimit="10"/><path d="M12 6V12.75H16.5" stroke="%23007B8F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

#subHeader2V3 .limiterV3 .infov3 .address::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  left: -34px;
  top:8px;
  position: absolute;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="%23007B8F" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="%23007B8F" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

#subHeader2V3 .subTableColumn, #topHeader2V3 .centerColumn {
  display: flex;
  align-items: center;
}

#subHeader2V3 .infov3 {
  flex-wrap: wrap;
  width: 240px;
  margin-left: 126px;
}
@media (max-width:1230px) {
  #subHeader2V3 .infov3 {
    display: none!important;
  }
}
@media (max-width:992px) {
  #topMenuV3 {
    display: none!important;
  }
}
#subHeader2V3 #topCallback a[href^="tel:"] {
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.5;
}

.infov3 {
}

#topSearch3 #searchQuery {
  display: flex;
  width: 100%;
  min-width: 269px;
  height: 50px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #e9fcff;
  box-sizing: border-box;
}
#subHeader2V3 .infov3 .name {
  font-size: 15px;
  font-weight: 600;
}
#subHeader2V3 #logoV3 {
  font-weight: 500;
  font-size: 12px;
  font-style: normal;
  margin-top: 10px;
  text-decoration: none;
}

#subHeader2V3 #logoV3 img {    width: 180px;margin-bottom: 5px;}

#topServiceV3 .heading {
  border-radius: 10px;
  background: #fff1e9;
  width: inherit;
  display: flex;
  align-items: center;
}
.cart .iconV3 {
  background: url(/local/templates/dresscode/images/v3/ion_cart.svg) no-repeat
    50% 50%;
  vertical-align: middle;
  display: inline-block;
  margin-right: 12px;
  position: relative;
  height: 50px;
  width: 26px;
}

#topServiceV3 .cart {
  margin-left: 10px;
}

#subHeader2V3 .nf,
#subHeader2V3 #logoV3,
#subHeader2V3 .infov3 {
  display: flex;
  flex-direction: column;
}

#subHeader2V3 .nf br {
  display: none;
}
#subHeader2V3 #topCallback a[href^="mailto"] {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  margin-top: 4px;
}
#topSearchForm input {border:none}
#topSearchForm .searchContainer {display: flex;background: #e9fcff;border-radius:4px;}
#topSearchForm #goSearch {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M21.5 21L17.157 16.657M17.157 16.657C17.8999 15.9141 18.4892 15.0322 18.8912 14.0615C19.2933 13.0909 19.5002 12.0506 19.5002 11C19.5002 9.94939 19.2933 8.90908 18.8913 7.93845C18.4892 6.96782 17.8999 6.08588 17.157 5.34299C16.4141 4.6001 15.5322 4.01081 14.5616 3.60877C13.5909 3.20672 12.5506 2.99979 11.5 2.99979C10.4494 2.99979 9.40911 3.20672 8.43848 3.60877C7.46785 4.01081 6.58591 4.6001 5.84302 5.34299C4.34269 6.84332 3.49982 8.87821 3.49982 11C3.49982 13.1218 4.34269 15.1567 5.84302 16.657C7.34335 18.1573 9.37824 19.0002 11.5 19.0002C13.6218 19.0002 15.6567 18.1573 17.157 16.657Z" stroke="%23007B8F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></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;
  background-position: 13px 13px;
  border: none;
  width: 50px;

}

#topSearch3 .searchColumn {    vertical-align: middle;
  display: table-cell;}

#subHeader2V3 .subTable,
#subHeader2V3 .subTable .subContainer {
  display: flex;
}
@media (max-width: 992px) {
  #topSearch3 #searchQuery {
    min-width: unset;
  }
}
@media (max-width:880px) {
  #subHeader2V3 .subTable {
    flex-wrap: wrap;
    row-gap: 10px;
  }
  #subHeader2V3 .subTableColumn:last-child {
    width: 100%;
    align-items: center;
  }
  #topCallback {
    margin-right: 0;
  }
  #topSearchLine,
  #topSearch3 .searchColumn:not(:last-child) {
    flex-grow: 1;
  }
  .user-geo-position {
    display: none;
  }
}

#geo-location-window .geo-location-window-list-item a:not(:hover) {
  color: #000000 !important;
}

#topHeader2V3 .user-geo-position-value-link a span {
  font-weight: 700;
}


#main .limiterV3 #catalogMenuHeading,
#main .limiterV3 #catalogMenuHeading1 {
  border-radius: 4px;
  background:#007B8F;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  color:#fff
}

#main.color_white .leftMenu > li:hover, .leftMenu .activeDrop {
  color: #f6f6f6 !important;
}

.limiterV3 #left .heading ins {
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><g clip-path="url(%23clip0_534_3783)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6483 6.76724C10.4793 6.59613 10.2501 6.5 10.0111 6.5C9.77208 6.5 9.54287 6.59613 9.37385 6.76724L4.27516 11.9307C4.18907 12.0149 4.12041 12.1156 4.07317 12.227C4.02594 12.3383 4.00107 12.4581 4.00003 12.5793C3.99899 12.7005 4.0218 12.8207 4.06712 12.9329C4.11244 13.045 4.17936 13.147 4.26399 13.2327C4.34861 13.3184 4.44925 13.3861 4.56001 13.432C4.67078 13.4779 4.78946 13.501 4.90914 13.5C5.02881 13.4989 5.14708 13.4737 5.25705 13.4259C5.36701 13.3781 5.46646 13.3085 5.54961 13.2213L10.0111 8.7032L14.4725 13.2213C14.6425 13.3876 14.8702 13.4796 15.1065 13.4775C15.3428 13.4755 15.5689 13.3795 15.736 13.2102C15.9031 13.041 15.9979 12.8121 16 12.5727C16.002 12.3334 15.9112 12.1029 15.747 11.9307L10.6483 6.76724Z" fill="white"/></g><defs><clipPath id="clip0_534_3783"><rect width="20" height="20" fill="white" transform="matrix(1 0 0 -1 0 20.5)"/></clipPath></defs></svg>')
0 50% no-repeat transparent}
/* End */


/* Start:/local/templates/dresscode/components/bitrix/menu/topMenuV3/style.css?16994975662873*/

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

#topMenuV3 li{
	list-style: none;
	float: left;
	padding: 0;
	margin-left: 25px;
}
#topMenuV3>li {
	position: relative;
	display: flex;
	align-items: center;
}
#topMenuV3 > li .toggler {
	margin-left: 8px;
	display: contents;
	cursor: pointer;
}
#topMenuV3 > li .toggler svg {
	transform: rotate(0);
	transition-duration: 400ms;
}
#topMenuV3 > li.opened > .toggler svg {
	transform: rotate(180deg);
}
#topMenuV3 > li.opened > ul {
	display: block;
}
#topMenuV3 li a{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 30px;
	padding: 0 12px;
	color: #cccccc;
	display: block;
}
#topServiceV3 {display: flex;align-items: center;}
#topServiceV3 .user-geo-position-value-link span {font-weight: 700;}
#topMenuV3 .openEnder{
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

#topMenuV3 .bar{
	position: relative;
	padding: 0 12px;
}

#topMenuV3 .bar > a{
	height: 30px;
	width: 21px;
	padding: 0;
	border: 0;
	display: block;
}

#topMenuV3 .sub{
	position: absolute;
	display: none;
	background: #232323;
	min-width:180px;
	z-index: 99;
	left: -1px;
	top: 30px;
}

#topMenuV3 .sub li{
	border-top: 1px solid rgba(0, 0, 0, 0.149);
	border-bottom: 1px solid #303030;
	display: block;
	float: none;
}


#topMenuV3 .cart {margin-left:10px}

#topMenuV3 .sub li:first-child{
	border-top: 0;
}

#topMenuV3 .sub li:hover{
	background: #1e1e1e;
}

#topMenuV3 .sub li a{
	border: none;
	line-height: 21px;
	padding: 4px 12px;
}

#topMenuV3 .active .sub{
	display: inline-block;
}
#topMenuV3 li:hover > a span { color: #007B8F; }

#topMenuV3 ul {
	position: absolute;
	top: 100%;
	width: 130px;
	background: #fff;
	display: none;
	margin: 0;
	padding: 7px 0;
	list-style: none;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	z-index: 999999;
	padding: 10px 20px;
}
#topMenuV3 ul:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	left: 8px;
	border-width: 0 8px 8px 8px;
	border-style: solid;
	border-color: #fff transparent;
}

#topMenuV3 ul:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	left: 4px;
	border-width: 0 10px 10px 10px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.1) transparent;
}

#topMenuV3 ul li {
	display: block;
	width: 100%;
	font-size: 0.9em;
	text-shadow: 1px 1px 0 #fff;
	margin-left: 0;
}

#topMenuV3 ul li a {
	display: block;
	width: 100%;
	padding: 6px 7px;
	line-height: 1.4em;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	box-sizing: border-box;
}
#topMenuV3 ul li a:hover {
	background: #e9edf3;
}
#topMenuV3 li:hover > ul {
	display: block;
}
/* End */


/* Start:/bitrix/components/dresscode/sale.geo.positiion/templates/.default/style.css?169949749814130*/
.user-geo-position-label{
    margin-right: 6px;
}

.user-geo-position-label,
.user-geo-position-value,
.user-geo-position-value-link{
    vertical-align: middle;
    display: inline-block;
    font-size: 13px;
}

.user-geo-position-value-link{
    vertical-align: middle;
    max-width: 130px;
    overflow: hidden;
}

.user-geo-position-value-link span{
    text-overflow: ellipsis;
    vertical-align: middle;
    display: inline-block;
    white-space: nowrap;
    max-width: 130px;
    overflow: hidden;
}

#geo-location-window{
	-webkit-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    color: #000000;
    overflow: auto;
    z-index: 1000;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    /*display: none;*/
}

#geo-location-window .hidden{
    display: none;
}

#geo-location-window .geo-location-window-container{
	-moz-transform: translateY(-50%)  translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	-webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-name: zoomInLocation;
    animation-name: zoomInLocation;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    min-height: 276px;
    max-height: 500px;
    padding: 0 24px;
    width: 800px;
    left: 50%;
    top: 50%;
}

#geo-location-window .geo-location-window-container-bg{
    box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
    background-color: #ffffff;
}

.geo-location-window-wp{
    vertical-align: middle;
    display: inline-block;
    line-height: 21px;
    width: 100%;
}

#geo-location-window .geo-location-window-heading{
	background-color: #424242;
	position: relative;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	color: #ffffff;
}

#geo-location-window .geo-location-window-list{
    max-height: 180px;
    margin-top: 24px;
    padding: 0 24px;
    overflow: auto;
}

#geo-location-window .geo-location-window-list-item{
    /*text-transform: uppercase;*/
    overflow: hidden;
    float: left;
    width: 25%;
}

#geo-location-window .geo-location-window-list-item a{
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    text-decoration: none;
    line-height: 37px;
    overflow: hidden;
    color: #000000;
    height: 37px;
}

#geo-location-window .geo-location-window-list-item a:active{
    position: relative;
    top: 1px;
}

#geo-location-window .geo-location-window-list-item span{
    vertical-align: middle;
    display: inline-block;
    line-height: 21px;
}

.geo-location-window-search{
    margin-top: 24px;
    padding: 0 24px;
}

.geo-location-window-search-input{
    background: url(/bitrix/components/dresscode/sale.geo.positiion/templates/.default/images/geo-search.png) 12px 50% no-repeat #f6f6f6;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "roboto_ltregular";
    border-radius: 2px;
    padding: 0 42px;
    font-size: 14px;
    height: 48px;
    width: 100%;
}

.geo-location-window-search-input:focus{
    border: 1px solid #aaaaaa;
}

.geo-location-window-city-container{
    text-align: center;
    margin-top: 24px;
}

.geo-location-window-city-label,
.geo-location-window-city-value{
    display: inline-block;
}

.geo-location-window-city-value{
    /*text-transform: uppercase;*/
    font-family: "robotoBold";
}

.geo-location-window-button-container{
    margin-bottom: 24px;
    text-align: center;
    margin-top: 24px;
}

.geo-location-window-button{
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /*text-transform: uppercase;*/
    color: #ffffff !important;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    border-radius: 2px;
    text-align: center;
    position: relative;
    line-height: 50px;
    padding: 0 36px;
    font-size: 14px;
    opacity: 0.9;
    height: 50px;
}

.geo-location-window-button:active{
    position: relative;
    top: 1px;
}

.geo-location-window-button.modifed{
    border-radius: 4px;
    opacity: 1;
}

.geo-location-window-button.disabled{
    pointer-events: none;
    opacity: 0.5;
}

.geo-location-window-button.loading{
    opacity: 0.5;
}

.geo-location-window-button.loading #geo-location-window-fast-loader{
    display: block;
    opacity: 1;
}

.geo-location-window-search-values-cn{
    position: relative;
}

.geo-location-window-search-values{
    position: absolute;
    max-height: 141px;
    overflow: auto;
    z-index: 99;
    width: 100%;
    left: 0px;
    top: 0px;
}

.geo-location-window-search-values .geo-location-list-item{
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-top: 1px solid #e6e6e6;
    background-color: #eeeeee;
}

.geo-location-window-search-values .geo-location-list-item:hover{
    background-color: #e1e1e1;
}

.geo-location-window-search-values .geo-location-list-item:first-child{
    border: none;
}

.geo-location-window-search-values .geo-location-list-item a{
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #000000 !important;
    text-decoration: none;
    line-height: 35px;
    padding: 0 24px;
    display: block;
    height: 35px;
}

.geo-location-window-search-values .geo-location-list-item a:hover{
    opacity: 0.8;
}

.geo-location-window-search-values .geo-location-list-item a:active{
    position: relative;
    top: 1px;
}

#geo-location-window .geo-location-window-exit{
	position: absolute;
	display: block;
	height: 21px;
	width: 21px;
    right: 20px;
    top: 20px;
}

#geo-location-window .geo-location-window-exit{
	background: url(/bitrix/components/dresscode/sale.geo.positiion/templates/.default/images/exit.png) 0 0 no-repeat transparent;
}

#geo-location-window .geo-location-window-exit:hover{
	background-position: 0 -21px ;
}

#geo-location-window .geo-location-window-exit:active{
	background-position: 0 -42px ;
}

#geo-location-ref-window{
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    box-sizing: border-box;
    position: absolute;
    border-radius: 4px;
    text-align: center;
    line-height: 14px;
    padding: 24px;
    display: none;
    width: 280px;
    z-index: 99;
    right: 0px;
    top: 0px;
}

#geo-location-ref-window.visible{
    display: block;
}

#geo-location-ref-window.centred{
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 0px;
    box-shadow: none;
    position: fixed;
    padding: 0px;
    height: 100%;
    width: 100%;
}

#geo-location-ref-window.centred .geo-location-ref-window-city-container{
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    padding: 24px;
    width: 280px;
    left: 50%;
    top: 50%;
}

.geo-location-ref-window-city-label{
    margin-bottom: 12px;
    line-height: normal;
    font-size: 14px;
}

.geo-location-ref-window-city-value{
    font-family: "robotobold";
    margin-bottom: 12px;
    line-height: 21px;
    font-size: 18px;
}

.get-location-ref-window-confirm-button{
    width: 100%;
}

.get-location-ref-window-confirm-button.loading{
    background-image: url(/bitrix/components/dresscode/sale.geo.positiion/templates/.default/images/loader-38px.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    pointer-events: none;
    transition: none;
    opacity: 0.9;
}

.get-location-ref-window-confirm{
    margin-bottom: 12px;
}

@media all and (max-width: 850px){

    #geo-location-window .geo-location-window-container{
        transform: translateX(0) translateY(-50%);
        width: 100%;
        left: 0px;
    }

}

@media all and (max-width: 700px) {

    #geo-location-window .geo-location-window-list-item{
        width: 33.333%;
    }

    #geo-location-window .geo-location-window-container{
        padding: 0 12px;
    }

}

@media all and (max-width: 500px) {

    #geo-location-window .geo-location-window-list-item{
        width: 50%;
    }

}

@media all and (max-width: 400px) {

    #geo-location-window .geo-location-window-list-item{
        width: 100%;
    }

}

/*loader*/
#geo-location-window-fast-loader{
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    position: absolute;
    transform:scale(0.6);
    -o-transform:scale(0.6);
    -ms-transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    margin-left: -24px;
    display: none;
    height: 48px;
    width: 48px;
    opacity: 0;
    left: 50%;
    top: 0px;
}

.f_circleG{
    position:absolute;
    background-color:rgb(255,255,255);
    height:9px;
    width:9px;
    display: block;
    border-radius:4px;
        -o-border-radius:4px;
        -ms-border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
    animation-name:f_fadeG;
        -o-animation-name:f_fadeG;
        -ms-animation-name:f_fadeG;
        -webkit-animation-name:f_fadeG;
        -moz-animation-name:f_fadeG;
    animation-duration:0.522s;
        -o-animation-duration:0.522s;
        -ms-animation-duration:0.522s;
        -webkit-animation-duration:0.522s;
        -moz-animation-duration:0.522s;
    animation-iteration-count:infinite;
        -o-animation-iteration-count:infinite;
        -ms-animation-iteration-count:infinite;
        -webkit-animation-iteration-count:infinite;
        -moz-animation-iteration-count:infinite;
    animation-direction:normal;
        -o-animation-direction:normal;
        -ms-animation-direction:normal;
        -webkit-animation-direction:normal;
        -moz-animation-direction:normal;
}

#frotateG_01{
    left:0;
    top:19px;
    animation-delay:0.1995s;
        -o-animation-delay:0.1995s;
        -ms-animation-delay:0.1995s;
        -webkit-animation-delay:0.1995s;
        -moz-animation-delay:0.1995s;
}

#frotateG_02{
    left:6px;
    top:6px;
    animation-delay:0.256s;
        -o-animation-delay:0.256s;
        -ms-animation-delay:0.256s;
        -webkit-animation-delay:0.256s;
        -moz-animation-delay:0.256s;
}

#frotateG_03{
    left:19px;
    top:0;
    animation-delay:0.3225s;
        -o-animation-delay:0.3225s;
        -ms-animation-delay:0.3225s;
        -webkit-animation-delay:0.3225s;
        -moz-animation-delay:0.3225s;
}

#frotateG_04{
    right:6px;
    top:6px;
    animation-delay:0.389s;
        -o-animation-delay:0.389s;
        -ms-animation-delay:0.389s;
        -webkit-animation-delay:0.389s;
        -moz-animation-delay:0.389s;
}

#frotateG_05{
    right:0;
    top:19px;
    animation-delay:0.4555s;
        -o-animation-delay:0.4555s;
        -ms-animation-delay:0.4555s;
        -webkit-animation-delay:0.4555s;
        -moz-animation-delay:0.4555s;
}

#frotateG_06{
    right:6px;
    bottom:6px;
    animation-delay:0.522s;
        -o-animation-delay:0.522s;
        -ms-animation-delay:0.522s;
        -webkit-animation-delay:0.522s;
        -moz-animation-delay:0.522s;
}

#frotateG_07{
    left:19px;
    bottom:0;
    animation-delay:0.5885s;
        -o-animation-delay:0.5885s;
        -ms-animation-delay:0.5885s;
        -webkit-animation-delay:0.5885s;
        -moz-animation-delay:0.5885s;
}

#frotateG_08{
    left:6px;
    bottom:6px;
    animation-delay:0.645s;
        -o-animation-delay:0.645s;
        -ms-animation-delay:0.645s;
        -webkit-animation-delay:0.645s;
        -moz-animation-delay:0.645s;
}



@keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-o-keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-ms-keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-moz-keyframes f_fadeG{
    0%{
        background-color:rgb(0,0,0);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes zoomInLocation {
  from {
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(-50%) scale3d(.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/templates/dresscode/components/bitrix/sale.basket.basket.line/topCartV3/style.css?16996088181887*/
.cart .heading{
	background-color: #ffffff;
    border: 1px solid #f3f3f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    position: relative;
    line-height: 50px;
    padding: 0 12px;
    color: #aaaaaa;
    height: 50px;
	width: 238px;
}


#subHeader2.color_black .cart .heading,
#subHeader2.color_theme .cart .heading{
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
    background: transparent;
}

.cart .heading:active{
    position: relative;
    top: 1px;
}

.cart .heading.active{
    color: #ffffff;
}

#subHeader2.color_black .cart .heading.active,
#subHeader2.color_theme .cart .heading.active{
    color: #ffffff;
    border: none;
}

.cart .heading ins{
	text-decoration: none;
}

/* .cart .icon{
	background: url(/local/templates/dresscode/components/bitrix/sale.basket.basket.line/topCartV3/images/cartH2.png) 0 0 no-repeat transparent;
	vertical-align: middle;
	display: inline-block;
    margin-right: 12px;
    position: relative;
	height: 50px;
	width: 26px;
} */

#subHeader2.color_black .cart .icon,
#subHeader2.color_theme .cart .icon{
    background: url(/local/templates/dresscode/components/bitrix/sale.basket.basket.line/topCartV3/images/cartH2W.png) 0 0px no-repeat transparent;
}

#subHeader2.color_theme .cart .heading.active{
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.cart .count{
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    color: #ffffff;
    padding: 0 5px;
    display: none;
    left: 12px;
    top: 6px;
}

.cart .active .count{
    /* display: inline-block; */
}

#subHeader2.color_black .cart .icon,
#subHeader2.color_theme .cart .icon,
.cart .active .icon{
    background-position: 0 -50px;
}

/* End */


/* Start:/local/templates/dresscode/components/dresscode/search.line/searchV3/style.css?16994975669382*/
#topSearch2 .searchContainerInner{
	border: 1px solid #f3f3f3;
	height: 50px;
}

#subHeader2.color_black #topSearch2 .searchContainerInner{
	border: 1px solid rgba(255, 255, 255, 0.3);
	background-color: rgba(0, 0, 0, 0.1);
}

#subHeader2.color_theme #topSearch2 .searchContainerInner{
	border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.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/templates/dresscode/components/dresscode/search.line/searchV3/images/searchH2.png) 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/templates/dresscode/components/dresscode/search.line/searchV3/images/searchIcoH2.png) 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/templates/dresscode/components/dresscode/search.line/searchV3/images/searchH2W.png) 14px 50% no-repeat transparent;
	color: rgba(255, 255, 255, 0.7);
}

#subHeader5.color_black #topSearch2 #searchQuery,
#subHeader5.color_theme #topSearch2 #searchQuery{
	background: url(/local/templates/dresscode/components/dresscode/search.line/searchV3/images/searchH5W.png) 14px 50% no-repeat transparent;
	color: rgba(255, 255, 255, 0.7);
}

#subHeader2.color_black #goSearch,
#subHeader2.color_theme #goSearch{
	background: url(/local/templates/dresscode/components/dresscode/search.line/searchV3/images/searchIcoH2W.png) 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/templates/dresscode/components/dresscode/search.line/searchV3/images/searchIcoH5W.png) 0 0 no-repeat transparent;
}

#topSearch2 #goSearch:hover{
	background-position: 0px -50px;
}

#topSearch2 #goSearch:active{
	background-position: 0px -100px;
}

#searchResult{
	border-top: 1px solid #f3f3f3;
	background-color: #ffffff;
	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: #ffffff;
    position: relative;
    text-align: center;
    line-height: 85px;
    font-size: 18px;
    height: 85px;
    margin: 0px;
}

#searchResult.visible{
	display: block;
}

#searchResult .productList{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 24px;
	padding: 0 24px;
}

#searchResult .item{
	width: 14.285%;
}

#searchResult .searchAllResult{
	-webkit-transition: all 0.2 ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.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: #000000;
    height: 85px;
}

#searchResult .searchAllResult:hover{
	background-color: #eeeeee;
}

#searchResult .searchAllResult span{
	border-bottom: 1px dashed #000000;
	padding-bottom: 4px;
}

#searchResult .errorMessage{
	margin: 24px 36px 24px 36px;
	text-align: center;
	font-size: 14px;
	color: #000000;
}

#searchProductsClose{
	background: url(/local/templates/dresscode/components/dresscode/search.line/searchV3/images/exit.png) 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/templates/dresscode/components/dresscode/search.line/searchV3/images/searchH5W.png) 14px 50% no-repeat transparent;
		color: rgba(255, 255, 255, 0.7);
	}

	#topSearchLine.color_black #goSearch{
		background: url(/local/templates/dresscode/components/dresscode/search.line/searchV3/images/searchIcoH5W.png) 0 0 no-repeat transparent;
	}

	#subHeader6 #topSearchLine #topSearch2 #searchQuery{
		background: url(/local/templates/dresscode/components/dresscode/search.line/searchV3/images/searchH2.png) 14px 50% no-repeat transparent;
		color: #000000;
	}

	#subHeader6 #topSearchLine #topSearch2 #goSearch{
		background: url(/local/templates/dresscode/components/dresscode/search.line/searchV3/images/searchIcoH2.png) 0 0 no-repeat transparent;
	}

	#subHeader6 #topSearchLine #topSearch2 input[placeholder]{
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		color: rgba(0, 0, 0, 0.7);
	}

	#subHeader6 #topSearchLine #topSearch2 input::-webkit-input-placeholder{
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		color: rgba(0, 0, 0, 0.7);
	}

	#subHeader6 #topSearchLine #topSearch2 input::-moz-placeholder{
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		color: rgba(0, 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: flex;
	justify-content: center;
}
.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-color: #fff;
	padding: 0 8px;
	display: block;
	height: 40px;
	min-width: 40px;
	line-height: 40px!important;
	font-weight: 800!important;
	color: #262626!important;
	font-size: 16px!important;
	border-radius: 4px;
	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: 4px;
	display: block;
	height: 40px;
	min-width: 40px;
	line-height: 40px!important;
	color: #262626!important;
	background-color: #fff;
	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:hover span{
	background: #DADADA;
}
.bx-pagination .bx-pagination-container ul li.bx-active span{
	color: #007B8F!important;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span {
	padding: 0!important;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-next svg {
	transform: rotate(180deg);
}
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span svg path,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span svg path{
	fill: #007B8F;
}
/* .bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
	background: #fff;
	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-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{
	color: #aab1b4;
	background: #fff;
	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-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
	background: #fff;
	border-color: #DADADA;
	color: #000;
} */

@media all and (max-width: 1920px){

	#searchResult .item{
		width: 16.666666%;
	}
}


@media all and (max-width: 1600px){
	#searchResult .item{
		width: 20%;
	}
}

@media all and (max-width: 1300px){
	#searchResult .item{
		width: 25%;
	}
}

@media all and (max-width: 1024px){
	#searchResult .item{
		width: 33.33333%;
	}
}

@media all and (max-width: 790px){
	#searchResult .item{
		width: 50%;
	}
}

@media all and (max-width: 600px){
	#searchResult .item{
		width: 100%;
	}
}
/* End */


/* Start:/local/templates/dresscode/components/dresscode/favorite.line/favoriteV3/style.css?16995412871189*/

.topWishlistV3{
	position: relative;
	margin-right: 12px;
}

.topWishlistV3 .wrap {
	width: 40px;
	height: 40px;
	border-radius:25px;
	background-color:#E9FCFF;

}


.topWishlistV3 .icon{
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M16.8375 3C16.0917 2.99937 15.3533 3.14764 14.6656 3.43613C13.9779 3.72461 13.3547 4.1475 12.8325 4.68L12 5.52L11.1675 4.68C10.6447 4.14846 10.0214 3.72631 9.33376 3.43814C8.64615 3.14998 7.90806 3.00157 7.16251 3.00157C6.41697 3.00157 5.67888 3.14998 4.99127 3.43814C4.30367 3.72631 3.6803 4.14846 3.15751 4.68C2.09392 5.76272 1.49799 7.21977 1.49799 8.7375C1.49799 10.2552 2.09392 11.7123 3.15751 12.795L12 21.75L20.8425 12.795C21.9061 11.7123 22.502 10.2552 22.502 8.7375C22.502 7.21977 21.9061 5.76272 20.8425 4.68C20.3199 4.14818 19.6965 3.72573 19.0089 3.4373C18.3213 3.14886 17.5832 3.00021 16.8375 3Z" fill="%23007B8F"/></svg>');

	display: block;
	background-repeat: no-repeat;
    height: 100%;
    background-position: center;

}
.topWishlistV3 .icon a {width: 24px;
	height: 24px;}
	.topWishlistV3 	.text  {display: none;}
/* End */


/* Start:/local/templates/dresscode/components/dresscode/compare.line/compareV3/style.css?16995412492067*/
.topCompareV3{
	position: relative;
}

.topCompareV3 .wrap {
	width: 40px;
	height: 40px;
	border-radius:25px;
	background-color:#E9FCFF;

}

.topCompareV3 .icon{
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4.20001 3.60001C4.04088 3.60001 3.88826 3.66322 3.77574 3.77574C3.66322 3.88826 3.60001 4.04088 3.60001 4.20001C3.60001 4.35914 3.66322 4.51175 3.77574 4.62427C3.88826 4.73679 4.04088 4.80001 4.20001 4.80001H5.10001L2.49241 11.058C2.42741 11.2115 2.3967 11.3774 2.40241 11.544C2.43643 12.4754 2.83036 13.3573 3.50132 14.0042C4.17228 14.6511 5.06798 15.0126 6.00001 15.0126C6.93203 15.0126 7.82773 14.6511 8.49869 14.0042C9.16965 13.3573 9.56358 12.4754 9.59761 11.544C9.60331 11.3774 9.5726 11.2115 9.50761 11.058L6.90001 4.80001H11.4V18H6.60001C6.12262 18 5.66478 18.1896 5.32721 18.5272C4.98965 18.8648 4.80001 19.3226 4.80001 19.8C4.80001 20.2774 4.98965 20.7352 5.32721 21.0728C5.66478 21.4104 6.12262 21.6 6.60001 21.6H17.4C17.8774 21.6 18.3352 21.4104 18.6728 21.0728C19.0104 20.7352 19.2 20.2774 19.2 19.8C19.2 19.3226 19.0104 18.8648 18.6728 18.5272C18.3352 18.1896 17.8774 18 17.4 18H12.6V4.80001H17.1L14.4924 11.058C14.4274 11.2115 14.3967 11.3774 14.4024 11.544C14.4364 12.4754 14.8304 13.3573 15.5013 14.0042C16.1723 14.6511 17.068 15.0126 18 15.0126C18.932 15.0126 19.8277 14.6511 20.4987 14.0042C21.1697 13.3573 21.5636 12.4754 21.5976 11.544C21.6033 11.3774 21.5726 11.2115 21.5076 11.058L18.9 4.80001H19.8C19.9591 4.80001 20.1117 4.73679 20.2243 4.62427C20.3368 4.51175 20.4 4.35914 20.4 4.20001C20.4 4.04088 20.3368 3.88826 20.2243 3.77574C20.1117 3.66322 19.9591 3.60001 19.8 3.60001H4.20001ZM6.00001 5.76001L8.10001 10.8H3.90001L6.00001 5.76001ZM20.1 10.8H15.9L18 5.76001L20.1 10.8Z" fill="%23007B8F"/></svg>');display: block;
	display: block;
	background-repeat: no-repeat;
    height: 100%;
    background-position: center;
}

.topCompareV3 .icon a {width: 24px;
	height: 24px;}

	.topCompareV3 	.text  {display: none;}
/* End */


/* Start:/local/templates/dresscode/components/bitrix/menu/leftMenu/style.css?17010953389950*/
#leftMenu{
	background: #2b2b2b;
	padding: 12px 0 12px 0;
	position:relative;
	list-style: none;
	z-index: 33;
	margin: 0;
}

#leftMenu li{
	list-style: none;
}

#leftMenu > li:first-child{
	border: 0;
}

#leftMenu > li{
	-webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    -o-transition:all 0.1s ease;
    transition: all 0.1s ease;
	background: #2b2b2b;
	display: block;
}


#leftMenu > li:hover,
#leftMenu .activeDrop{
	background: #ffffff;
}

#leftMenu > li:hover > a{
	background: #f5f5f5;
}

#leftMenu li:hover .menuLink,
#leftMenu .activeDrop .menuLink{
	color: #000000;
}

#leftMenu li .menuLink{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	padding-right: 8px;
	position: relative;
	line-height: 18px;
	font-size: 13px;
	display: block;
	color: #ffffff;
}

#leftMenu .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 0.1s;
    -moz-transition:all 0.1s;
    -o-transition:all 0.1s;
    transition: all 0.1s;
    padding-left: 18px;
    text-align:center;
	height: 21px;
	width: 24px;
}

#leftMenu li .pc.no-image{
	padding-left: 0px;
	height: 0px;
	width: 12px;
}

#leftMenu .no-image + .tx{
	padding-left: 0px;
}

#leftMenu .pc img{
	max-width: 100%;
}

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

#leftMenu .drop{
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);
	border-collapse: collapse;
	background: #ffffff;
	table-layout: fixed;
	position: absolute;
	min-height: 400px;
	/*overflow: hidden;*/
	z-index: 999999;
	display: none;
	left: 100%;
	width: 1%;
	top: 0%;
}

#leftMenu .menuItems{
	border-right: 1px solid #e7e8ea;
	background-color: #ffffff;
	display: table-cell;
	vertical-align: top;
	padding: 12px;
	width: 245px;
}

#leftMenu .menuItems li:first-child{
	margin-top: 0px;
}

#leftMenu .menuItems li{
	position: relative;
	margin-top: 12px;
}

#leftMenu .dropdown{
	display: none;
}

#leftMenu .menuItems span{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-transform: uppercase;
	font-family: 'robotobold';
	font-size: 14px;
	color: #444444;
}

#leftMenu .menuItems small{
	position: absolute;
	margin-top: -11px;
	line-height: 22px;
	height: 22px;
	color: #888;
	right: 0px;
	top: 50%;
}

#leftMenu .menuItems a{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	line-height: 21px;
	display: block;
	color: #000;
}

#leftMenu .menuItems a:hover{
	color: #999;
}

#leftMenu .menuItems a img{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#leftMenu .menuItems a:hover img{
	opacity: 0.8;
}

#leftMenu .menuSlider{

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 50%, #f9fafc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f9fafc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 50%,#f9fafc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 50%,#f9fafc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 50%,#f9fafc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 50%,#f9fafc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fafc',GradientType=0 ); /* IE6-9 */
	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: 0.5;
	width: 14px;
	top: 30%;
}

#leftMenu .menuSlider .slideBtnLeft:hover,
#leftMenu .menuSlider .slideBtnRight:hover{
	opacity: 0.8;
}

#leftMenu .menuSlider .slideBtnLeft:active,
#leftMenu .menuSlider .slideBtnRight:active{
	opacity: 1;
}

#leftMenu .menuSlider .slideBtnLeft{
	left: 12px;
}

#leftMenu .menuSlider .slideBtnRight{
	background-position: -14px 0;
	right: 12px;
}

#leftMenu .product{
	position: relative !important;
	height: auto !important;
	width: 100% !important;
	border: 0 !important;
}

#leftMenu .product .tabloid{
	border: 0 !important;
	height: auto !important;
	position: static !important;
	background: transparent !important;
}

#leftMenu .product:hover .tabloid{
	box-shadow: none;
}

#leftMenu .oSkuDropdownList{
	position: relative;
	display: none;
	border-top: 1px solid #e7e8ea;
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
	top: 0px;
}

#leftMenu .oSkuDropdownList.opened{
	display: block;
}
.leftMenu > li {
	position: relative;
}
.leftMenu > li:hover > a {
	background: #E9FCFF !important;
}
.leftSubMenu {
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
	padding-left: 10px !important;
}
@media (min-width: 1025px) {
	.leftMenu > li:hover .leftSubMenu {
		display: block;
	}
}
.leftSubMenu li {
	background: #fff;
}
.leftSubMenu li a {
	display: block;
	background: #fff;
	padding: 0 15px;
	white-space: nowrap;
	text-decoration: none;
	height: 40px;
	line-height: 40px !important;
}
.leftSubMenu li a:hover {
	background: #E9FCFF;
}
/* .leftMenu .allow-dropdown:after {
	content: '';
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background: url('/local/templates/dresscode/components/bitrix/menu/leftMenu/images/arrow-right.svg') no-repeat center;
} */

@media screen and (max-width: 1200px){

	#leftMenu .no-image + .tx{
		padding-left: 24px;
	}

}
.leftMenu li.nested {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.leftMenu li .menuLink {
	padding-right: 0 !important;
	width: calc(100% - 50px);
}
.js-toggle-left-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
}

@media screen and (max-width: 1024px){

	#leftMenu{
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.leftSubMenu {
		position: relative;
		left: 0;
		width: 100%;
	}
	#main.color_black #leftMenu > li:hover{
		background: transparent;
	}

	#main.color_black #leftMenu > li:hover > a{
		color: #ffffff;
	}

	#main.color_black #leftMenu .drop{
		background: #2b2b2b;
	}

	#leftMenu .drop{
		border-top: 1px solid rgba(136, 136, 136, 0.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 0px 6px 24px;
		box-sizing: border-box;
		border-right: 0px;
		display: block;
		width: auto;
	}

	#leftMenu .menuItems + .menuItems{
		margin-top: -12px;
	}

	#leftMenu .menuDropItems{
		padding-left: 24px;
		display: none;
	}

	#main.color_black #leftMenu .menuItems span{
		color: #ffffff;
	}

	#leftMenu .menuItems span{
		font-family: "roboto_ltregular";
		text-transform: none;
		font-size: 13px;
	}

	#leftMenu .menuItems small{
		display: none;
	}

	#leftMenu .menuItems li{
		margin: 0px;
	}

	#main.color_black .menuItems li a{
		color: #ffffff;
	}

	#leftMenu .menuItems li a{
		padding: 6px 0px 6px 0px;
	}

	#leftMenu .menuItems a.menuLink{
		padding-right: 50px;
	}

	#leftMenu > li{
		border-top: 1px solid rgba(136, 136, 136, 0.1);
		box-sizing: border-box;
	}

	#leftMenu li a{
		position: relative;
		transition: none;
	}

	#leftMenu > li:hover > a{
		background: transparent;
	}

	#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 0px;
	}

	#leftMenu .tb .pc{
		padding: 14px 12px;
		position: relative;
	}

	#leftMenu li .pc.no-image{
		padding-left: 0px;
		height: 0px;
		width: 0px;
	}

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

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

	#leftMenu .allow-dropdown .dropdown{
		background-image: url(/local/templates/dresscode/components/bitrix/menu/leftMenu/images/arrow-dropdown-white.svg);
		transition: transform 0.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: 0px;
		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/news.list/uslugi/style.css?1699497566150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/dresscode/components/bitrix/breadcrumb/.default/style.css?17092000271522*/
#breadcrumbs{
	margin-bottom: 30px;
	line-height: 21px;
	overflow: hidden;
	font-size: 12px;
}

#breadcrumbs ul{
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
}

#breadcrumbs ul li{
	vertical-align: middle;
	display: inline-block;
}

#breadcrumbs ul li a{
	text-decoration: none;
	display: inline-block;
	line-height: 21px;
}

#breadcrumbs ul li span{
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	color: #4F4F4F;
}

#breadcrumbs .arrow{
	vertical-align: middle;
	display: inline-block;
	margin: 0 12px;
	color: #007B8F;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
}

@media all and (max-width: 1024px) {

	#breadcrumbs{
		position: relative;
		min-width: 100%;
		overflow-x: auto;
	}

	#breadcrumbs ul{
		white-space: nowrap;
		overflow: auto;
	}

	#breadcrumbs li{
		white-space: nowrap;
	}

	/* #breadcrumbs::after {
	    background: -moz-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%);
	    background: -webkit-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%);
	    background: -o-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%);
	    background: -ms-linear-gradient(left, rgba(255,255, 255, 0.2), #ffffff 100%);
	    background: linear-gradient(to right, rgba(255,255, 255, 0.2), #ffffff 100%);
	    pointer-events: none;
	    position: absolute;
	    right: 0;
	    top: 0;
	    height: 100%;
	    content: '';
	    width: 35px;
	} */

}
/* End */


/* Start:/local/templates/dresscode/components/bitrix/catalog.section/squares_wo_slider/style.css?16994975661462*/

#newProduct{
	position: relative;
}

#newProduct .wrap{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 24px;
}

#newProduct .productList{
	position: relative;
	list-style: none;
	overflow: hidden;
	clear: both;
	margin: 0px;
	left: 0px;
	display: flex;
}

#newProduct .productTable {
	display: flex;
	flex-direction: column;
	height: 100%;
}
#newProduct .productColText {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

#newProduct .productList > li{
	float: left;
}

#newProduct .productList .item{
	width: 100%;
	height: 100%;
	float: none;
}

#newProduct .product .tabloid{
	margin: 0 5px;
	height: 100%;
	border-radius: 5px;
	background-color: #F7F7F7;
}
#newProduct .product .rating {
	right: 13px;
}
#newProduct .topBtnLeftnew,
#newProduct .topBtnRightnew{
	background: url(/local/templates/dresscode/components/bitrix/catalog.section/squares_wo_slider/images/slideArrowSmall.png) 0 0 no-repeat transparent;
	transform: translateY(-50%);
	position: absolute;
	height: 70px;
	width: 35px;
	z-index: 22;
	top: 50%;
}

#newProduct .topBtnLeftnew{
	left: 24px;
}

#newProduct .topBtnRightnew{
	right: 24px;
}

#newProduct .topBtnLeftnew:hover{
	background-position: -35px 0;
}

#newProduct .topBtnLeftnew:active{
	background-position: -70px 0;
}

#newProduct .topBtnRightnew{
	background-position: 0 -70px;
}

#newProduct .topBtnRightnew:hover{
	background-position: -35px -70px;
}

#newProduct .topBtnRightnew:active{
	background-position: -70px -70px;
}

/* End */


/* Start:/bitrix/components/dresscode/products.by.filter/templates/.default/style.css?16994974981520*/
#topProduct{
	position: relative;
}
#topProduct .productTable {
	display: flex;
	flex-direction: column;
	height: 100%;
}
#topProduct .productColText {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
#topProduct .wrap{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 24px;
}

#topProduct .productList{
	position: relative;
	list-style: none;
	overflow: hidden;
	clear: both;
	margin: 0px;
	left: 0px;
	display: flex;
}

#topProduct .productList > li{
	float: left;
}

#topProduct .productList .item{
	width: 100%;
	height: 100%;
	float: none;
}

#topProduct .product .tabloid{
	margin: 0 5px;
	height: 100%;
	border-radius: 5px;
	background-color: #F7F7F7;
}
#topProduct .product .rating {
	right: 13px;
}

#topProduct .topBtnLeft,
#topProduct .topBtnRight{
	background: url(/bitrix/components/dresscode/products.by.filter/templates/.default/images/slideArrowSmall.png) 0 0 no-repeat transparent;
	transform: translateY(-50%);
	position: absolute;
	height: 70px;
	width: 35px;
	z-index: 22;
	top: 50%;
}

#topProduct .topBtnLeft{
	left: 24px;
}

#topProduct .topBtnRight{
	right: 24px;
}

#topProduct .topBtnLeft:hover{
	background-position: -35px 0;
}

#topProduct .topBtnLeft:active{
	background-position: -70px 0;
}

#topProduct .topBtnRight{
	background-position: 0 -70px;
}

#topProduct .topBtnRight:hover{
	background-position: -35px -70px;
}

#topProduct .topBtnRight:active{
	background-position: -70px -70px;
}
/* End */


/* Start:/bitrix/components/dresscode/catalog.viewed.product/templates/.default/style.css?16994974981221*/
#viewedProduct{
	position: relative;
}

#viewedProduct .wrap{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 24px;
}

#viewedProduct .productList{
	position: relative;
	list-style: none;
	overflow: hidden;
	clear: both;
	margin: 0px;
	left: 0px;
}

#viewedProduct .productList > li{
	float: left;
}

#viewedProduct .productList .item{
	width: 100%;
	float: none;
	border-top: 1px solid #e7e8ea;
}

#viewedProduct .product .tabloid{
	height: 100%;
}

#viewedProduct .viewedBtnLeft,
#viewedProduct .viewedBtnRight{
	background: url(/bitrix/components/dresscode/catalog.viewed.product/templates/.default/images/slideArrowSmall.png) 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.css?16994975661989*/
#bigDataCarousel .wrap{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 24px;
}
#bigDataCarousel .slideBox > li{
    float: left;
}

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

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

#bigDataCarousel .bigDataBtnLeft,
#bigDataCarousel .bigDataBtnRight{
    background: url(/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/components/bitrix/form.result.new/modal/style.css?169960215810995*/
.webformModal{
    -webkit-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    color: #000000;
    overflow: hidden;
    display: none;
    z-index: 1000;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
}

.webformModalHideScrollBar{
	position: relative;
	overflow: auto;
    height: 100%;
    width: 120%;
}

.webformModalcn100{
	position: relative;
	height: 100%;
	width: 100%;
	width: 100vw; /* css3 */
}
.webformModal.visible{
	display: block;
}

.webformModalContainer{
	box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
	transform: translateX(-50%) translateY(0%);
    /*transform: translateX(-50%) translateY(-50%);*/
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    background-color: #ffffff;
    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%);
	margin-bottom: 0px;
	top: 50%;
}

.webFormDw form{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.webFormDw form.loading{
	pointer-events: none;
	opacity: 0.8;
}

.webFormModalHeading{
    background-color: #424242;
    position: relative;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    color: #ffffff;
}

.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.png) 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 .webFormItems,
.webformModal .webFormTools,
.webformModal .webFormError{
	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: #555555;
}

.webFormItemRequired{
	display: inline-block;
	padding-left: 4px;
	color: #ff0000;
}

.webFormItemFieldVariant{
	display: inline-block;
	margin-left: 12px;
}

.webFormItemFieldVariant:first-child{
	margin-left: 0px;
}

.webFormItemField input[type="password"],
.webFormItemField input[type="text"],
.webFormItemField select{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "roboto_ltregular";
	border: 1px solid #e7e7e7;
	padding-left: 12px;
	line-height: 55px;
	/*max-width: 600px;*/
	max-width: 100%;
	font-size: 14px;
	color: #555555;
	outline: none;
	height: 55px;
	width: 100%;
}

.webFormItemField textarea{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "roboto_ltregular";
	border: 1px solid #e7e7e7;
	padding-left: 12px;
	line-height: 21px;
	padding-top: 12px;
	/*max-width: 600px;*/
	max-width: 100%;
	font-size: 14px;
	color: #555555;
	height: 150px;
	outline: none;
	width: 100%;
}

.webFormItemField input[id*="form_date_"]{
	margin-bottom: 6px;
}

.webFormItemField input[type="text"]:focus,
.webFormItemField input[type="password"]:focus,
.webFormItemField textarea:focus{
	border: 1px solid #aaaaaa;
}

.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 #ff0000 !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: 0px;
}

.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 0 0 0px !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="submit"],
.webFormTools input[type="reset"]{
	-webkit-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.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;
	text-align: center;
	line-height: 55px;
	font-size: 14px;
	cursor: pointer;
	color: #ffffff;
	outline: none;
	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: #000000 !important;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border: 1px solid #000000;
	pointer-events: none;
	color: #dddddd;
	opacity: 0.1;
}

.webFormTools input[type="reset"]{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
	color: #000000;
}

.webFormTools input[type="reset"]:hover{
	border: 1px solid #cccccc;
}

.webFormTools input[type="reset"]:active{
	position: relative;
	top: 1px;
}

.webFormItemError,
.webFormError{
	font-family: "robotoMedium";
	margin-bottom: 12px;
	font-size: 12px;
	color: #ff0000;
	display: none;
}

.webFormError{
	margin-bottom: 0px;
	margin-top: 24px;
}

.webFormItemError.visible,
.webFormError.visible{
	display: block;
}

.webFormItemField .error{
	border: 1px solid #ff0000 !important;
}

.webFormMessage{
	-webkit-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
    background: rgba(0, 0, 0, 0.4);
    line-height: 250px;
    position: fixed;
    overflow: auto;
    color: #000000;
    display: none; 
    z-index: 1000;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
}

.webFormMessageContainer{
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);
	background-color: #ffffff;
	-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: 0px 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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: #000000;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	border-radius: 2px;
	line-height: 40px!important;
	margin-top: 24px;
	padding: 0 24px;
	color: #ffffff;
	height: 40px;
}

.webFormMessageExit:hover{
	opacity: 0.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: 0px !important;
	}

	.webFormTools input[type="reset"]{
		margin-bottom: 0px;
	}

}

@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="submit"],
	.webFormTools input[type="reset"]{
		margin-bottom: 24px;
		max-width: 300px;
		display: block;
		width: 100%;
	}

}
/* End */


/* Start:/local/templates/dresscode/template_styles.css?1750315931244808*/
html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 100%;
}

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

img{
	border: 0;
}

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

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

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

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

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

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

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

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

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

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

input:focus {
	outline: none;
}

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

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

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

h1,
#main h1,
h2,
#main h2,
h2,
#main h2 {
	margin: 0 0 30px;
	text-align: left;
	color: #262626;
	display: block;
	font-size: 24px;
	font-weight: 800;
	line-height: normal;
}
h1.index-h1 {
    text-align: center;
    margin-top: 30px;
}
#promoBlock + h1.index-h1 {
	margin-bottom: 50px;
	text-align: center;
	color: #007B8F;
}

/* 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:before,
.clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

.loading #topHeader,
.loading #topHeader2,
.loading #topHeader3,
.loading #topHeader4,
.loading #topHeader5,
.loading #topHeader6,
.loading #topHeader7,
.loading #topHeader8,
.loading #topHeader9{
	overflow: hidden;
}
.no-min-width {
    min-width: auto !important;
}
.loading #topMenu{
	opacity: 0;
}

.bold{
	font-family: 'robotobold';
}

/* auth register city block */

#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: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
}

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

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

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


/* Sub Header */

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

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

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

#subHeaderV2 .subHeaderLeft{
	width: 680px;
}

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

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

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

#logo a{
	display: block;
}

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

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

#topHeading{
	padding: 0 18px;
	width: 162px;
	float: left;
	display: flex;
	height: 100px;
	align-items: center;
}

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

#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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.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: 0px 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: 0px;
}

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

#main{
	/* margin-top: 24px; */
	padding-top: 30px;
	padding-bottom: 50px;
	min-width: 320px;
	background-color: #F3F3F3;
}

#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 {
	margin-top: 20px;
}
#left .heading .arrow{
	background-position: -27px 50%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.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 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	line-height: 60px;
	font-size: 16px;
	height: 60px;
}

#left .sideBlock a.heading:hover{
	opacity: 0.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: 0px;
	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;
	margin-bottom: 50px;
	overflow: hidden;
}

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

#slider ul li{
	position: relative;
	float: left;
	border-radius: 10px;
	overflow: hidden;
}

#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: 0px;
	padding: 0px;
	left: 50%;
	bottom: 12px;
	z-index: 6;
}

#slider ol li{
	margin-right: 9px;
	cursor: pointer;
	height: 8px;
	width: 8px;
	float: left;
	border-radius: 50%;
	background: #fff;
}
#slider ol li.selected {
	background: #007B8F;
}

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

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

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

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

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

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

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

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

#main.color_white #subLeftMenu a{
	color: #000000 !important;
}
.items.productList.squares {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	row-gap: 20px;
	column-gap: 10px;
	text-decoration: none;
}

#catalogLineList{
	margin-bottom: 30px;
}

#catalogLineList .itemRow{
	position: relative;
	margin-bottom: 20px;
	padding: 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 100%;
	display: flex;
	border-radius: 8px;
	background-color: #fff;
	box-sizing: border-box;
	text-decoration: none;
}

#catalogLineList .column{
	display: flex;
	flex-direction: column;
}

#catalogLineList .column:first-child{
	margin-right: 4%;
	width: 20%;
	flex-shrink: 0;
	border: 0px;
}

#catalogLineList .column:last-child{
	margin-left: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	flex-direction: row-reverse;
	align-items: flex-end;
	gap: 20px;
}

#catalogLineList .name{
	margin-bottom: 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	display: inline-block;
}
#catalogLineList .name > span {
	color: #262626!important;
	font-size: 15px!important;
	font-weight: 700!important;
	line-height: normal!important;
}
#catalogLineList .quantityContainer {
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 10px;
}

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

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

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

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

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

#catalogLineList .marker {
	font-size: 12px!important;
	font-weight: 500!important;
	line-height: 15px!important;
	padding: 8px 15px!important;
	border-radius: 0px 5px 5px 0px!important;
	color: #fff!important;
	margin-bottom: 8px;
	padding: 3px 4px;
	z-index: 2;
}

#catalogLineList .rating {
	position: absolute;
	top: 20px;
	left: 20px;
	overflow: hidden;
	height: 15px;
	width: 79px;
	z-index: 2;
}

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

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

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

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

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

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

#catalogLineList .addCart{
	padding: 10px 15px;
	display: flex;
	gap: 10px;
	align-items: center;
	background-color: #F97310;
	border-radius: 5px;
	color: #FFF!important;
	font-size: 15px!important;
	font-weight: 500!important;
	line-height: 24px!important;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

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

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

#catalogLineList .label{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.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: #000000;
}

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

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

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

#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 #dddddd;
	text-decoration: none;
	text-align: center;
	line-height: 21px;
	padding: 4px 6px;
	min-width: 30px;
	font-size: 13px;
	display: block;
	color: #000000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#catalogTableList{
	margin-bottom: 24px;
}

#catalogTableList .itemRow{
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.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 #cccccc;
}

#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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	text-align: left;
	font-size: 13px;
	display: block;
	color: #000000;
}

#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.png) repeat 0 0px transparent;
	height: 15px;
	width: 79px;
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
}

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

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

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

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

#catalogTableList .addCart,
#catalogTableList .more{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.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: #ffffff;
	height: 40px;
	width: 130px;

}

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

#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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.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: #000000;
}

#catalogTableList .article{
	background-color: #f3f3f3;
	display: inline-block;
	border-radius: 4px;
	line-height: 32px;
	overflow: hidden;
	padding: 0 12px;
	color: #888888;
	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 span,
#popCats li a {
	-webkit-transition: 0.2s all ease-in-out;
	-o-transition: 0.2s all ease-in-out;
	transition: 0.2s all ease-in-out;
	text-decoration: none;
	padding: 4px 12px;
	line-height: 21px;
	display: block;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#left #specialBlock{
	margin-bottom: 24px;
	padding-left: 0px;
	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{
	padding-top: 70px;
	overflow: hidden;
	padding-bottom: 45px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#footer.variant_8 #rightFooter .showMap:hover{
	opacity: 0.7;
}

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

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

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

#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, 0.2);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#catalogLine{
	margin-bottom: 30px;
	padding: 25px;
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 10px;
	background-color: #fff;
}

#catalogLine .column {
	display: flex;
	align-items: center;
}
#catalogLine .column:last-child{
	margin-left: auto;
}

#catalogLine .label{
	margin-right: 15px;
	display: inline-block;
	color:#262626!important;
	font-size: 14px!important;
	font-weight: 500!important;
	line-height: normal!important;
}

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

#catalogLine .viewList{
	display: flex;
	align-items: center;
	gap: 16px;
}

/* #catalogLine .viewList .element a{
	width: 24px;
	height: 24px;
	display: block;
} */
#catalogLine .viewList .element,
#catalogLine .viewList .element a {
	display: contents;
}
#catalogLine .viewList .element path {
	transition-duration: 400ms;
}
#catalogLine .viewList .element a.selected path,
#catalogLine .viewList .element:hover path {
	fill: #007B8F;
}
.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 0px;
	line-height: 14px;
	height: 42px;
	width: 48px;
	background: #e0e0e0;
}

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

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

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

#rowFooter{
	display: flex;
	width: 100%;
}

#leftFooter,
#rightFooter{
	padding: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#leftFooter {
	padding-left: 150px;
	width: 63%;
}
#rightFooter {
	padding-right: 150px;
	width: 37%;
}
@media (max-width: 1510px) {
	#leftFooter {
		padding-left: 135px;
	}
	#rightFooter {
		padding-right: 135px;
	}
}
@media (max-width: 992px) {
  #leftFooter,
	#rightFooter {
    padding: 50px;
  }
}
@media screen and (max-width: 510px) {
  #leftFooter,
	#rightFooter {
    padding: 20px;
  }
}
#leftFooter .footerRow{
	display: flex;
	gap: 14%;
	overflow: hidden;
	list-style: none;
}

#leftFooter .column{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#leftFooter .column:first-child {
	width: 55%;
}
#leftFooter .column:last-child {
	width: 31%;
}
@media (max-width: 1024px) {
	#leftFooter .footerRow{
		flex-direction: column;
		gap: 30px;
	}
	#leftFooter .column:first-child,
	#leftFooter .column:last-child {
		width: 100%;
	}
	#leftFooter,
	#rightFooter{
		width: 50%;
	}
}
@media screen and (max-width: 510px) {
	#leftFooter .footerRow{
		gap: 10px;
	}
}
#leftFooter .heading{
	padding-bottom: 12px;
	margin-bottom: 6px;
	font-size: 20px;
	display: block;
}

#leftFooter ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#leftFooter .footerMenu {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
}
#leftFooter .column:first-child .footerMenu li {
	width: calc(100% / 2 - 10px);
}
#leftFooter .column:last-child .footerMenu li {
	width: 100%;
}
#leftFooter .footerMenu li {
	border: none;
}
#leftFooter a{

	-webkit-transition: 0.2s all ease-in-out;
	-o-transition: 0.2s all ease-in-out;
	transition: 0.2s all ease-in-out;

	text-decoration: none;
	font-size: 13px;
	padding: 6px 0;
	display: block;
}

#rightFooter .footerLine {
	margin: 20px 0;
	width: 100%;
	height: 1px;
	background-color: #1DA9C0;
}

#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 a{
	font-size: 20px!important;
	font-weight: 800!important;
	line-height: normal!important;
}

#rightFooter .email a{
	font-size: 15px!important;
	font-weight: 400!important;
	line-height: normal!important;
}
#rightFooter .callBack {
	margin-top: 20px;
	padding: 13px 32px;
	display: inline-block;
	background-color: #fff;
	border-radius: 5px;
	color: #007B8F!important;
	font-size: 15px!important;
	font-weight: 500!important;
	line-height: normal!important;
	text-decoration: none;
}
#rightFooter .footInfo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
#rightFooter .footInfo.cards {
	align-items: flex-end;
	column-gap: 20px;
	row-gap: 15px;
}
#rightFooter .showMap{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 100%;
	font-size: 15px!important;
	font-weight: 600!important;
	line-height: normal!important;
	text-decoration: none;
}

#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-right: 24px;
	float: right;
    font-size: 0.875em;
    color: #828282;
    line-height: 1;
    display: inline-block;
    margin-top: 13px;
}
#footerBottom .creator img {
    height: 25px;
    width: auto;
    margin-bottom: 3px;
    display: inline-block;
    float: left;
    margin-right: 4px;
}
#footerBottom .creator a {
    color: #ed1c24;
}

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

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

#appBasket{

	-webkit-transition: 0.1s all ease-in-out;
	-o-transition: 0.1s all ease-in-out;
	transition: 0.1s all ease-in-out;

	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1001;
	left: 0px;
	top: 0px;

}

#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.png) repeat 0 0px transparent;
	height: 15px;
	width: 79px;
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
}

#appBasket .rating i.m {
	background: url(/local/templates/dresscode/images/rating.png) repeat 0 -14px transparent;
	width: 0px;
	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: 0.1s all ease-in-out;
	-o-transition: 0.1s all ease-in-out;
	transition: 0.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 .plus,
#appBasket .minus{
	vertical-align: middle;
	display: inline-block;
	height: 19px;
	width: 19px;
}

#appBasket .qty{

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	vertical-align: middle;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	margin: 0 2px;
	height: 19px;
	width: 40px;
	padding: 0 2px;
	border: 0;
}

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

#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: 0px;
	width: 100%;
}

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

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

#appBasket .lower .tools .icon{
	
	-webkit-transition: 0.1s all ease-in-out;
	-o-transition: 0.1s all ease-in-out;
	transition: 0.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,
#appBasket .lower .tools .addWishlist .ico{
	width: 20px;
	height: 21px;
}
#appBasket .lower .tools .addCompare .ico svg,
#appBasket .lower .tools .addWishlist .ico svg{
	display: block;
}

#appBasket .lower .tools .addCompare.added .ico path,
#appBasket .lower .tools .addWishlist.added .ico path{
	fill: #F97310;
}


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

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

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

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

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

#appBasket .lower .tools .continue, 
#appBasket .lower .tools .goToBasket{
	-webkit-transition: 0.1s all ease-in-out;
	-o-transition: 0.1s all ease-in-out;
	transition: 0.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: 0.1s all ease-in-out;
	-o-transition: 0.1s all ease-in-out;
	transition: 0.1s all ease-in-out;
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1001;
	left: 0px;
	top: 0px;
	display: none;
}

#appFastBuyContainer{
	box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
	background-color: #ffffff;
	margin-left: -350px;
	margin-top: -215px;
	position: absolute;
	overflow: hidden;
	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;
}

#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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "roboto_ltregular";
	padding-left: 12px;
	width: 354px;
	height: 50px;
	border: 0;
}

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

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

#appFastBuyContainer textarea{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "roboto_ltregular";
	padding-left: 12px;
	padding-top: 12px;
	resize: none;
	width: 354px;
	height: 60px;
	border: 0;
}

#appFastBuyContainer input:focus,
#appFastBuyContainer textarea:focus{
	outline: none;
}

#appFastBuyContainer #fastBuyFormSubmit{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	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: 0.9;
}

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

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

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

#appFastBuyContainer #fastBuyResult{
	transform: translateY(50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 24px;
}
@media (max-width: 450px) {
	#appFastBuyContainer #fastBuyResult {
		transform: translateY(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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.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: 0.2s all ease-in-out;
	-o-transition: 0.2s all ease-in-out;
	transition: 0.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 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.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.png) 0 0 no-repeat transparent;
	position: absolute;
	display: block;
	height: 21px;
	width: 21px;
    right: 20px;
    top: 20px;
}

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

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

#appFastView{
	-webkit-transition: 0.1s all ease-in-out;
	-o-transition: 0.1s all ease-in-out;
	transition: 0.1s all ease-in-out;
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	overflow: auto;
	z-index: 1000;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}

#appFastView .appFastViewContainer{
	box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
	background-color: #ffffff;
	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%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0);
	pointer-events: none;
	position: absolute;
	display: block;
	height: 50px;
	content: '';
	width: 100%;
	bottom: 0px;
}

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

#appFastView .markerContainer{
	position: absolute;
	color: #ffffff;
	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 .appFastViewPictureSlider,
#appFastView .appFastViewPictureCarousel,
#appFastView .appFastViewPictureSliderItems,
#appFastView .appFastViewPictureCarouselItems{
	-webkit-transition: left 0.2s ease-in-out;
	-o-transition: left 0.2s ease-in-out;
	transition: left 0.2s ease-in-out;
	position: relative;
	overflow: hidden;
}

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

#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 .appFastViewPictureSliderItem,
#appFastView .appFastViewPictureCarouselItem{
	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 .appFastViewPictureSliderItemPicture,
#appFastView .appFastViewPictureCarouselItemPicture{
	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: 0.5;
	z-index: 99;
	width: 14px;
	top: 50%;
}

#appFastView .appFastViewPictureCarouselLeftButton:hover,
#appFastView .appFastViewPictureCarouselRightButton:hover{
	opacity: 0.8;
}

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

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

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

#appFastView .appFastViewPictureCarouselLeftButton{
	left: 0px;
}

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

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

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

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

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

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

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

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

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

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

#appFastView .appFastViewPictureLoupe{
	background-repeat: no-repeat;
	border: 1px solid #000000;
    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: #ffffff;
	position: relative;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	color: #000000;
}

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

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

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

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

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

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

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

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

#appFastView .propertyTable .propertyName,
#appFastView .propertyTable .propertyValue{
	background-color: #ffffff;
	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 #cccccc;
    position: absolute;
    margin-left: 12px;
    height: 13px;
    content: '';
    width: 100%;
}

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

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

#appFastView .appFastViewDescription{
	display: none;
}

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

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

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

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

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

#appFastView .skuProperty:last-child{
	margin-bottom: 0px !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: 0px 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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	text-align: center;
	line-height: 28px;
	padding: 4px 6px;
	min-height: 28px;
	display: block;
}

#appFastView .skuPropertyLink:hover{
	opacity: 0.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 #dddddd;
	color: #000000;
}

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

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

#appFastView .oSkuDropdown{
	background-color: #ffffff;
    border: 1px solid #e7e8ea;
	position: relative;
	line-height: 13px;
	font-size: 13px;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	border-radius: 2px;
	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: #000000;
}

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

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

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

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

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

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

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

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

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

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

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

#appFastView .appFastViewExit{
	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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	margin-bottom: 24px;
	position: relative;
	margin-top: 24px;
	color: #000000;
	z-index: 0;
}

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

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

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

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

#appFastView .catalogQtyBlock  .catalogQty{
	background-color: #ffffff;
	vertical-align: middle;
	display: inline-block;
	font-size: 14px;
	height: 40px;
	border: 0px;
	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: #ff0000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#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 0px transparent;
	height: 15px;
	width: 79px;
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
}

#appFastView i.m{
	background: url(/local/templates/dresscode/images/rating2.png) repeat 0 -14px transparent;
	width: 0px;
	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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
    text-decoration: none;
    line-height: 21px;
    font-size: 14px;
    color: #000000;
}

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

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

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

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

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

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

.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{
	display: flex;
}

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

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

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

#footerTabsCaption h2{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-transform: uppercase;
	font-family: 'robotobold';
	text-decoration: none;
	padding-bottom: 8px;
	font-size: 16px;
	color: #888888;
	line-height: 1;
	margin: 0;
	display: inline-block;
}
#footerTabsCaption .selected h2{
	color: #000;
}


#footerTabs{
	overflow: hidden;
}

#footerTabs .tab{
	display: none;
}

#footerTabs .tab.selected{
	display: block;
}

#footerTabs .product:hover .wrap,
#footerTabs .product:hover .tabloid,
#personalCart .product:hover .wrap,
#personalCart .product:hover .tabloid{
	box-shadow: none;
}

#footerTabs .product:hover .tabloid{
	border-color: transparent;
}

#personalCart .product:hover .tabloid{
	border-bottom-color: #e7e8ea;
}

#footerLine{
	position: fixed;
	z-index: 999;
	width: 100%;
	bottom: 0;
}

#footerLine.color_white{
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
	border-color: #f3f3f3;
}

#footerLine.color_theme{
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.35);
	border-color: transparent;
}

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

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

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

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

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

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

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

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

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





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

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

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

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

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

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

#footerLine.color_white .item .compare.active:hover,
#footerLine.color_white .item .wishlist.active:hover,
#footerLine.color_white .item .cart.active:hover,
#footerLine.color_white .item .compare.active:hover .mark,
#footerLine.color_white .item .wishlist.active:hover .mark,
#footerLine.color_white .item .cart.active:hover .mark{
	opacity: 0.8;
}

#footerLine .wrapper{
	padding: 8px 30px;
	width: calc(100% - 340px);
	display: flex;
	align-items: center;
	gap: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 1330px) {
	#footerLine .wrapper {
		width: 100%;
	}
}
@media screen and (max-width: 1160px) {
	#footerLine .wrapper {
		flex-wrap: wrap;
		row-gap: 5px;
	}
	#footerLine .item:last-child {
		width: 100%;
	}
	#footer {
		padding-bottom: 62px;
	}
}
@media screen and (max-width: 860px) {
	#footer {
		padding-bottom: 87px;
	}
}
@media screen and (max-width: 520px) {
	#footerLine .wrapper {
		padding: 5px;
		column-gap: 8px;
	}
	#footer {
		padding-bottom: 79px;
	}
	#flushFooterCart {
		gap: 8px!important;
	}
}
@media screen and (max-width: 476px) {
	#footer {
		padding-bottom: 95px;
	}
}


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

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


#footerLine .item .compare,
#footerLine .item .wishlist,
#footerLine .item .cart{
	display: flex;
	align-items: center;
	gap: 8px;
	text-transform: uppercase;
}

#footerLine .item .mark{
	padding: 0 9px;
	border-radius: 3px;
	background-color: #4F4F4F;
	color: #8B8B8B!important;
	font-size: 14px!important;
	font-weight: 400!important;
	line-height: 25px!important;
	overflow: hidden;
}
#footerLine .item .active .mark {
	color: #F97310!important;
}

/* #footerLine .item .compare .icon,
#footerLine .item .wishlist .icon,
#footerLine .item .cart .icon{
	height: 20px;
	width: 20px;
} */


#footerLine .item a,
#footerLine .item a span{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	color: #ABABAB!important;
	font-size: 14px!important;
	font-weight: 400!important;
	line-height: normal!important;
}

#footerLine .item{
	color: #ABABAB!important;
	font-size: 11px!important;
	font-weight: 400!important;
	line-height: normal!important;
	flex-shrink: 0;
}
#flushFooterCart {
	display: flex;
	align-items: center;
	gap: 24px;
}
#footerLine .item a:active{
	position: relative;
	top: 1px;
}

#footerLine .item:last-child{
	flex-shrink: 1;
}

#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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.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: #000000;
	position: fixed;
	display: none;
	opacity: 0.8;
	height: 100%;
	width: 100%;
	z-index: 33;
	left: 0px;
	top: 0px;
}

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

/* CLASSES */

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

.ajaxContainer.loading{
	opacity: 0.5;
}

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

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

.productList{
	list-style: none;
	padding: 0;
	margin: 0;
	/* border-left: 1px solid #e7e8ea;
	border-top: 1px solid #e7e8ea; */
}

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

.product{
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	float: left;
	width: 20%;

	height: 100%;
}
.product.squares {
	width: calc(100% / 3 - 10px);
	height: auto;
	float: none;
	/* flex-grow: 1; */
}
@media (max-width: 800px) {	
	.product.squares {
		width: calc(50% - 5px);
	}
}
@media (max-width: 800px) {	
	.product.squares {
		width: 100%;
	}
}
.leftMenu .product:before{
	display: none;
}

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

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

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

/* .product .tabloid{
	margin-right: 10px;

	-webkit-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
	-moz-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
	-o-transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	position: relative;
	overflow: hidden;
	padding: 40px 15px 20px;
	background-color: #F7F7F7;
	border-radius: 5px;
	height: 340px;
	z-index: 1;

} */
 .product .tabloid {
	margin: 0;
	padding: 20px;
	padding-top: 45px;
	background-color: #fff;
	border-radius: 8px;
	height: 100%;
	box-sizing: border-box;
}
 .product .tabloid .optional,
 .product .tabloid .skuProperty,
 .product .tabloid .addCartContainer + a {
	display: none;
}
 .product .tabloid .productTable {
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.productColImage {
	align-self: center;
}
 .product .tabloid .productTable .productColText {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	gap: 15px;
}
 .product .tabloid .productTable .name {
	margin: 0;
	padding-bottom: 10px;
}
#main  .product .tabloid .productTable .productColText .middle{
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
}
#main  .product .price > span {
	font-size: 16px;
	font-weight: 800;
	line-height: 20px;
}
.product .markerContainer{
	pointer-events: none;
	position: absolute;
	z-index: 88;
	left: 0;
	top: 10px;
}

.product .marker {
	font-size: 12px!important;
	font-weight: 500!important;
	line-height: 15px!important;
	padding: 8px 15px!important;
	border-radius: 0px 5px 5px 0px!important;
	color: #fff!important;
	z-index: 2;
}

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

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

.product .rating i.m {
	background: url(/local/templates/dresscode/images/rating.png) repeat 0 -14px transparent;
	z-index: 10;
	width: 0px;
}

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

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

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

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

.product .name{
	margin: 15px 0;
	-webkit-transition: 0.2s all ease-in-out;
	-o-transition: 0.2s all ease-in-out;
	transition: 0.2s all ease-in-out;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	display: block;
	text-decoration: none;
	overflow: hidden;
}

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

.product .price{
	margin-top: auto;
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
}

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

.product .price .discount{
	position: absolute;
	left: 0;
	bottom: 40px;
	font-size: 14px;
}

.product .picture{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	position: relative;
	display: block;
	text-align: center;
	height: 240px;
	line-height: 240px;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
}

.product .picture img{
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	transform: translate3d(0,0,0);
	vertical-align: middle;
  width: 100%;
	height: 100%;
	object-fit: cover;
}

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

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

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

.product .getFastView,
#catalogLineList .picture .getFastView,
#specialProduct .productItem .getFastView{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: 'roboto_condensedlight';
	background-color: #2b2b2b;
	text-decoration: none;
	border-radius: 2px;
	visibility: hidden;
	position: absolute;
	text-align: center;
	margin-left: -75px;
	margin-top: -20px;
	line-height: 40px;
	cursor: pointer;
	color: #ffffff;
	/*display: none;*/
	height: 40px;
	width: 150px;
	opacity: 0;
	z-index: 2;
	left: 50%;
	top: 50%;
}

.product:hover .getFastView,
#catalogLineList .picture:hover .getFastView,
#specialProduct .productItem .picture:hover .getFastView{
	visibility: visible;
	/*display: block;*/
	opacity: 0.9;
}

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

.product .addCart{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.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;
	cursor: pointer;
}

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

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

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

.product .addCartContainer{
	position: relative;
	overflow: hidden;
}

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

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

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

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

.product .quantityContainer{
	transition: all 0.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: 10px;
    padding: 0 2px;
    color: #ffffff!important;
    margin: 0 4px;
    height: 28px;
    width: 55px;
    border: 0;
}

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

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

.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 0px 0px;
}

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

.product .quantityContainer .plus:hover,
.product .quantityContainer .minus:hover{
	background-color: rgba(255, 255, 255, 0.15);
}

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

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

.product .icon{
	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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.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: #009606 !important;
	text-decoration: none;
}
.inStock span {
	color: #009606!important;
}

.inStock:hover{
	color: #009606 !important;
}

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

.getStoresWindow.inStock:hover span{
	opacity: 0.8;
}

.outOfStock{
	color: #ff0000;
}

.outOfStock:hover{
	color: #ff0000;
}

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

.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;
	/*top: -2px;*/
}

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

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

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

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

/* product hover */

.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: 0.2s all ease-in-out;
	-o-transition: 0.2s all ease-in-out;
	transition: 0.2s all ease-in-out;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	width: 100%;
}

.product.last .showMore:hover{
	opacity: 0.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: 0px;
}

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

.item .oSkuDropdown{
	background-color: #ffffff;
    border: 1px solid #e7e8ea;
	position: relative;
	line-height: 13px;
	font-size: 13px;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	border-radius: 2px;
	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: #000000;
}

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

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

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

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

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

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

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

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

.item .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink{
	border: 0px;
}

.item .oSkuDropdownList .oSkuDropdownListItem.disabled{
	display: none;
}

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

.item .oSkuDropdownList .skuPropertyValue.loading:after{
	left: 18px;
}

.sideBlock .heading{
	padding-left: 18px;
}

.heading.collapsed{
	text-decoration: none;
	overflow: hidden;
	margin-right: 24px;
	float: left;
	width: 355px;
	line-height: 50px;
	height: 50px;
	display: block;
	color: #ffffff;
	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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	font-family: "roboto_ltregular" , arial , sans-serif;
	margin-top: 8px;
	padding: 0 12px;
	height: 48px;
	border: 0px;
}

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


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

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

#userPersonalInfoReg.error + label:before{
	border: 1px solid #ff0000 !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: 0px;
	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: 0px;
}

.bx-auth input[type="checkbox"]:not(checked) + label:hover:before,
.bx-auth input[type="radio"]:not(checked) + label:hover:before {
	background-position: 0 -17px;
}

.bx-auth input[type="checkbox"]:checked + label:before,
.bx-auth input[type="radio"]:checked + label:before {
	background-position: 0 -34px;
}

.bx-auth input[type="checkbox"]:checked + label:hover:before,
.bx-auth input[type="radio"]:checked + label:hover:before {
	background-position: 0 -51px;
}

.bx-auth input[type="checkbox"]:disabled + label,
.bx-auth input[type="radio"]:disabled + label {
	cursor: default;
}

.bx-auth input[type="checkbox"]:disabled + label:before,
.bx-auth input[type="radio"]:disabled + label:before {
	background-position: 0 -68px !important;
}

.bx-auth input[type="text"],
.bx-auth input[type="password"] {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 12px;
	width: 420px;
	height: 48px;
	border: 0;
}

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

.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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	text-decoration: none;
	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: 0px;
	height: 30px;
}

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

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

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

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

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

.blackLink, .backToIndexPage{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.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 li table td.img {
    vertical-align: top;
}
.contactList a{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
}

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

}

.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.png) 0 0 no-repeat transparent;
}

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

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

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

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

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

.sn .vk:hover{
	background-position: 0 -60px;
}

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

.sn .od:hover{
	background-position: -120px -60px;
}

.sn .tw:hover{
	background-position: -180px -60px;
}

.sn .go:hover{
	background-position: -240px -60px;
}

.sn .yo:hover{
	background-position: -300px -60px;
}

#upButton{
	background: url(/local/templates/dresscode/images/up.png) 0 0 no-repeat transparent;
	position: fixed;
	cursor: pointer;
	display: none;
	bottom: 240px;
	height: 73px;
	width: 73px;
	right: 17px;
	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: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    display: none;
    z-index: 1001;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
}

#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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	margin: 24px auto;
	font-size: 14px;
	color: #ffffff;
	display: block;
	height: 50px;
	width: 254px;
}

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


#requestPrice #requestPriceContainer{
    box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
    background-color: #ffffff;
    margin-left: -350px;
    margin-top: -215px;
    position: absolute;
    overflow: hidden;
    height: 430px;
    width: 700px;
    left: 50%;
    top: 50%;
}

#requestPrice .requestPriceHeading{
    background-color: #424242;
    position: relative;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    color: #ffffff;
    height: 60px;
}

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

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

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

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

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

#requestPrice .productNameBlock {
    padding: 0 24px;
}

#requestPrice .productNameBlock .productUrl{
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    text-decoration: none;
    margin-bottom: 12px;
    line-height: 44px;
    overflow: hidden;
    font-size: 14px;
    display: block;
    color: #000000;
    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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	line-height: 270px;
	display: block;
	height: 270px;
}

#requestPrice .productImageBlock a:hover{
	opacity: 0.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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "roboto_ltregular";
	margin-bottom: 12px;
	padding-left: 12px;
	width: 354px;
	height: 50px;
	border: 0;
}

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

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

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

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

#requestPrice textarea{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	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: none;
}

#requestPrice #requestPriceSubmit{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	cursor: pointer;
	display: block;
	color: #ffffff;
	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: 0.9;
}

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

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

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

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

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

#searchSection a:hover{
	opacity: 0.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{
    /*border-top: 1px solid #e7e8ea;*/
    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{
    /*font-weight: 800;*/
    color: #73b24e;
}

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

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

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

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

#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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.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: 0.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 #BDBDBD;
	display: inline-block;
	position: relative;
	border-radius: 4px;
	height: 40px;
	width: 170px;
	background-color: #FAFAFA;
}

.dropDownList.countElements{
	width: 85px;
}

.dropDownList .dropDownSelected{
	transition: all 0.2s ease-in-out;
	text-overflow: ellipsis;
	padding: 0 36px 0 12px;
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	line-height: 40px!important;
	overflow: hidden;
	font-size: 14px!important;
	cursor: pointer;
	color: #828282!important;
	height: 40px;
	width: 100%;
}

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

.dropDownList .dropDownSelected:after{
	background: url(/local/templates/dresscode/images/selectArrow.png) 50% 50% no-repeat transparent;
	position: absolute;
	margin-top: -5px;
	display: block;
	content: "";
	height: 10px;
	right: 16px;
	width: 19px;
	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: #ffffff;
	display: block;
}

.dropDownList .dropDownItem{
	transition: all 0.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: 0.9;
}

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

/* panels colors */

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

body.panels_white #homeCatalog .caption{
	border-left: 1px solid #e7e8ea;
}

body.panels_white #homeCatalog .caption:not(.selected):hover{
	background-color: #fbfbfb;
}

body.panels_white #homeCatalog .caption.selected a{
	color: #ffffff;
}

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

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

body.panels_white #serviceBlock .sideBlockContent,
body.panels_white #collectionBlock .sideBlockContent,
body.panels_white #left #subscribe .sideBlockContent{
	border-top: 0px;
}

body.panels_white #left #subscribe .heading{
	border-left: 0px;
	border-right: 0px;
}

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

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

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

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

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

#catalogLine .oSmartFilter .ico {
	background: url(/bitrix/templates/dresscodeV2/images/filterIco.png) 0 0 no-repeat transparent;
	vertical-align: middle;
	display: inline-block;
	padding-right: 12px;
	margin-top: -2px;
	height: 11px;
	width: 15px;
}
#topCallback a.heading:hover,
#topCallback a.heading:focus {
	color: #01b0cd !important;
}
@media all and (max-width: 1800px) {
	body.panels_white #right .heading{
		border-bottom: 0px;
	}
}

/* end new panels colors */

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

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

.limiter{
	padding: 0px 24px;
	max-width: 1920px;
	min-width: 320px;
	margin: auto;
	clear: both;
}
.limiter .compliter > div[id*="bx_"] {
    width: 355px;
    /*padding-right: 24px;*/
    display: table-cell;
    vertical-align: top;
}

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

/* page styles */

.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: normal;
	padding: 12px 24px;
}

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

.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: 0.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: 341px;
		width: 25%;
	} */

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

	

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

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

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

	.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),
	#viewedProduct .product:nth-child(4n+1),
	#topProduct .product:nth-child(4n+1){
		border-left: none !important;
	}

	#popSection .item{
		height: 150px;
	}

	#popSection .tabloid{
		padding: 6px;
	}

	#popSection .picture{
		height: 90px;
		line-height: 90px;
	}

	#popSection .nameWrap{
		height: 32px;
		line-height: 32px;
	}

	#popSection .name{
		line-height: 16px;
	}

	#popSection .last{
		line-height: 150px;
	}

	#brandList .item{
		height: 96px;
		line-height: 96px;
	}

	#brandList .picture{
		height: 72px;
		line-height: 72px;
	}

}

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

	#bannersBlock{
		display: none;
	}

	#sliderBlock{
		width: 100%;
	}


}

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

	#catalogLineList .description{
		display: none;

	}

	#catalogLineList .prop{
		width: 100%;
	}

	#catalogTableList .column:nth-child(4){
		display: none;
	}

	#left{
		width: 320px;
	}

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

	#modef{
		left: 335px;
	}

}

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


	#footer .information .label{
		display: block;
	}

	#topHeading{
		display: none;
	}

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

    .product .addCartContainer:hover .addCart.added .icon,
    .product .addCartContainer:hover .addCart.disabled .icon,
    .product .addCartContainer:hover .addCart.subscribe .icon,
    .product .addCartContainer:hover .addCart.requestPrice .icon{
    	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 0.4s ease-in-out;
    	visibility: hidden;
    	padding: 0px;
    	height: 0px;
    	margin: 0px;
    	width: 0px;
    	opacity: 0;
    }

    .product .quantityContainer{
    	right: 18px;
    	top: 18px;
    }

	.product .quantityContainer .plus,
	.product .quantityContainer .minus {
		height: 24px;
		width: 24px;
	}
    .product .quantityContainer .quantity{
		height: 24px;
		width: 35px;
	}

}

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


	.contactList li{
		margin-bottom: 24px;
		width: 50%;
	}

	.mfeedback input,
	.mfeedback textarea,
	div.mf-name input,
	div.mf-email input,
	div.mf-message textarea{
		width: 100%;
	}

	.mfeedback input[type="submit"]{
		width: 200px;
	}

	#left{
		width: 280px;
	}

	.disabled1366{
		display: none;
	}

	#modef{
		left: 295px;
	}

}

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

	#logo{
		width: 196px;
	}

	#topService .city{
		display: none;
	}

	#headerTools .wishlist .nf{
		display: none;
	}

	#headerTools .compare .nf{
		display: none;
	}

	#footer .nav > li{
		width: 33.313131%;
	}

	#footer .nav > li:last-child{
		display: none;
	}

	#middleSlider{
		display: none !important;
	}

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

	#footer .rightTable .leftColumn{
		display: none;
	}

	#empty .emptyMenu li{
		width: 50%;
	}

	.product{
		width: 33.33333%;
	}

	#brandList .item,
	#popSection .item{
		width: 25%;
	}

	.disabled1366{
		display: block;
	}

}

@media all and (max-width: 1300px) and (min-width: 1150px) {

	#popSection .item:nth-child(4n+1).last,
	#brandList .item:nth-child(4n+1).last{
		line-height: 70px;
		height: 70px;
		width: 100%;
	}

	#popSection .item:nth-child(4n+1).last .icon,
	#brandList .item:nth-child(4n+1).last .icon{
		display: none;
	}

	#popSection .item:nth-child(4n+1).last .small,
	#brandList .item:nth-child(4n+1).last .small{
		display: none;
	}

	.product:nth-child(3n+1).last{
		line-height: 70px;
		height: 70px;
		width: 100%;
	}

	.product:nth-child(3n+1).last .icon{
		display: none;
	}

	.product:nth-child(3n+1).last .small{
		display: none;
	}

}


@media all and (min-width: 1281px) {

	.global-content-block + div[id*="bx_"]{
		display: table-cell;
		width: 290px;
	}
}

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

	.global-block-container{
		min-height: auto !important;
	}

	.global-block-container .global-information-block{
		display: none;
	}

	#left{
		width: 330px;
	}

	#homeCatalog .captionList{
		line-height: 55px;
		height: 55px;
	}

	#homeCatalog .captionBtnRight,
	#homeCatalog .captionBtnLeft{
		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: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: 0px;
		width: 100%;
		clear: both; */
	}
	#catalogLineList .column:last-child:after {
		display: table;
		content: '';
		clear: both;
	}

	#catalogLineList .resizeColumn{
		text-align: center;
		width: 30%;
		float: left;
	}
	#catalogLineList .resizeColumn + .resizeColumn {
		width: 70%;
	}

	#catalogLineList .column .resizeColumn.last{
		/* text-align: right; */
		/* width: 40%; */
		display: none;
	}

	#catalogLineList .column:last-child .priceLabel{
		display: inline-block;
		padding-left: 24px;
		float: none;
	}

	#catalogLineList .column:last-child .price{
		display: inline-block;
		margin: 0px;
	}


	#catalogLineList .column:last-child .optional{
		margin: 9px 0 0 0px;
		font-size: 14px;
	}

	#catalogLineList .column:last-child .optional .row{
		margin-bottom: 4px;
		padding: 0px;
	}

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


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

}

#elementContainer {max-width: 663px;}

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

	#breadcrumbs ul {
		display: flex;
		flex-wrap: wrap;
	}
	#main .compliter {
		display: flex;
		flex-direction: column;
	}


	#colorSwitcher{
		display: none !important;
	}

	#left .collapsed{
		display: none;
	}

	#bestsellers{
		margin-top: 0;
	}

	#left{
		margin-bottom: 24px;
	}

	#left, #right{
		display: block;
		width: 100%;
	}

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

	#left #promoBlock,
	#left #serviceBlock,
	#left #collectionBlock,
	#left #newsBlock,
	#left #popCats,
	#left #subscribe,
	#left .banner,
	#footer .top .left,
	#headerTools .nf,
	.product:hover .fastShow{
		display: none;
	}

	#right{
		padding-left: 0px;
	}

	#smartFilter .heading{
		cursor: pointer;
	}

	/* #catalogLine .oFilter {
		display: inline-block;
		margin-right: 12px;
	} */

	#main #smartFilter {
		box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
		background: #ffffff;
		border: 0;
	}

	#main #smartFilter.opened {
		/*-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;*/
		pointer-events: auto;
		visibility: visible;
		opacity: 1;
	}


	#smartFilterForm{
		/*display: none;*/
	}

	#smartFilterForm .slider{
		display: none;
	}

	.appZoomContainerImage{
		max-width: 60vh !important;
		max-height: 60vh !important;
	}

	#reformal_tab{
		display: none !important;
	}

	.product .getFastView,
	#specialProduct .productItem .getFastView,
	#catalogLineList .picture .getFastView{
		display: none !important;
	}

	#appFastView{
		display: none !important;
	}

	#fastViewStores{
		display: none !important;
	}

	#slider ol{
		bottom: 5px;
	}

	#specialBlock{
		display: none !important;
	}

	.product{
		width: 25%;
		height: 306px;
	}

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

	

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

	.productSpecialTime{
		top: 30px;
	}

	.leftMenu li .pc{
		display: table-cell;
	}

	.leftMenu .pc, .leftMenu .tx{
		padding: 8px;
	}

	#slider .videoPoster{
		display: block;
	}

	#slider .slideVideo{
		display: none;
	}

	.templateSwitcherSettings,
	.templateSwitcher{
		display: none !important;
	}

	#brandList .item,
	#popSection .item{
		width: 25%;
	}

	#homeCatalog .captionList{
		height: 50px;
		line-height: 50px;
	}

	#homeCatalog .captionBtnRight,
	#homeCatalog .captionBtnLeft{
		display: none !important;
	}

	#homeCatalog .caption a{
		font-size: 14px;
	}

	#homeCatalog #captionCarousel{
		position: relative;
	}

}

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

	/* #rowFooter,
	#leftFooter,
	#leftFooter .column,
	#rightFooter{
		display: block;
		padding: 0px;
		width: 100%;
	}

	#leftFooter{
		box-sizing: border-box;
		padding: 24px;
	} */

	#leftFooter .column{
		box-sizing: border-box;
		margin-bottom: 12px;
	}

	#leftFooter .column:last-child{
		margin-bottom: 0px;
	}

	#leftFooter .heading{
	    background-color: rgba(0, 0, 0, 0.1);
		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: 0px;
	    margin: 0px;
	}

	#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: 0px;
	    right: 12px;
	    top: 0px;
	}

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

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

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

	#rightFooter .rightTable{
		display: block;
	}

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

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

	#footer .rightTable .leftColumn{
		display: block;
	}

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

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

}

@media all and (max-width: 1150px) and (min-width: 1024px){

	#popSection .item:nth-child(3n+1).last,
	#brandList .item:nth-child(3n+1).last{
		line-height: 70px;
		height: 70px;
		width: 100%;
	}

	#popSection .item:nth-child(3n+1).last .icon,
	#brandList .item:nth-child(3n+1).last .icon{
		display: none;
	}

	#popSection .item:nth-child(3n+1).last .small,
	#brandList .item:nth-child(3n+1).last .small{
		display: none;
	}

}

@media all and (max-width: 1024px) and (min-width: 1000px){

	.product:nth-child(4n+1).last{
		line-height: 70px;
		height: 70px;
		width: 100%;
	}

	.product:nth-child(4n+1).last .icon{
		display: none;
	}

	.product:nth-child(4n+1).last .small{
		display: none;
	}
}

@media all and (max-width: 1000px) and (min-width: 790px){

	.product:nth-child(3n+1).last{
		line-height: 70px;
		height: 70px;
		width: 100%;
	}

	.product:nth-child(3n+1).last .icon{
		display: none;
	}

	.product:nth-child(3n+1).last .small{
		display: none;
	}

}

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

	.product{
		width: 33.33333%;
	}

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

}

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

	#headerTools .nf{
		display: none;
	}

}

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

	#topHeading{
		display: none;
	}

	#catalogLineList .column:last-child .priceLabel,
	#catalogLineList .column:last-child .price{
		font-size: 18px;
	}

	#modef{
		display: none !important;
	}

	#catalogLine .column:nth-child(3){
		display: none;
	}

	#footerLine .col:first-child{
		display: none;
	}

	#footerLine .col:last-child{
		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: 0px;
		width: 100%;
	}

	#requestPrice .formColumn{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 24px;
		width: 100%;
	}

	#requestPrice input,
	#requestPrice textarea,
	#requestPrice #requestPriceSubmit{
		width: 100%;
	}

	#requestPrice input{
		height: 45px;
	}

	#requestPrice textarea{
		height: 50px;
	}

	#requestPrice #requestPriceContainer{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #ffffff;
		transform: translateX(-50%);
		padding-right: 0px;
		padding-left: 0px;
		margin-left: 0px;
		width: 90%;
		left: 50%;
	}

	#requestPriceForm{
		margin-bottom: 24px;
	}

	#requestPrice .requestPriceFormHeading{
		margin-right: 0px;
	}

	#rowFooter{
		display: block;
	}

	#leftFooter,
	#rightFooter{
		display: block;
		width: 100%;
	}

	#rightFooter .rightTable td{
		text-align: left;
	}
	#catalogLineList .itemRow {
		flex-wrap: wrap;
	}
	#catalogLineList .column:first-child {
		width: 30%;
	}
	#catalogLineList .column:last-child {
		width: 100%;
	}
	#catalogLineList .resizeColumn {
		text-align: left;
		width: 100%;
		padding: 0 20px;
	}
}


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

	div[id*="bigdata_recommended_"],
	#footerTabsCaption,
	#footerTabs,
	#footerTabs .tab{
		display: none !important;
	}

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

	.limiter{
		padding: 0;
	}

	#topMenu{
		margin-left: 12px;
	}

	#subHeader #logo,
	#subHeader.color_theme #logo,
	#subHeader.color_black #logo{
		border: 0;
	}

	#topSearch form{
		box-sizing: border-box;
	}

	#left{
		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) .textLabel,
	#flushFooterCart .item:nth-child(2) .textLabel {
		display: none;
	}
	#flushFooterCart .item:nth-child(1) .icon,
	#flushFooterCart .item:nth-child(2) .icon{
		margin-right: 6px;
	}

	#catalogLineList .resizeColumn{
		/* width: 40%; */
	}

	#catalogLineList .column .resizeColumn.last{
		width: 20%;
	}

	#catalogLineList .column:last-child .optional .label{
		width: 100%
	}


	#catalogLineList .column:last-child .priceLabel{
		display: none;
	}

	#catalogTableList .column:nth-child(8){
		display: none;
	}

	#appBasket{
		display: none !important;
	}

	#overlap{
		display: none !important;
	}

	.blurred{
		-webkit-filter: blur(0px) !important;
	    -moz-filter: blur(0px) !important;
	    -ms-filter: blur(0px) !important;
	    -o-filter: blur(0px) !important;
	    filter: blur(0px) !important;
	}

	#upButton{
		display: none !important;
	}

	#newsContainer .column .item .bigPicture{
		width: 100%;
		float: none;
	}

	#catalogSection .sectionItems .item .itemContainer .description{
		display: none;
	}

	div.mf-name, div.mf-email, div.mf-captcha, div.mf-message{
		width: 100%;
	}

	.product .row:first-child{
		display: none;
	}

	.product{
		height: 140px;
		width: 50%;
	}

	body .product:hover .tabloid{
		box-shadow: none;
		border-color: transparent;
	}

	.product .btn-simple.add-cart:hover{
		border-color: #e7e8ea;
	}

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

	.product .btn-simple {
		display: inline-block;
		font-size: 13px;
	}

	.product .tabloid{
		height: 100%;
	}

	/* .product:hover .tabloid{
		height: 100%;
	} */

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

	.product .optional{
		display: none;
	}

	.product .skuProperty{
		display: none;
	}

	.product .addCart{
		display: none;
	}

	.product .price .discount{
		height: auto;
	}

	.product .name{
		height: 45px;
		line-height: 45px;
        font-size: 13px;
	}
    .product .price {
        line-height: 1;
    }

	.product .middle{
		line-height: 14px;
	}

	.product .price{
		margin-bottom: 6px;
		font-size: 14px;
	}

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

	.product .markerContainer{
		left: 6px;
		top: 6px;
	}

	.product .marker{
		margin-bottom: 2px;
	}

	.product .getPricesWindow .priceIcon{
		display: none;
	}

	.product .rating{
		display: none;
	}

	.product .addCartContainer{
		display: none;
	}

	.product .price .discount{
		margin-top: 2px;
	}

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

	.productSpecialTime{
		display: none;
	}

	.productTable{
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	.productColImage{
		width: 110px;
		padding-right: 12px;
		display: table-cell;
		vertical-align: middle;
	}

	.productColText{
		display: table-cell;
		vertical-align: middle;
	}

	.product.last .icon{
		height: 33px;
		margin-bottom: 6px;
	}

	.product.last .icon .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{
		width: 100%;
	}

	.productColImage {
		width: 40%;
		min-width: 110px;
		max-width: 160px;
	}

	#popSection .item{
		height: 170px;
	}

	#popSection .nameWrap{
		height: 48px;
		line-height: 48px;
	}

	#popSection .last .value,
	#popSection .last .ps{
		font-size: 16px;
	}

	#brandList .last .ps,
	#brandList .last .value,
	#popSection .last .small{
		font-size: 14px;
	}

	#homeCatalog #captionCarousel:before{
		content: "";
		position: absolute;
		z-index: 2;
		right: 0;
		top: 0;
		width: 80px;
		height: 100%;
		background: -moz-linear-gradient(left,  rgba(43,43,43,0) 0%, rgba(43,43,43,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(43,43,43,0) 0%,rgba(43,43,43,1) 100%);
		background: linear-gradient(to right,  rgba(43,43,43,0) 0%,rgba(43,43,43,1) 100%);
		pointer-events: none;
	}

	#footerBottom .creator{
		display: none;
	}

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

	#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){
	
	#catalogLineList .column:first-child {
		width: 100%;
	}
	#catalogLineList .column:last-child {
		margin-top: 15px;
		flex-direction: row;
	}
	#catalogLine .column:last-child{
		display: none;
	}
	#catalogLineList .addtocart {
		align-items: flex-start;
	}

	#catalogLine .column:nth-child(2){
		width: 100%;
		float: right;
	}
	#catalogLine .column:nth-child(2) > .sortFields {
		width: 100%;
	}

}

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

	.top-auth-personal,
	.top-auth-exit,
	.top-auth-login,
	.top-auth-register{
		border: none !important;
		position: absolute;
		top: 103px;
	}

	.top-auth-personal,
	.top-auth-login{
		left: 12px;
	}

	.top-auth-exit{
		left: 120px;
	}

	.top-auth-register{
		left: 52px;
	}

	#subHeader #headerTools,
	#subHeader.color_theme #headerTools,
	#subHeader.color_black #headerTools{
		border: 0;
	}

	#headerTools .telephone{
		line-height: 21px !important;
		border: none !important;
		position: absolute;
		padding: 0px;
		right: 0px;
		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: #888888;
	}

	#subHeader #headerTools .tools li,
	#subHeader.color_theme #headerTools .tools li,
	#subHeader.color_black #headerTools .tools li{
		border: none !important;
	}

	#subHeader #topService,
	#subHeader.color_theme #topService,
	#subHeader.color_black #topService{
		border: none;
	}

	#topHeader #topService li,
	#topHeader.color_theme #topService li,
	#topHeader.color_black #topService li{
		padding: 0px;
		border: none;
	}

	#topService.color_theme > li > a{
		color: #ffffff !important;
	}

	#topService.color_theme > li > a:hover{
		opacity: 0.8;
	}

	#topHeader.color_theme #topService,
	#topHeader.color_black #topService{
		border: 0;
	}

	#logo{
		padding-left: 12px;
		line-height: 80px;
		height: 80px;
	}

	#headerTools .tools li{
		line-height: 80px;
	}

	#topMenu{
		margin-left: 0px;
	}

	.user-geo-position{
		padding-right: 12px;
		text-align: right;
	}

	#topSearch input[type="text"]{
		padding-left: 6px;
	}

	#topService li a{
		color: #888888;
	}

	#panel{
		position: fixed;
		z-index: 9999;
	}

	#logo{
		text-align: left;
	}

	#topSearch input[type="text"]{
		font-size: 14px;
	}

	#topSeachCloseForm{
		font-size: 13px;
	}

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

	.sn{
		display: none;
	}

	#catalogTableList .column:nth-child(2){
		padding-left: 0px;
		margin-top: 0px;
	}

	#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 ul li span,
	#slider .slideVideoContainer,
	#slider .videoPoster{
		height: 178px;
	}

	#slider .sliderContent{
		/*text-align: center;*/
		transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		-o-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		/* text-shadow: 1px 1px 10px #ffffff; */
		padding: 0 12px;
		right: unset;
		left: unset;
		width: 100%;
	}

	#slider .sliderContent .bigText,
	#slider .sliderContent .bigTextColor,
	#slider .sliderContent .bigTextLight{
		line-height: 24px;
		font-size: 18px;
	}

	#slider .sliderContent br{
		display: none;
	}

	#slider ul li span {
		-webkit-transition: 1s -webkit-filter linear;
		transition: 1s filter linear;
		opacity: 0.7;
	}

	#slider ul li span:hover {
		transform: scale(1);
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
		-webkit-filter: blur(0px);
		filter: blur(0px);
	}

	#slider .sliderContent .cButtonLight,
	#slider .sliderContent .cButton{
		line-height: 40px;
		margin-top: 12px;
		padding: 0 12px;
		height: 40px;
	}

	#slider .sliderContent .bigText,
	#slider .sliderContent .bigTextColor,
	#slider .sliderContent .bigTextLight{
		margin-top: 6px;
	}

	#slider .sliderContent .mediumText,
	#slider .sliderContent .mediumTextColor,
	#slider .sliderContent .mediumTextLight{
		line-height: 21px;
		margin-top: 6px;
	}

	#slider .sliderContent .smallText,
	#slider .sliderContent .smallTextColor,
	#slider .sliderContent .smallTextLight{
		line-height: 18px;
		font-size: 13px;
		margin-top: 6px;
	}

}

@media all and (max-width: 450px){
	#topHeader2V3 * {
		font-size: 12px;
	}
	#topServiceV3 .heading {
		/* max-width: 120px; */
	}
	.user-geo-position{
		display: none!important;
	}
	#topServiceV3 {
		margin: 0;
		padding: 0;
	}
	.limiterV3 {
		padding-bottom: 10px;
	}
	#subHeader2V3 #topCallback a[href^="tel:"] {
		font-size: 16px;
	}
	#subHeader2V3 #topCallback a[href^="mailto"] {
		margin-top: 0;
		font-size: 12px;
	}
	#topSearchLine {
		max-width: calc(100vw - 132px);
	}

	#appFastBuyContainer{
		padding-bottom: 24px;
		height: auto;
	}

	#appFastBuyContainer .formLine:last-child{
		margin-bottom: 0px;
	}

	#appFastBuyContainer #fastBuyFormSubmit{
		width: 80%;
	}

}

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

	.productColImage {
		width: 50%;
	}

	/* #catalogLine .oFilter{
		margin-right: 0;
	} */

	#catalogLine{
		padding: 5px;
		border: none;
	}

	#catalogColumn #smartFilter{
		margin-top: 42px;
	}

}

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

	#brandList .item{
		width: 50%;
	}

	#brandList .item:nth-child(2n+1).last{
		line-height: 70px;
		height: 70px;
		width: 100%;
	}

	#brandList .last .ps,
	#brandList .last .value,
	#popSection .last .small {
		font-size: 13px;
	}

	#catalogLine .oSmartFilter.btn-simple.btn-micro{
		min-width: 94px;
	}

	#headerTools .tools li{
		border-left: none;
	}

	#logo{
		width: 120px;
	}

}

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

	#headerTools .tools .telephone{
		display: none !important;
	}

}

#ORDER_CONFIRM_BUTTON{
    text-shadow: none !important;
    height: 50px !important;
    line-height: 50px !important;
}

.addCart.disabled{
	pointer-events: none;
	cursor: default;
}

.addCart.requestPrice{
	background-color: #2b2b2b !important;
	pointer-events: auto !important;
	cursor: pointer !important;
}

.addCart.requestPrice:hover{
	opacity: 0.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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	line-height: 50px;
	cursor: pointer;
	padding: 0 48px;
	height: 50px;
	border: 0px;
}

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: 0px -38px;
}

.appZoomContainerExit:active{
	background-position: 0px -76px;
}

#appZoomWindow .appZoomContainer{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.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: 0px;
}

.getPricesWindow{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer !important;
}

.getPricesWindow:hover{
	color: #444444;
}

.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: 0px -21px;
}

.getPricesWindow .priceIcon:active{
	background-position: 0px -42px;
}

.global-block-container{
	border-collapse: collapse;
	table-layout: fixed;
	display: table;
	width: 100%;
}
.global-block-container.global-flex {
	display: flex;
	flex-direction: column;
	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-block-container.global-flex .global-information-block {
	padding: 0;
	width: 100%;
}
.global-block-container.global-flex .content-block-wrap {
	margin-bottom: 40px;
	padding: 40px;
	background-color: #fff;
	border-radius: 10px;
}
.global-block-container.global-flex .content-block-wrap span {
	display: block;
	font-size: 14px!important;
	font-weight: 400!important;
	line-height: 17px!important;
}
.global-block-container.global-flex .content-block-wrap span.sub {
	margin: 26px 0;
	font-size: 16px!important;
	font-weight: 800!important;
	line-height: 20px!important;
}
.global-information-block.fixed .global-information-block-cn{
	padding-top: 24px;
	overflow: hidden;
	position: fixed;
	width: 280px;
	top: 0px
}

.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: 0px;
	top: auto;
}

.questions-answers .h2{
	margin: 18px 0;
}

.question-answer-wrap{
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	margin-bottom: 12px;
	padding: 0 18px 0 24px;
	border: 1px solid #f3f3f3;
	transition: all 0.2s ease-in-out;
}
.question-answer-wrap:last-child{
	margin-bottom: 0;
}

.question-answer-wrap:hover{
	box-shadow: 0 0 7px 0 rgba(0,0,0, 0.05);
}

.questions-answers-list .question{
	position: relative;
	padding: 24px 0;
	padding-right: 120px;
	cursor: pointer;
}

.questions-answers-list .open-answer{
	position: absolute;
	right: 6px;
	top: 50%;
	width: 110px;
	height: 25px;
	margin-top: -12px;
	overflow: hidden;
}

.questions-answers-list .open-answer span{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	font-size: 13px;
	height: 25px;
	line-height: 25px;
	color: #000000;
	transition: all 0.3s linear;
}

.questions-answers-list span.hide-answer-text{
	top: -25px;
}

.questions-answers-list .active span.hide-answer-text{
	top: 0;
}

.questions-answers-list .active span.open-answer-text{
	top: 25px;
}

.questions-answers-list .open-answer-btn{
	position: absolute;
	right: 0;
	top: 0;
	width: 25px;
	height: 25px;
	background: url("/local/templates/dresscode/images/question-arrow.png") center center / contain no-repeat;
	transition: all 0.3s linear;
}

.questions-answers-list .active .open-answer-btn {
	transform: rotate(-180deg);
}

.questions-answers-list .answer {
	display: none;
	padding: 24px 0;
	border-top: 1px solid #efefef;
	color: #888888;
}

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

.information-list-item{
	border-radius: 10px;
	padding: 20px 15px 15px;
}

.information-item-icon{
	padding-right: 24px;
	width: 42px;
}

.information-list-item a{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	color: #000000;
}

.information-list-item a:hover{
	color: #777777;
}

.information-list-item a:active{
	position: relative;
	top: 1px;
}

.information-feedback-container{
	margin-top: 24px;
}

.information-feedback{
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.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 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	color: #888888;
}

.pilink:hover{
	opacity: 0.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 0px;
	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: 0px;
}

#catalog-section-banners ul > li:first-child{
	width: auto;
}

#catalog-section-banners li img{
	width: 100%;
}

#catalog-section-banners ol{
	margin: 0px;
	padding: 0px;
	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.png) 0 0 no-repeat transparent;
	margin-right: 4px;
	width: 18px;
	height: 18px;
	float:left;
	cursor: pointer;
}

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

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

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

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

#catalog-section-banners ol li.selected:active{
	background: url(/local/templates/dresscode/images/slideButtonSect.png) -90px 0  no-repeat transparent;	
}

#catalog-section-banners .catalog-section-banners-btn-left, 
#catalog-section-banners .catalog-section-banners-btn-right{
	background: url(/local/templates/dresscode/images/slideArrowSect.png) no-repeat transparent;
	position: absolute;
	margin-top: -30px;
	display: block;
	height: 60px;
	width: 30px;
	top: 50%;

}

#catalog-section-banners .catalog-section-banners-btn-left{
	background-position: 0 0;
	left: 0px;
}

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

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

.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 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);
	transform: translateX(192px);
	background-color: #ffffff;
	margin-top: -275px;
	text-align: center;
	position: fixed;
	z-index: 99999;
	height: 550px;
	width: 192px;
	right: 0px;
	top: 50%;
}

#colorSwitcher:hover{
	transform: translateX(0);
}

#colorSwitcher .settingTouch{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: #000000;
	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 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.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 .items,
#colorSwitcher .backgroundItems{
	text-align: center;
	margin-top: 12px;
	overflow: hidden;
}

#colorSwitcher .menuSelect{
	margin-top: 12px;
}

#colorSwitcher .menuSelect select{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 12px;
	outline: none;
	height: 35px;
	width: 85%;
}

#colorSwitcher .menuSelect option{
	padding: 12px 0px;
}

#colorSwitcher .item{
	margin-bottom: 12px;
	margin-left: 12px;
	height: 48px;
	width: 48px;
	float: left;
}

#colorSwitcher .item:nth-child(3n+1){
	/*margin-left: 0px;*/
}

#colorSwitcher .close{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: rgba(0, 0, 0, 0.8);
	text-decoration: none;
	display: inline-block;
	margin-top: 8px;
	text-align: center;
	border-radius: 4px;
	line-height: 30px;
	padding: 0 24px;
	color: #ffffff;
}

#colorSwitcher .close:hover{
	background-color: rgba(0, 0, 0, 1);
}

#colorSwitcher .item a{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	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: #eeeeee;
}

#colorSwitcher .item .black{
	background-color: #000000;
}

.colorSwitcherLoader {
	background-color: rgba(0, 0, 0, 0.4);
	text-align: center;
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 9999;
}

.colorSwitcherLoader svg {
  height: 180px;
  width: 180px;
  margin: auto;
  overflow: visible;
  position: absolute;
  margin-top: -120px;
  top: 50%;
  left: 50%;
  display: none;
}

.colorSwitcherLoader.visible svg{
	display: block;
}

.bx-soa-pp-company{
	z-index: 1 !important;
}

#bx-soa-order * {
  -webkit-box-sizing: border-box !Important;
  -moz-box-sizing: border-box !Important;
  box-sizing: border-box !Important;
}

#reformal_tab{
	z-index: 9991 !important;
}

.sale_order_full_table input[name="BuyButton"]{
	margin-bottom: 24px;
}

.contactAddress{
	max-width: 160px;
}

.microdata{
	display: none;
}

.banner-animated .image { opacity: 0; transform: translate3d(30px,0,0); transition: all 0.6s 0.4s ease-in-out; }
.banner-animated.banner-image-load .image { opacity: 1; transform: translate3d(0,0,0); }

/*start кнопки общие*/

.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: 2px;
	color: #ffffff;
	-webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
	transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
	cursor: pointer;
	text-decoration: none;
}

.btn-simple:active{
	top: 1px;
}

.btn-simple.btn-black{
	background: #2d2d2d;
	border-color: #2d2d2d;
}

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

.btn-simple.btn-black-border{
	background: transparent;
	border-color: #aaaaaa;
	color: #000000;
}

.btn-simple.btn-black-border:hover{
	border-color: #000000;
	background: transparent;
}

.btn-simple.btn-medium{
	padding: 16px 24px 14px;
}

.btn-simple.btn-small{
	min-width: 126px;
	padding: 12px 8px 10px;
}

.btn-simple.btn-micro{
	min-width: 114px;
	padding: 6px 8px 4px;
}


.btn-simple.add-cart{
	min-width: 90px;
	padding: 4px 8px 3px;
	background: transparent;
	color: #000;
	border-color: #e7e8ea;
}

.btn-simple.add-cart:hover{
	border-color: #000;
	background: transparent;
}

.btn-simple.add-cart.disabled{
	opacity: 0.5
}

.active-link{
	display: inline-block;
	font-family: "robotobold";
	font-size: 14px;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px dashed #000000;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.active-link:active{
	position: relative;
	top: 1px;
}

.inactive-link{
	display: inline-block;
	font-family: "robotobold";
	font-size: 14px;
	color: #888888;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.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 0.2s ease-in-out;
	transition: all 0.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 0.2s ease-in-out;
	transition: all 0.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: #000000;
	text-decoration: none;
	border-bottom: 1px dashed #000000;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.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 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.theme-link-dashed:active{
	position: relative;
	top: 1px;
}

.tabs-wrap{
	margin: 24px 0;
}
.tabs-wrap .tabs-links{
	font-size: 0;
}
.tabs-wrap .tab-link{
	display: inline-block;
	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: #888888;
	-webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out;
	transition: background 0.2s ease-in-out, color 0.2s ease-in-out, border 0.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: #888888;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px dashed transparent;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.tabs-wrap .tab-dashed-link.active{
	color: #000000;
	border-color: #000000;
}
.tabs-wrap .tab-dashed-link.active:hover{
	color: #000000;
	border-color: #000000;
}
.tabs-wrap .tabs-content{
	margin-top: 18px;
}
.tabs-wrap .tab-content{
	display: none;
}
.tabs-wrap .tab-content.active{
	display: block;
}

.consultation-wrap{
	box-sizing: border-box;
	padding: 14px 40px 16px 22px;
	border: 1px solid #e7e8ea;
	background: #fafafa;
	color: #000000;
}
.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: #000000;
	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: #000000;
	text-decoration: none;
}

.h2{
	display: block;
	margin-bottom: 6px;
	font-family: "roboto_ltregular";
	font-size: 21px;
	line-height: 25px;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
}

.h3{
	display: block;
	margin-bottom: 6px;
	font-family: "roboto_ltregular";
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
}

.ff-bold{
	font-family: "robotobold";
}

.ff-medium{
	font-family: "robotomedium";
}

.detail-text-wrap{
	margin-bottom: 40px;
	padding: 40px;
	border-radius: 10px;
	background-color: #fff;
}

.detail-text-wrap .h1,
.detail-text-wrap .h2,
.detail-text-wrap .h3{
	margin: 0 0 26px;
	padding: 0;
	color: #262626!important;
	font-size: 16px!important;
	font-weight: 800!important;
	line-height: normal!important;
}

.detail-text-wrap p{
	margin: 0 0 14px;
	color: #262626!important;
	font-size: 14px!important;
	font-weight: 400!important;
	line-height: normal!important;
}

.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: 30px 0;
	border-collapse: collapse;
	width: 100%;
	min-width: 700px;
	border-spacing: 0;
	table-layout: auto;
	border: 0;
	border-radius: 10px;
	overflow: hidden;
}

.table-simple th{
	vertical-align: middle;
	padding: 12px 24px;
	background: #fff;
}
.table-simple thead {
	background-color: #fff;
}
.table-simple thead td {
	font-size: 15px!important;
	font-weight: 600!important;
	line-height: 20px!important;
}
.table-simple tbody {
	background-color: #F7F7F9;
}
.table-simple tbody > tr:nth-child(2n) {
	background-color: #fff;
}
.table-simple tbody {
	font-size: 14px!important;
	font-weight: 400!important;
	line-height: 24px!important;
}
.table-simple td{
	vertical-align: middle;
	padding: 12px 24px;
}

.table-simple td:last-child{
	text-align: center;
}


.global-content-block .table-simple tbody {
	background-color: #fff;
}
.global-content-block .table-simple tbody > tr:nth-child(2n) {
	background-color: #F7F7F9;
}
.global-content-block .table-simple tbody > tr:first-child > th {
	color: #262626!important;
	font-size: 15px!important;
	font-weight: 600!important;
	line-height: 20px!important;
}
.global-content-block .table-simple td {
	color: #262626!important;
	font-size: 14px!important;
	font-weight: 400!important;
	line-height: 24px!important;
}
.global-content-block .table-simple th,
.global-content-block .table-simple td {
	border: none!important;
}

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

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

.new-list-items .image-container img{
	display: block;
	max-width: 100%;
}

.new-list-items .image-container:hover{
	opacity: 0.9;
}

.new-list-items .image-container:active{
	position: relative;
	top: 1px;
}

.new-list-items .text{
	color: #000000;
}

.new-list-items .name{
	display: block;
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 18px;
	max-height: 18px;
	overflow: hidden;
	text-decoration: none;
	color: #000000;
}
.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: #888888;
}

.new-list-items .active-link{
	text-transform: none;
	font-family: "roboto_ltregular";
}

.new-list-items .addCart.added{
	color: #888888;
	border-color: #888888;
	background: none !important;
}

.new-list-items .addCart.added:hover{
	color: #000;
	border-color: #000;
}

.price-container .addCart.added:hover{
	border-color: transparent;
}

@media screen and (max-width: 1600px){

	.blockquote-wrap{
		margin: 24px 0 18px;
		padding: 30px 30px 36px 42px;
	}

	.new-list-items{
		margin: 0 -6px;
	}

	.new-list-items .list-item-wrap{
		padding: 6px;
	}

	.new-list-items .list-item{
		padding: 12px;
	}

	.new-list-items .image{
		padding-right: 12px;
	}

}

@media screen and (max-width: 1400px){

	.new-list-items .list-item-wrap{
		width: 50%;
	}

}

@media screen and (max-width: 1280px){

	.new-list-items .list-item-wrap{
		width: 33.333%;
	}

}

@media screen and (max-width: 1100px){

	.new-list-items .list-item-wrap{
		width: 50%;
	}

}

@media screen and (max-width: 1024px){

	.blockquote-wrap blockquote{
		font-size: 16px;
		line-height: 24px;
	}

	.detail-text-wrap .h1{
		font-size: 20px;
		line-height: 24px;
	}

	.detail-text-wrap .h2{
		font-size: 18px;
		line-height: 22px;
	}

}

@media screen and (max-width: 800px){

	.blockquote-wrap blockquote:before{
		width: 20px;
		height: 18px;
	}

	.blockquote-wrap{
		padding: 18px 12px 18px 24px;
	}

}

@media screen and (max-width: 790px){

	.new-list-items{
		margin: -3px;
	}

	.new-list-items .list-item-wrap{
		width: 100%;
		padding: 3px;
	}

	.new-list-items .list-item{
		padding: 8px;
	}

}

@media screen and (max-width: 500px){

	.detail-text-wrap .h1{
		font-size: 18px;
		line-height: 22px;
	}

	.detail-text-wrap .h2{
		font-size: 16px;
		line-height: 20px;
	}

	.detail-text-wrap .h3{
		font-size: 15px;
		line-height: 18px;
	}

}

@media screen and (max-width: 400px){

	.new-list-items .price{
		font-size: 16px;
	}

	.new-list-items .name{
		max-height: 36px;
	}

}


.gray-bg-text{
	margin-bottom: 24px;
	padding: 30px 24px;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	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: #000000;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px dashed #000000;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.active-link:active{
	position: relative;
	top: 1px;
}

.inactive-link{
	display: inline-block;
	font-family: "robotobold";
	font-size: 14px;
	color: #888888;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.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 0.2s ease-in-out;
	transition: all 0.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 0.2s ease-in-out;
	transition: all 0.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: #000000;
	text-decoration: none;
	border-bottom: 1px dashed #000000;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.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 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.theme-link-dashed:active{
	position: relative;
	top: 1px;
}

.banners-list{
	max-width: none;
	margin: 0 -12px 42px;
	font-size: 0;
}

.banners-list .banner-wrap{
	display: inline-block;
	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: #000000;
}

.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: bottom;*/
	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 0.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: 500px){
	/*.banner-elem .social{
		display: none;
		}*/
}

@media screen and (max-width: 400px){

	.banner-elem{
		height: 150px;
	}

	.banner-elem .h2{
		font-size: 16px;
		line-height: 20px;
		max-height: 40px;
	}

	.banner-elem .price{
		font-size: 14px;
		line-height: 18px;
		max-height: 18px;
	}

	.banner-elem .text-wrap{
		padding-left: 12px;
	}

	.banner-elem .btn-simple.btn-micro{
		min-width: 100px;
		padding: 3px 8px 3px;
	}

	.banner-elem .image{
		width: 50%;
	}

	.banner-elem .image img{
		max-height: 150px;
	}

	.services-banners-list .banner-wrap .banner-elem{
		background: none !important;
	}

}

.fullscreen-banner{
	height: 470px;
	margin-bottom: 24px;
	border-bottom: 1px solid #e7e8ea;
}

.fullscreen-banner .limiter{
	position: relative;
	height: 100%;
}

.fullscreen-banner #breadcrumbs{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.fullscreen-banner #breadcrumbs + .tb .text-wrap{
	padding: 42px 0 0;
}

.fullscreen-banner h1{
	margin-bottom: 12px;
}

.fullscreen-banner .price{
	margin-bottom: 12px;
	font-size: 30px;
	line-height: 36px;
	max-height: 36px;
}

.fullscreen-banner .descr{
	margin-bottom: 24px;
	font-size: 14px;
	line-height: 24px;
	max-height: 120px;
}

.fullscreen-banner .image{
	width: 55%;
}

.fullscreen-banner .image img{
	margin: 0 auto;
	max-height: 470px;
}

@media screen and (max-width: 1600px){

	.fullscreen-banner{
		height: 440px;
	}

	.fullscreen-banner .image img{
		max-height: 440px;
	}

}

@media screen and (max-width: 1400px){

	.fullscreen-banner{
		height: 420px;
	}

	.fullscreen-banner .price{
		font-size: 24px;
		line-height: 30px;
		height: 30px;
	}

	.fullscreen-banner .descr{
		margin-bottom: 18px;
	}

	.fullscreen-banner .image{
		width: 50%;
	}

	.fullscreen-banner .image img{
		max-height: 420px;
	}

}

@media screen and (max-width: 1024px){

	.fullscreen-banner{
		height: 290px;
	}

	.fullscreen-banner .image{
		width: 45%;
	}

	.fullscreen-banner .image img{
		max-height: 290px;
	}

	.fullscreen-banner .descr{
		margin-bottom: 12px;
		line-height: 20px;
		max-height: 80px;
	}

	.hide-1024{
		display: none !important;
	}

}

@media screen and (max-width: 800px){

	.fullscreen-banner{
		height: 270px;
	}

	.fullscreen-banner .image{
		width: 40%;
	}

	.fullscreen-banner .image img{
		max-height: 270px;
	}

	.fullscreen-banner .descr{
		max-height: 60px;
	}

}

@media screen and (max-width: 700px){

	.fullscreen-banner{
		height: 260px;
	}

	.fullscreen-banner .image img{
		max-height: 260px;
	}

	.fullscreen-banner #breadcrumbs{
		left: 12px;
		width: auto;
		right: 0;
		margin-top: 12px;
	}

	.hide-700{
		display: none !important;
	}

}

@media screen and (max-width: 600px){

	.banner-hide-images{
		background: none !important;
	}

	.banner-hide-images .image{
		display: none;
	}

	.hide-600{
		display: none !important;
	}

}

@media screen and (max-width: 500px){

	.fullscreen-banner{
		height: 170px;
	}

	.fullscreen-banner .image img{
		max-height: 170px;
	}

	.fullscreen-banner .descr{
		display: none;
		max-height: 40px;
	}

	.fullscreen-banner .image{
		width: 50%;
	}

	.fullscreen-banner .btn-simple{
		padding: 13px 8px 11px;
	}

	.hide-500{
		display: none !important;
	}

}


.banner-elem.arbitrary-banner .limiter {
	padding: 0;
}

@media screen and (max-width: 1600px){
	.banner-elem.arbitrary-banner {
		height: 420px;
	}

	.banner-elem.arbitrary-banner .image img{
		max-height: 420px;
	}
}

@media screen and (max-width: 1400px){

	.banner-elem.arbitrary-banner{
		height: 340px;
	}

	.banner-elem.arbitrary-banner .image{
		width: 55%;
	}

	.banner-elem.arbitrary-banner .image img{
		max-height: 340px;
	}

}

@media screen and (max-width: 1200px){

	.banner-elem.arbitrary-banner {
		height: 300px;
	}

	.banner-elem.arbitrary-banner .image{
		width: 50%;
	}

	.banner-elem.arbitrary-banner .image img{
		max-height: 300px;
	}
}

@media screen and (max-width: 1024px){

	.banner-elem.arbitrary-banner {
		height: 260px;
	}

	.banner-elem.arbitrary-banner .image{
		width: 55%;
	}

	.banner-elem.arbitrary-banner .image img{
		max-height: 260px;
	}

}

@media screen and (max-width: 800px){
	.banner-elem.arbitrary-banner {
		height: 250px;
	}

	.banner-elem.arbitrary-banner .image{
		width: 50%;
	}

	.banner-elem.arbitrary-banner .image img{
		max-height: 250px;
	}
}

@media screen and (max-width: 700px){
	.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;
	}
    .table-simple td,
    .table-simple th {
        padding: 10px;
    }
}

.no-margin-top{
	margin-top: 0px !important;
}

.no-margin-bottom{
	margin-bottom: 0px !important;
}

.no-margin-right{
	margin-right: 0px !important;
}

.no-margin-left{
	margin-left: 0px !important;
}

.templateSwitcher{
	background-color: #ffffff;
	-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.3);
	transform: translateX(500px);
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-align: center;
	overflow: hidden;
	position: fixed;
	z-index: 9998;
	width: 360px;
	height: 100%;
	right: 0px;
	top: 0px;
}

.templateSwitcher.opened{
	transform: translateX(0px);
}

.templateSwitcherScroll{
	overflow: auto;
	height: 100%;
	width: 390px;
}

.templateSwitcherScrollContainer{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 24px 0px;
	padding: 0 24px;
	width: 360px;
}

.templateSwitcherSettings{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.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: 0px;
	top: 50%;
}

.templateSwitcherSettings.active{
	right: 360px;
}

.templateSwitcherSettings:hover{
	opacity: 0.9;
}

.templateSwitcherSettings.active .templateSwitcherSettingsPicture{
	/*transform: rotate(360deg);*/
}

.templateSwitcherSettings:hover{
    background-color: #2b2b2b;
}

.templateSwitcherSettingsPicture{
	background: url(/local/templates/dresscode/images/setting.png) 50% 50% no-repeat transparent;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	vertical-align: middle;
	display: inline-block;
	height: 198px;
	width: 51px;
}

.templateSwitcher .switcherList{
	overflow: hidden;
}

.templateSwitcher .switcherListItem{
	background-color: #ffffff;
	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: #ffffff;
}

.templateSwitcher .switcherListItem.active a{
	color: #ffffff;
}

.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: 0px;
	border-top: 0px;
}

.templateSwitcher .switcherBigHeading .switcherClose{
	text-decoration: none;
	margin-top: -1px;
	font-size: 21px;
	color: #ff0000;
	float: right;
}

.templateSwitcher .switcherBigHeading .switcherClose:hover{
	opacity: 0.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: none;
	height: 40px;
	width: 90%;
}

.templateSwitcher .switcherIcons{
	margin-bottom: 24px;
}

.templateSwitcher .switcherDescription{
	font-size: 13px;
	color: #888888;
}

.templateSwitcher .switcherBackgroundItems{
	text-align: center;
	overflow: hidden;
}

.templateSwitcher .switcherThemes{
	margin-top: 24px;
	overflow: hidden;
}

.templateSwitcher .switcherThemesItem{
	display: inline-block;
	margin-bottom: 12px;
	margin-left: 12px;
	height: 30px;
	width: 30px;
}

.templateSwitcher .switcherBackgroundItem{
	display: inline-block;
	height: 30px;
	width: 30px;
}

.templateSwitcher .switcherBackgroundItem:first-child{
	margin-right: 12px;
}

.templateSwitcher .switcherThemesItem a,
.templateSwitcher .switcherBackgroundItem a{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 2px;
	display: block;
	height: 30px;
	width: 30px;
}

.templateSwitcher .switcherThemesItem a:active,
.templateSwitcher .switcherBackgroundItem a:active{
	position: relative;
	top: 1px;
}

.templateSwitcher .switcherThemesItem.selected a,
.templateSwitcher .switcherBackgroundItem.selected a{
	background-image: url(/local/templates/dresscode/images/check.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

.templateSwitcher .switcherThemesItem .color1{
	background-color: #ff9601;
}

.templateSwitcher .switcherThemesItem .color1:hover{
	background-color: #ffb800;
}

.templateSwitcher .switcherThemesItem .color2{
	background-color: #fb9bad;
}

.templateSwitcher .switcherThemesItem .color2:hover{
	background-color: #f3889d;
}

.templateSwitcher .switcherThemesItem .color3{
	background-color: #ff855f;
}

.templateSwitcher .switcherThemesItem .color3:hover{
	background-color: #e77652;
}

.templateSwitcher .switcherThemesItem .color4{
	background-color: #daa550;
}

.templateSwitcher .switcherThemesItem .color4:hover{
	background-color: #e4a540;
}

.templateSwitcher .switcherThemesItem .color5{
	background-color: #b15b49;
}

.templateSwitcher .switcherThemesItem .color5:hover{
	background-color: #a05a4b;
}

.templateSwitcher .switcherThemesItem .color6{
	background-color: #f44336;
}

.templateSwitcher .switcherThemesItem .color6:hover{
	background-color: #d42d20;
}

.templateSwitcher .switcherThemesItem .color7{
	background-color: #acce11;
}

.templateSwitcher .switcherThemesItem .color7:hover{
	background-color: #94b20e;
}

.templateSwitcher .switcherThemesItem .color8{
	background-color: #27c148;
}

.templateSwitcher .switcherThemesItem .color8:hover{
	background-color: #19cc3f;
}

.templateSwitcher .switcherThemesItem .color9{
	background-color: #27bfc1;
}

.templateSwitcher .switcherThemesItem .color9:hover{
	background-color: #25ccce;
}

.templateSwitcher .switcherThemesItem .color10{
	background-color: #3498db;
}

.templateSwitcher .switcherThemesItem .color10:hover{
	background-color: #2395e1;
}

.templateSwitcher .switcherThemesItem .color11{
	background-color: #2a65d0;
}

.templateSwitcher .switcherThemesItem .color11:hover{
	background-color: #0d57dc;
}

.templateSwitcher .switcherThemesItem .color12{
	background-color: #0061b2;
}

.templateSwitcher .switcherThemesItem .color12:hover{
	background-color: #006ac2;
}

.templateSwitcher .switcherThemesItem .color13{
	background-color: #c651d0;
}

.templateSwitcher .switcherThemesItem .color13:hover{
	background-color: #d75ee1;
}

.templateSwitcher .switcherThemesItem .color14{
	background-color: #c12752;
}

.templateSwitcher .switcherThemesItem .color14:hover{
	background-color: #c61c4b;
}

.templateSwitcher .switcherThemesItem .color15{
	background-color: #ed1c24;
}

.templateSwitcher .switcherThemesItem .color15:hover{
	background-color: #ff232b;
}

.templateSwitcher .switcherBackgroundItem .white{
	background-color: #eeeeee;
}

.templateSwitcher .switcherBackgroundItem .black{
	background-color: #000000;
}


@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.g--circle {
  -webkit-transform-origin: 60px 60px;
          transform-origin: 60px 60px;
  fill: dodgerblue;
  -webkit-animation: opacity 1.2s linear infinite;
          animation: opacity 1.2s linear infinite;
}
.g--circle:nth-child(12n + 1) {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
  -webkit-transform: rotate(-30deg) translate(5px, 5px) scale(0.9);
          transform: rotate(-30deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 2) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
  -webkit-transform: rotate(-60deg) translate(5px, 5px) scale(0.9);
          transform: rotate(-60deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 3) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
  -webkit-transform: rotate(-90deg) translate(5px, 5px) scale(0.9);
          transform: rotate(-90deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 4) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
  -webkit-transform: rotate(-120deg) translate(5px, 5px) scale(0.9);
          transform: rotate(-120deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 5) {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
  -webkit-transform: rotate(-150deg) translate(5px, 5px) scale(0.9);
          transform: rotate(-150deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 6) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
  -webkit-transform: rotate(-180deg) translate(5px, 5px) scale(0.9);
          transform: rotate(-180deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 7) {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
  -webkit-transform: rotate(-210deg) translate(5px, 5px) scale(0.9);
          transform: rotate(-210deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 8) {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
  -webkit-transform: rotate(-240deg) translate(5px, 5px) scale(0.9);
          transform: rotate(-240deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 9) {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
  -webkit-transform: rotate(-270deg) translate(5px, 5px) scale(0.9);
          transform: rotate(-270deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 10) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
  -webkit-transform: rotate(-300deg) translate(5px, 5px) scale(0.9);
          transform: rotate(-300deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 11) {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
  -webkit-transform: rotate(-330deg) translate(5px, 5px) scale(0.9);
          transform: rotate(-330deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 12) {
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
  -webkit-transform: rotate(-360deg) translate(5px, 5px) scale(0.9);
          transform: rotate(-360deg) translate(5px, 5px) scale(0.9);
}

.g-circles--v1 .g--circle {
  fill-opacity: 0;
  -webkit-animation-name: opacity;
          animation-name: opacity;
}

.g-circles--v2 .g--circle {
  fill-opacity: 0;
  stroke-opacity: 0;
  stroke-width: 1;
  stroke: yellowgreen;
  -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: -0.1s;
          animation-delay: -0.1s;
}
.g-circles--v2 .g--circle:nth-child(12n + 2) .u--circle {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.g-circles--v2 .g--circle:nth-child(12n + 3) .u--circle {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.g-circles--v2 .g--circle:nth-child(12n + 4) .u--circle {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.g-circles--v2 .g--circle:nth-child(12n + 5) .u--circle {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.g-circles--v2 .g--circle:nth-child(12n + 6) .u--circle {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.g-circles--v2 .g--circle:nth-child(12n + 7) .u--circle {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.g-circles--v2 .g--circle:nth-child(12n + 8) .u--circle {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.g-circles--v2 .g--circle:nth-child(12n + 9) .u--circle {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.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: -0.1s;
          animation-delay: -0.1s;
}
.g-circles--v4 .g--circle:nth-child(12n + 2) .u--circle {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.g-circles--v4 .g--circle:nth-child(12n + 3) .u--circle {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.g-circles--v4 .g--circle:nth-child(12n + 4) .u--circle {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.g-circles--v4 .g--circle:nth-child(12n + 5) .u--circle {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.g-circles--v4 .g--circle:nth-child(12n + 6) .u--circle {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.g-circles--v4 .g--circle:nth-child(12n + 7) .u--circle {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.g-circles--v4 .g--circle:nth-child(12n + 8) .u--circle {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.g-circles--v4 .g--circle:nth-child(12n + 9) .u--circle {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.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: yellowgreen;
  }
  10% {
    fill: gold;
  }
  75% {
    fill: crimson;
  }
}
@keyframes colors {
  0% {
    fill: yellowgreen;
  }
  10% {
    fill: gold;
  }
  75% {
    fill: crimson;
  }
}
@-webkit-keyframes colors-stroke {
  0% {
    stroke: yellowgreen;
  }
  10% {
    stroke: gold;
  }
  75% {
    stroke: crimson;
  }
}
@keyframes colors-stroke {
  0% {
    stroke: yellowgreen;
  }
  10% {
    stroke: gold;
  }
  75% {
    stroke: crimson;
  }
}
@-webkit-keyframes colors-2 {
  0% {
    fill: yellow;
  }
  50% {
    fill: red;
  }
  65% {
    fill: orangered;
  }
  95% {
    fill: gold;
  }
}
@keyframes colors-2 {
  0% {
    fill: yellow;
  }
  50% {
    fill: red;
  }
  65% {
    fill: orangered;
  }
  95% {
    fill: gold;
  }
}
@-webkit-keyframes colors-3 {
  0% {
    fill: yellowgreen;
  }
  50% {
    fill: turquoise;
  }
  65% {
    fill: yellow;
  }
  95% {
    fill: orange;
  }
}
@keyframes colors-3 {
  0% {
    fill: yellowgreen;
  }
  50% {
    fill: turquoise;
  }
  65% {
    fill: yellow;
  }
  95% {
    fill: orange;
  }
}
@-webkit-keyframes transform {
  10% {
    -webkit-transform-origin: 70px 70px;
            transform-origin: 70px 70px;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
}
@keyframes transform {
  10% {
    -webkit-transform-origin: 70px 70px;
            transform-origin: 70px 70px;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
}
@-webkit-keyframes transform-2 {
  40% {
    -webkit-transform: scale(0.85) translate(10px, 10px);
            transform: scale(0.85) translate(10px, 10px);
  }
  60% {
    stroke-width: 20;
  }
}
@keyframes transform-2 {
  40% {
    -webkit-transform: scale(0.85) translate(10px, 10px);
            transform: scale(0.85) translate(10px, 10px);
  }
  60% {
    stroke-width: 20;
  }
}

/* Custom css */
.index-seo-text {
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.index-seo-text.ymap {
	background: none;
}
.onOrder.label.changeAvailable {
    display: none !important;
}
#rightFooter .telephone a {
    text-decoration: none;
    color: #ffffff;
}
#rightFooter .telephone a:hover,
#rightFooter .telephone a:focus {
    opacity: 0.85;
}
.catalog-section-list-pictures .catalog-section-list-link {
    line-height: 1.1;
    height: auto;
}
.catalog-section-list-pictures .catalog-section-list-item {
    line-height: 50px;
    height: auto;
}
.table-simple {
    box-sizing: border-box;
}
#subHeader2 #topCallback .icon {
    pointer-events: none;
}
/*на главной*/
.productList .price.with_mp {
	margin-bottom: 20px !important;
	display: flex !important;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
}
/*карточки*/
#catalogSection .price.with_mp {
    display: flex !important;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
    justify-content: space-between;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	flex-direction: column;
}
@media all and (max-width:1450px){
#catalogSection .price.with_mp {
    font-size: 15px  !important;
}
}
/*линия*/
#catalogLineList .price.with_mp {
	margin-top: auto;
  display: flex;
	flex-direction: column;
	gap: 15px;
	margin-bottom: 15px;
}
#catalogLineList .price.with_mp  span {
	color: #262626!important;
	font-size: 15px!important;
	font-weight: 700!important;
	line-height: normal!important;
}
/*таблица*/
@media all and (min-width:481px){
    #catalogTableList .price.with_mp {
        text-align: left;
    }
}
.leftMenu{
	background: #2b2b2b;
	padding: 12px 0 12px 0;
	position:relative;
	list-style: none;
	z-index: 33;
	margin: 0;
}

.leftMenu li{
	list-style: none;
}

.leftMenu > li:first-child{
	border: 0;
}

.leftMenu > li{
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	transition: all 0.1s ease;
	background: #2b2b2b;
	display: block;
}


.leftMenu > li:hover,
.leftMenu .activeDrop{
	background: #ffffff;
}

.leftMenu > li:hover > a{
	background: #f5f5f5;
}

.leftMenu li:hover .menuLink,
.leftMenu .activeDrop .menuLink{
	color: #000000;
}

.leftMenu li .menuLink{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	padding-right: 8px;
	position: relative;
	line-height: 18px;
	font-size: 13px;
	display: block;
	color: #ffffff;
}

.leftMenu .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 0.1s;
	-moz-transition:all 0.1s;
	-o-transition:all 0.1s;
	transition: all 0.1s;
	padding-left: 18px;
	text-align:center;
	height: 21px;
	width: 24px;
}

.leftMenu li .pc.no-image{
	padding-left: 0px;
	height: 0px;
	width: 12px;
}

.leftMenu .no-image + .tx{
	padding-left: 0px;
}

.leftMenu .pc img{
	max-width: 100%;
}

.leftMenu ul{
	padding: 0;
	margin: 0;
}

.leftMenu .drop{
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4);
	border-collapse: collapse;
	background: #ffffff;
	table-layout: fixed;
	position: absolute;
	min-height: 400px;
	/*overflow: hidden;*/
	z-index: 999999;
	display: none;
	left: 100%;
	width: 1%;
	top: 0%;
}

.leftMenu .menuItems{
	border-right: 1px solid #e7e8ea;
	background-color: #ffffff;
	display: table-cell;
	vertical-align: top;
	padding: 12px;
	width: 245px;
}

.leftMenu .menuItems li:first-child{
	margin-top: 0px;
}

.leftMenu .menuItems li{
	position: relative;
	margin-top: 12px;
}

.leftMenu .dropdown{
	display: none;
}

.leftMenu .menuItems span{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-transform: uppercase;
	font-family: 'robotobold';
	font-size: 14px;
	color: #444444;
}

.leftMenu .menuItems small{
	position: absolute;
	margin-top: -11px;
	line-height: 22px;
	height: 22px;
	color: #888;
	right: 0px;
	top: 50%;
}

.leftMenu .menuItems a{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	line-height: 21px;
	display: block;
	color: #000;
}

.leftMenu .menuItems a:hover{
	color: #999;
}

.leftMenu .menuItems a img{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.leftMenu .menuItems a:hover img{
	opacity: 0.8;
}

.leftMenu .menuSlider{

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 50%, #f9fafc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f9fafc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 50%,#f9fafc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 50%,#f9fafc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 50%,#f9fafc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 50%,#f9fafc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fafc',GradientType=0 ); /* IE6-9 */
	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/images/slideArrow.png) 0 0 no-repeat transparent;
	position: absolute;
	margin-top: 3px;
	z-index: 99;
	height: 16px;
	opacity: 0.5;
	width: 14px;
	top: 30%;
}

.leftMenu .menuSlider .slideBtnLeft:hover,
.leftMenu .menuSlider .slideBtnRight:hover{
	opacity: 0.8;
}

.leftMenu .menuSlider .slideBtnLeft:active,
.leftMenu .menuSlider .slideBtnRight:active{
	opacity: 1;
}

.leftMenu .menuSlider .slideBtnLeft{
	left: 12px;
}

.leftMenu .menuSlider .slideBtnRight{
	background-position: -14px 0;
	right: 12px;
}

.leftMenu .product{
	position: relative !important;
	height: auto !important;
	width: 100% !important;
	border: 0 !important;
}

.leftMenu .product .tabloid{
	border: 0 !important;
	height: auto !important;
	position: static !important;
	background: transparent !important;
}

.leftMenu .product:hover .tabloid{
	box-shadow: none;
}

.leftMenu .oSkuDropdownList{
	position: relative;
	display: none;
	border-top: 1px solid #e7e8ea;
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
	top: 0px;
}

.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: 0px;
		padding-top: 0px;
	}

	#main.color_black .leftMenu > li:hover{
		background: transparent;
	}

	#main.color_black .leftMenu > li:hover > a{
		color: #ffffff;
	}

	#main.color_black .leftMenu .drop{
		background: #2b2b2b;
	}

	.leftMenu .drop{
		border-top: 1px solid rgba(136, 136, 136, 0.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 0px 6px 24px;
		box-sizing: border-box;
		border-right: 0px;
		display: block;
		width: auto;
	}

	.leftMenu .menuItems + .menuItems{
		margin-top: -12px;
	}

	.leftMenu .menuDropItems{
		padding-left: 24px;
		display: none;
	}

	#main.color_black .leftMenu .menuItems span{
		color: #ffffff;
	}

	.leftMenu .menuItems span{
		font-family: "roboto_ltregular";
		text-transform: none;
		font-size: 13px;
	}

	.leftMenu .menuItems small{
		display: none;
	}

	.leftMenu .menuItems li{
		margin: 0px;
	}

	#main.color_black .menuItems li a{
		color: #ffffff;
	}

	.leftMenu .menuItems li a{
		padding: 6px 0px 6px 0px;
	}

	.leftMenu .menuItems a.menuLink{
		padding-right: 50px;
	}

	.leftMenu > li{
		border-top: 1px solid rgba(136, 136, 136, 0.1);
		box-sizing: border-box;
	}

	.leftMenu li a{
		position: relative;
		transition: none;
	}

	.leftMenu > li:hover > a{
		background: transparent;
	}

	.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 0px;
	}

	.leftMenu .tb .pc{
		padding: 14px 12px;
		position: relative;
	}

	.leftMenu li .pc.no-image{
		padding-left: 0px;
		height: 0px;
		width: 0px;
	}

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

	#main.color_black .leftMenu > li.opened .pc .back{
		background: url(/local/templates/dresscode/images/arrow-back-menu-white.svg) 50% 50% no-repeat transparent;
	}

	.leftMenu > li.opened .pc .back{
		background: url(/local/templates/dresscode/images/arrow-back-menu-black.svg) 50% 50% no-repeat transparent;
		position: absolute;
		height: 100%;
		width: 100%;
		content: "";
		left: 0px;
		top: 0px;
	}

	.leftMenu .allow-dropdown .dropdown{
		background-image: url(/local/templates/dresscode/images/arrow-dropdown-white.svg);
		transition: transform 0.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: 0px;
		height: 30px;
		width: 30px;
		right: 12px;
		top: 50%;
	}

	#main.color_black .leftMenu li:not(.opened) .dropdown{
		background-image: url(/local/templates/dresscode/images/arrow-dropdown-white.svg);
	}

	.leftMenu li:not(.opened) .dropdown{
		background-image: url(/local/templates/dresscode/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;
	}

}
#subLeftMenu{
	border-top: 1px solid #484848;
	background: #2b2b2b;
	margin: 0 0 24px 0;
	padding: 12px 24px;
	list-style: none;
}

#subLeftMenu a{
	text-decoration: none;
	font-size: 13px;
	padding: 4px 0;
	color: #888888;
	display: block;
}

#subLeftMenu a:hover{
	color: #ffffff;
}
.dropdown_button {
	max-width: 570px;
	margin-top: 3%;
	width: 100%;
	transition: all 0.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: 20px;
	font-size: 14px;
	color: #555555;
	outline: none;
	height: 55px;
	margin-top: 3%;
}
.dropdown_button::before {
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	background-colorcolor: #fff;
	content: "";
	border: 2px solid #000;
	border-top: none;
	border-left: none;
	transform: rotate(45deg);
	top: 51%;
}
.dropdown_list{
	width: 80%;
	position: relative;
	margin-top: 1%;
}
.courses {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 300px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.courses li {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	list-style: none;
	background-color: #fff;
	font-family: montserrat;
	border: 1px solid white;
}

.courses li a {
	text-decoration: none;
	color: #555555;
	display: block;
	padding: 10px;
}

.courses li:hover {
	background-color: #01b0cd;
	color: white;
}
.courses li a:hover {
	color: white;
}
#distance-calc{
	margin: 40px 0;
	padding: 40px;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border-radius: 10px;
}
#catalogElement #distance-calc {
	margin: 0;
	padding: 0;
}
#distance-calc .calc-inputs{
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 24px;
}
#distance-calc .calc-inputs .address-block,
#distance-calc .calc-inputs .car-block {
	display: flex;
	flex-direction: column;
	width: calc(100% / 2 - 24px);
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
}
#distance-calc .calc-inputs .address-block input,
#distance-calc .calc-inputs .dropdown_button
{
	width: 100%;
	max-width: unset;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid #BDBDBD;
	background: #FAFAFA;
	padding: 20px 16px;
	line-height: 17px;
	font-size: 14px;
	color: #828282;
	outline: none;
	margin-top: 10px;
}
#distance-calc .calc-inputs .dropdown_list {
	margin: 0;
	width: 100%;
	flex-grow: 1;
}
#distance-calc .result-block{
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 10px;
	gap: 10px;
}
#distance-calc .result-block button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	color: #ffffff;
	outline: none;
	background-color: #F97310;
	border: none;
	border-radius: 5px;
	padding: 14px 28px;
	align-self: flex-end;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}
@media (max-width: 950px) {
	#distance-calc{
		align-items: center;
	}
	#distance-calc .calc-inputs{
		flex-direction: column;
	}
	#distance-calc .result-block{
		flex-direction: column;
	}
	#distance-calc .result-block button{
		margin: 20px 0;
		width: 50%!important;
	}
	#distance-calc .calc-inputs .address-block{
		width: 100% !important;
		align-items: center;
	}
	#distance-calc .calc-inputs .car-block{
		width: 100% !important;
		align-items: center;
	}
	#distance-calc .calc-inputs .address-block input{
		max-width: 800px!important;
	}
	.dropdown_button {
		max-width: 800px!important;
		height: 100px!important;
	}

}
@media (max-width: 450px) {
	#courses_id{
		max-width: 250px;
		min-width: 200px;
		font-size: 15px;
	}
	.dropdown_button::before {
		top: 48%;
		left:3.5%;
	}
	#distance-calc .result-block button{
		width: auto!important;
	}
}
.order-form {
	margin-bottom: 40px;
	padding: 40px;
	border-radius: 10px;
	background-color: #fff;
}
.changePropertiesGroup-wrapper .order-form {
	margin-bottom: 0;
	padding-top: 0;
}
.order-form-title{
	margin-bottom: 40px;
}
.order-form-title span{
	padding-top: 2px;
	padding-bottom: 0;
	font-size: 36px;
	line-height: 1.23;
	font-family: 'Roboto',Arial,sans-serif;
	font-weight: 600;
	color: #000;
}
.order-fields{
	display: flex;
	flex-direction: column;
}

.order-field.checkbox {
	margin-top: 20px;
}

.order-field.checkbox label {
	display: flex;
	gap: 5px;
}

.order-field.hasError {
    border: 1px solid red;
    padding: 5px;
    border-radius: 5px;
}

.order-field.checkbox label input {
	width: fit-content;
    height: fit-content;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
}

.orderConsentWrap label input {
	width: fit-content;
    height: fit-content;
	position: relative !important;
	opacity: 1 !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
}

.orderConsentWrap label span {
	width: fit-content;
    height: fit-content;
	margin: auto 0;
}

.orderConsentWrap label {
	display: flex;
	margin: 0;
}

.orderConsentWrap.hasError {
    border: 1px solid red;
    padding: 5px;
    border-radius: 5px;
}

.orderConsentWrap {
	margin-top: 20px;
	width: 79%;
}

.order-field.checkbox label span {
	margin: 0;
}

.order-fields-top {
	margin-bottom: 15px;
	display: flex;
	gap: 24px;
	width: 100%;
}

.order-fields-bottom {
	display: flex;
	flex-direction: column;
}

/* .order-field.phone {
	width: 100%;
	max-width: 460px;
	margin-right: 40px;
} */

.order-field.description {
	width: 100%;
}

.order-field.description input {
	max-width: unset;
}

.order-field{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

/* .order-field.name {
	width: 100%;
	max-width: 460px;
	margin-right: 40px;
	margin-bottom: 0;
} */
.order-field input.hasError{
	border-color: #ff0000;
}
.order-field input{
	width: 100%;
	padding: 20px 16px;
	box-sizing: border-box;
	font-size: 14px!important;
	font-weight: 400!important;
	line-height: 10px!important;
}

.order-field textarea {
	resize: unset;
	font-size: 16px;
	font-family: inherit;
	min-height: 88px;
	box-sizing: border-box;
	padding: 20px 16px;
}

.order-field span{
	margin-bottom: 10px;
	color: #262626!important;
	font-size: 15px!important;
	font-weight: 500!important;
	line-height: normal!important;
}
:active, :hover, :focus {
	outline: 0!important;
	outline-offset: 0!important;
}
.order-form input,.order-form textarea{
	border-radius: 4px;
	border: 1px solid #BDBDBD;
	background-color: #FAFAFA;
}

.order-fields-buttons{
	display: flex;
	justify-content: space-between;
	padding-top: 15px;
	width: 100%;
	gap:15px;
}

.order-field.phone.--mob {
	display: none;
}

.order-fields-buttons.--mob {
	display: none;
}

/* .order-fields-buttons div{
	font-size: 18px;
	height: 40px;
	display: flex;
	align-items: center;
} */

.order-field-button {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 22px;
}
.order-field-button button{
	padding: 14px 8px;
	color: #fff!important;
	background-color: #F97310;
	border-radius: 5px;
	border: none;
	font-weight: 600!important;
	box-sizing: border-box;
	font-size: 16px!important;
	line-height: 20px!important;
	cursor: pointer;
}
.order-field-file{
	width: 186px;
	height: 30px;
	display: flex;
	align-items: center;
	position: relative;
	padding: 0 0 0 30px;
	color: #000000;
	box-sizing: border-box;
	font-weight: 700;
}

.order-field-file::before{
	content: "";
	position: absolute;
	left: 0;
	width: 30px;
	height: 30px;
	background-image: url(/upload/screpka.png);
}
.order-field-file label:hover{
	cursor: pointer;
}
#file-input{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	position: absolute;
	z-index: -10;
}
.order-field-uspeh{
	transition: 0.5s;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #008000;
	word-break: break-word;
}
.order-field.description{
	margin: 0!important;
}
@media (max-width: 767px) {
	#nav190323331 .header-notification {
		display: none;
	}

	#t-header {
		position: sticky;
		top: 0;
		z-index: 100;
	}

	.header-notification {
		height: unset;
		min-height: 36px;
	}

	.header__bottom-wrapper {
		display: none;
	}
	.order-fields{
		flex-direction: column;
	}
	.order-fields-left{
		width: 100%;
	}
	.order-fields-right{
		width: 100%;
	}
	.order-field input{
		width: 90%;
	}
	.order-field{
		align-items: flex-start;
	}
	.order-field.name {
  margin-bottom: 0!important;
}
	.order-form textarea{
		width: 90%;
	}
	.order-field-uspeh{
		margin-right: 0!important;
		text-align: center;
	}
	.order-fields-bottom {
		align-items: center;
	}

}

@media (max-width: 500px) {

	.gallery.row {
		gap: 20px;
	}

	.about__page {
		font-size: 14px;
		margin-top: -50px;
		line-height: 17px;
	}

	.about__title {
		font-size: 18px;
	}

	.order-fields-buttons.--mob {
		flex-direction: column;
	}

	.order-field-file {
		margin-right: 0;
		margin-bottom: 25px;
	}

}

@media (max-width: 360px) {
	.order-form-title{
		text-align: center;
	}
	.order-fields-buttons{
		flex-direction: column;
		align-items: center;
	}
	.order-field-button{
		width: 100%;
		display: flex;
		justify-content: center;
		margin-top: 10px;
	}
	.order-field-uspeh{
		height: 100px!important;
	}
}


@media (max-width: 1000px) {
	.order-field.phone.--mob {
		margin-bottom: 10px;
		display: flex;
		max-width: unset;
		width: 100%;
	}

	.order-field.name {
		max-width: unset;
	}

	.order-field.phone {
		display: none;
	}

	.order-field input {
		max-width: unset;
	}

	.order-fields-buttons.--mob {
		display: flex;
		max-width: 450px;
	}

	.order-field.name {
		margin-bottom: 40px;
	}

	.order-fields-top {
		flex-direction: column;
	}

	.order-fields-bottom {
		flex-direction: column;
	}

	.order-fields-buttons {
		display: none;
	}

}
.order-form-title .heading,.changePropertiesGroup .heading {
	border-top: 1px solid #efefef;
	font-family: 'robotobold';
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 36px 0px 24px 0;
	font-weight: 800;
	font-size: 20px;
	display: block;
}
#footer .copy {
	margin-top: 30px;
	color: #999999;
}
#footer .copy a {
	display: inline;
	color: #fff;
}
.table-simple td{
	text-align: center;
}
.tagsWrapper {	
	margin-bottom: 30px;
	padding: 25px 20px;
	display: flex;
	flex-direction: column;
	gap: 22px;
	background-color: #fff;
	border-radius: 4px;
}
.sotbit-all-tags-wrapper {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.sotbit-all-tags-wrapper h3 {
	margin: 0 0 26px;
	color: #262626!important;
	font-size: 16px!important;
	font-weight: 800!important;
	line-height: normal!important;
}
.sotbit-tags-wrapper{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#sotbit-tags, .sotbit-tags, 
#section-pics{
	width: 100%!important;
	height: auto!important;
	margin-bottom: 0!important;
	column-gap: 8px;
	row-gap: 10px;
}
#sotbit-tags.active, .sotbit-tags.active {
	max-height: fit-content;
	overflow: inherit;
	height: auto;
}
#sotbit-tags.active .catalog-section-list-item, .sotbit-tags.active .catalog-section-list-item{
	border-top: none;
}
#sotbit-show{
	width: 18%;
	margin-top: 15px;
}
#sotbit-show a{
	text-decoration: none;
	font-size: 14px;
	color: #01b0cd;
}
.pics-wrapper {
	display: flex;
	justify-content: unset!important;
	flex-wrap: wrap;
	gap: 22px;
}
#section-pics {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	width: 100%;
	overflow: hidden;
}
#section-pics::before,
#section-pics::after {
	content: none;
}
#section-pics.active{
	height: auto!important;
}
#pics-show{
	width: auto!important;
	display: flex;
	align-items: center;
	font-size: 14px!important;
	font-weight: 600!important;
	line-height: normal!important;
	color: #007B8F!important;
}
#pics-show a{
	text-decoration: none;
	font-size: 14px!important;
	font-weight: 600!important;
	line-height: normal!important;
	color: #007B8F!important;
}
.all_tags.sotbit {
	display: flex;
	align-items: center;
	font-size: 14px!important;
	font-weight: 600!important;
	line-height: normal!important;
	color: #007B8F!important;
	cursor: pointer;
}

.all_tags.sotbit a{
	text-decoration: none;
	font-size: 14px!important;
	font-weight: 600!important;
	line-height: normal!important;
	color: #007B8F!important;
}
/* .catalog-section-list-item{
	border-top: 1px solid #f3f3f3;
} */
@media(max-width: 520px){
	#pics-show{
		width: 100%;
		flex: 0 0 50px;
		max-width: 100%;
		text-align: center;
		justify-content: center;
	}
	.all_tags.sotbit{
		width: 100%;
		flex: 0 0 50px;
		max-width: 100%;
		text-align: center;
		justify-content: center;
	}
	#catalog #sotbit-tags, .catalog .sotbit-tags {
		width: 100%;
	}
	#catalog .all_tags.sotbit{flex:inherit; margin-bottom: 50px;}

	#section-pics {
		width: 100%;
		/* height: 64px; */
	}
	/* .pics-wrapper {
		flex-direction: column!important;
	} */
}
.catalog-section-list-pictures{
	margin-bottom: 24px;
}

.catalog-section-list-pictures .catalog-section-list-item{
	position: relative;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #BDBDBD;
	color:  #262626!important;
	font-size: 14px!important;
	font-weight: 500!important;
	line-height: 10px!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.catalog-section-list-pictures .catalog-section-list-item:nth-child(n+5) {
	display: none;
}
.catalog-section-list-pictures .catalog-section-list-item.active,
.catalog-section-list-pictures.active .catalog-section-list-item {
	display: block;
}
.catalog-section-list-pictures .catalog-section-list-item-wp{
	vertical-align: middle;
	display: inline-block;
	line-height: 21px;
}

.catalog-section-list-pictures .catalog-section-list-link{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	text-align: center;

	overflow: hidden;
	color: #000000;
	display: block;

}

.catalog-section-list-pictures .catalog-section-list-link span{
	vertical-align: bottom;
	display: inline-block;
	line-height: 21px;
}

.catalog-section-list-pictures .catalog-section-list-link:hover{
	opacity: 0.7;
}

.catalog-section-list-pictures .catalog-section-list-link:active{
	position: relative;
	top: 1px;
}

.catalog-section-list-pictures .catalog-section-list-picture{
	margin-bottom: 12px;
	text-align: center;
	line-height: 100px;
	display: block;
	height: 100px;
}

.catalog-section-list-pictures .catalog-section-list-picture:hover img{
	opacity: 0.8;
}

.catalog-section-list-pictures .catalog-section-list-picture:active{
	position: relative;
	top: 1px;
}

.catalog-section-list-pictures .catalog-section-list-picture img{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	vertical-align: middle;
	max-height: 100%;
	max-width: 100%;
}

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

	/* .catalog-section-list-pictures .catalog-section-list-item{
		width: 25%;
	} */

}

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

	/* .catalog-section-list-pictures .catalog-section-list-item{
		width: 33.333333%;
	} */

}

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

	/* .catalog-section-list-pictures .catalog-section-list-item{
		width: 25%;
	} */

}

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

	/* .catalog-section-list-pictures .catalog-section-list-item{
		width: 33.333333%;
	} */

}

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

	/* .catalog-section-list-pictures .catalog-section-list-item{
		width: 50%;
	} */
}

/*@media all and (max-width: 1100px){
	.catalog-section-list-pictures .catalog-section-list-item{
		width: 50%;
	}
}*/
.wrap .callBack{
	text-decoration: none;
	color: #fff;
}
.wrap .callBack:hover{
	color: #f4a805;
}
.p-calc{
	display: none;
}
.mobile-calc{
	display: none;
}
@media all and (max-width: 1300px){

	.pc-calc{
		display: none;
	}
	.mobile-calc{
		display: none;
	}
	.p-calc{
		display: block;
	}
}
@media all and (max-width: 1100px){

	.pc-calc{
		display: none;
	}
	.mobile-calc{
		display: block;
	}
	.p-calc{
		display: none;
	}
}


#searchResult{
	-webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
	z-index: 9999;
}
.more-sections{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
	margin-top: 40px;
}
.more-sections a{
	white-space: break-spaces;
}
.more-sections span{
	margin-right: 28px;
	display: block;
	color: #262626!important;
	font-size: 20px!important;
	font-weight: 800!important;
	line-height: normal!important;
}
.more-sections-link{
	text-align: center!important;
	font-size: 15px!important;
	text-decoration: none!important;
	font-weight: 500!important;
	line-height: 11px!important;
	white-space: nowrap!important;
	padding: 10px 15px!important;
	margin: 0 4px!important;
	border-radius: 4px!important;
	color: #007B8F!important;
	background-color: #E9FCFF;
}
.more-sections-link{
	margin: 5px!important;
}
@media (max-width:480px){
	.more-sections a{
		font-size: 14px;

	}
	.more-sections{
		flex-direction: column;
		justify-content: center;
		max-width: 90%!important;
		margin: 30px auto 0!important;
	}
}
.quantityContainer .qty-measure, .quantityTotalTitle {
	font-family: 'robotobold';
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 5px;
}
.quantityContainer .inputs {
	display: flex;
}
.quantityContainer .plus, .quantityContainer .minus {
	background-color: #fff;
	vertical-align: middle;
	display: inline-block;
	min-width: auto;
	padding: 0px;
	height: 30px;
	width: 34px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border: 1px solid #007B8F;
}
.quantityContainer .plus{
	background-image: url(/bitrix/templates/dresscode/components/dresscode/catalog.item/detail/images/basket-add-plus.png);
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-ms-border-radius: 0 4px 4px 0;
	-o-border-radius: 0 4px 4px 0;
}
.quantityContainer .minus{
	background-image: url(/bitrix/templates/dresscode/components/dresscode/catalog.item/detail/images/basket-add-minus.png);
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-ms-border-radius: 4px 0 0 4px;
	-o-border-radius: 4px 0 0 4px;
}
.quantityContainer .plus:hover, .quantityContainer .minus:hover{
	background-color: #f97310;
}
.quantityContainer .minus:active, .quantityContainer .plus:active{
	position: relative;
	top: 1px;
}
.quantityContainer .plus.error, .quantityContainer .minus.error{
	background-color: #bc1414;
}
.quantityContainer .quantity {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #E9FCFF;
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	font-size: 15px;
	padding: 0 2px;
	color: #000;
	margin: 0;
	height: 30px;
	width: 70px;
	border: none;
}
.addtocart {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	padding-left: 30px;
	gap: 20px;
}
.totalsum {
	white-space: nowrap;
	line-height: 24px;
}
.totalSumTitle {
	margin-bottom: 15px;
}
#catalogTableList .optional {
	width: 50px;
}
#catalogLineList .addtocart {
	padding-left: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#catalogLineList .addtocart .price {
	margin-bottom: 0;
}
#catalogLineList .totalSumTitle,
#catalogLineList .totalsum {
	color: #262626!important;
	font-size: 16px!important;
	font-weight: 700!important;
	line-height: normal!important;
}

@media (max-width: 480px) {
	.addtocart {
		flex-direction: column;
		align-items: center;
		padding: 0;
	}
}
#catalogLineList .optional {
	margin-bottom: 10px;
	display: flex;
	gap: 15px;
}
#catalogLineList .optional > * {
	width: 24px;
	height: 24px;
}
#catalogLineList .optional > *.added path {
	fill: #007B8F;
}

/* ######################################### V3 ############################################### */
#main h2 {
	margin: 0 0 20px;
	font-size: 24px;
	font-weight: 800;
	line-height: normal;
}
#main h2.title,
#main h2.heading {
	margin-bottom: 40px;
	font-size: 24px;
	font-weight: 800;
	line-height: 29px;
	text-align: center;
	height: auto;
}
#main h3.subtitle {
	margin-bottom: 50px;
	color: #262626;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}
#main p {
	font-size: 16px;
}
@media (max-width: 1510px) {
	#main p {
		font-size: 14px;
	}
}
#main .slick-dots li button {
	font-size: 0;
	line-height: 0;
}
/* about */
.global-block-container.about {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.about .bx_page {
	padding: 40px;
	background-color: #fff;
	border-radius: 10px;
}
.about .gallery {
	padding: 0 72px;
}
.about .gallery .gallery-photo {
	margin-right: 5px;
	border-radius: 10px;
	overflow: hidden;
}
.about .gallery .gallery-photo > a {
	display: flex;
}
.about .gallery .slick-prev,
.about .gallery .slick-next {
	width: 41px;
	height: 40px;
	z-index: 2;
}
.about .gallery .slick-next {
	right: 83px;
}
.about .gallery .slick-next::before {
	content: none;
}
.about .gallery .slick-prev {
	left: 83px;
}
.about .gallery .slick-prev::before {
	content: none;
}
.about .slick-dots {
	bottom: 5px;
}
.about .slick-dots li button {
	margin: 5px;
	padding: 0;
	width: 8px;
	height: 8px;
	display: flex;
	background-color: #D5D5D5;
	border-radius: 50%;
}
.about .slick-dots li button::before {
	content: none;
}
.about .slick-dots li.slick-active button {
	background-color: #007B8F;
}
.about .global-information-block {
	padding: 0;
	width: 100%;
}
@media (max-width: 1500px) {
	.about .global-information-block {
		width: 100%!important;
	}
}
@media (max-width: 849px) {
	.about .gallery {
		padding: 0;
	}
	.about .gallery .slick-prev {
		left: 0;
	}
	.about .gallery .slick-next {
		right: 0;
	}
}
.information-text {
	margin-bottom: 20px;
}
.information-list {
	margin: 0 0 40px;
	padding: 0;
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}
.information-list-item {
	padding: 15px;
	width: calc(100% / 4 - 15px);
	display: flex;
	flex-direction: column;
	gap: 15px;
	background-color: #fff;
}
@media (max-width: 780px) {
	.information-list-item {
		width: 42%;
	}
}
@media (max-width: 555px) {
	.information-list-item {
		width: 100%;
	}
}
.information-item-header {
	display: flex;
	align-items: center;
	gap: 15px;
}
#main .information-item-header > span {
	font-size: 15px;
	font-weight: 600;
}
#main .information-item-text > span {
	font-size: 14px;
	font-weight: 400;
}
#main #calc-container {
	padding: 50px 0;
}
.maplist {
	width: 100%;
	display: flex;
	overflow-y: auto;
}
.maplist__item {
	position: relative;
	padding: 28px 10px;
	padding-left: 46px;
	width: calc(100% / 3);
	min-width: 200px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	background-color: #fff;
	box-sizing: border-box;
	cursor: pointer;
}
.maplist__item.active {
	border-left: 3px solid #007B8F;
	background-color: #E9FCFF;
}
.maplist__svg {
	position: absolute;
	top: 28px;
	left: 10px;
}
#main .maplist__name {
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}
#main .maplist__address {
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
}
.yamap {
	display: none;
}
.yamap.active {
	display: block;
}
.user-geo-position {
	display: flex;
	align-items: flex-end;
}

@media (min-width:1025px) {
	#uslugi .news-list {
		display: none!important;
	}
}

.dwClose {
	position: absolute;
	top: 0;
	right: 0;
	width: 19px;
	height: 19px;
	cursor: pointer;
}
.dwClose span {
	position: absolute;
	top: 9px;
	width: 19px;
	height: 2px;
	background-color: #fff;
	cursor: pointer;
}
.dwClose span:first-child {
	transform: rotate(45deg);
}
.dwClose span:last-child {
	transform: rotate(-45deg);
}
.footer-counters {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}
.footer-counters > a {
	display: inline-block;
	width: 52px;
	height: 52px;
}
.footer-counters iframe {
	width: revert-layer !important;
    max-width: fit-content;
}
.footer-vk-svg {
	width: 52px;
}
#pictureContainer {
	margin-top: 55px;
	margin-bottom: 40px;
}
@media (max-width: 1100px) {
	#pictureContainer {
		margin-top: 35px;
		margin-bottom: 20px;
	}
}
@media (max-width: 992px) {
	#pictureContainer {
		margin-top: 10px;
		margin-bottom: 15px;
	}
}
#similar {
	overflow-y: auto;
}
#personalCart .orderLine {
	height: auto !important;
	border: none !important;
}
@media (min-width: 701px) {
	#personalCart .orderLine {
		background-color: transparent !important;
	}
}
.basketQty-unit {
	margin-bottom: 10px;
}
.basketQty-unit > span,
.basketQty > span {
	display: block;
}
.documentIcon {
	display: inline-block;
	position: relative;
	top: -2px;
	margin-right: 10px;
	padding: 3px 7px;
	border-radius: 2px;
	background-color: #D6474E;
	color: #fff !important;
	font-size: 12px !important;
	line-height: 12px !important;
	font-family: "Lato", sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	-moz-transition: box-shadow 0.2s ease-in;
	-o-transition: box-shadow 0.2s ease-in;
	-webkit-transition: box-shadow 0.2s ease-in;
	transition: box-shadow 0.2s ease-in;
}

#smartFilter .search-filter__wrapper {
	position: relative;

	padding: 12px 16px 12px 40px !important;
	background-color: #E9FCFF !important;
	width: 300px;
}
#smartFilter .search-filter {
	margin-left: auto !important;
	width: 100% !important;
	border: none !important;
	outline: none !important;
	border-radius: 2px !important;
	background-color: #E9FCFF !important;
	box-sizing: border-box !important;
	color: #007B8F !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 18px !important;
	height: auto !important;
	padding: 0 !important;
}
#smartFilter .search-filter__wrapper::before {
	content: "";

	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);

	width: 16px;
	height: 16px;

	background-image: url("/local/templates/dresscode/images/filter-search.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#smartFilter .search-filter::placeholder {
	color: #007B8F;
}
@media (max-width: 1024px) {
	#smartFilter span.heading {
		flex-wrap: wrap;
		row-gap: 10px;
	}
	#smartFilter .search-filter {
		margin: 0 !important;
		order: 1 !important;
		max-width: unset !important;
	}
}

@media (max-width: 720px) {
	#smartFilter .paramsBox {
		width: 33%;
	}
}
@media (max-width: 590px) {
	#smartFilter .paramsBox {
		width: 50%;
	}
}
@media (max-width: 480px) {
	#smartFilter .paramsBox {
		width: 100%;
		box-sizing: border-box;
	}
	ul#smartFilterControls {
		flex-direction: column;
		align-items: center;
	}
}

@media (max-width: 770px) {
	.global-content-block div.image-wrapper {
		flex-direction: column;
	}
	.global-content-block div.image-wrapper img {
		max-width: 100% !important;
	}
}
.global-content-block .slick-track{
	display: flex;
}

@media (max-width: 1100px) {
	.global-content-block .table-wrapper {
		overflow-x: auto !important;
	}
}

.service-list-gallery {
	display: flex;
	flex-wrap: wrap;

	margin-bottom: 20px;
}
.service-list-gallery > div {
	max-width: 33.33333%;
}
@media (max-width: 640px) {
	.service-list-gallery > div {
		max-width: 50%;
	}
}
@media (max-width: 550px) {
	.service-list-gallery > div {
		max-width: 100%;
	}
}


@media (max-width: 730px) {
	.amada-section .amada-img-wrapper {
		max-width: 100% !important;
	}
}

@media (max-width: 1200px) {
	.vidy-gibki__item {
		max-width: 33.33333% !important;
	}
}
@media (max-width: 700px) {
	.vidy-gibki__item {
		max-width: 50% !important;
	}
}
@media (max-width: 500px) {
	.vidy-gibki__item {
		max-width: 100% !important;
	}
}
iframe {
	width: 100% !important;
	max-width: 560px;
}

.mail-wrapper {
	display: flex;
	align-items: center;
	gap: 5px;
}
.email-copy__wrapper {
    width: 10px;
    height: 10px;
    cursor: pointer;
	display: flex;
	position: relative;
}
.cookies-block {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}

.cookies-block .content {
  background: #fff;
  position: relative;
  border-radius: 4px 4px 0 0;
  box-shadow: 0px 3.83466px 43.1399px #F1F1F1;
  padding: 25px 160px 25px 38px;
}

.cookies-block .content p {
  font-size: 14px;
  line-height: 27px;
  margin: 0;
}

.cookies-block .content p a {
  color: #626262;
}

.cookies-block .content button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 80px;
  background: #626262;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 70px;
  height: 45px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 15;
  cursor: pointer;
}

@media (max-width: 767px) {
    .cookies-block .content {
        padding: 15px;
    }
    .cookies-block .content button {
        margin-top: 15px;
        position: static;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
}

.polytics-section table {
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.polytics-section table td,
.polytics-section table th {
  border: 1px solid #ccc;
  padding: 10px;
}
/* End */
/* /local/templates/dresscode/fonts/roboto/roboto.css?16994975662457 */
/* /local/templates/dresscode/themes/white/vesta/style.css?170108243940375 */
/* /local/templates/dresscode/js/slick/slick-theme.css?16995295583145 */
/* /local/templates/dresscode/js/slick/slick.css?16995295581776 */
/* /local/templates/dresscode/headers/header2v3/css/style.css?169961319411188 */
/* /local/templates/dresscode/components/bitrix/menu/topMenuV3/style.css?16994975662873 */
/* /bitrix/components/dresscode/sale.geo.positiion/templates/.default/style.css?169949749814130 */
/* /local/templates/dresscode/components/bitrix/sale.basket.basket.line/topCartV3/style.css?16996088181887 */
/* /local/templates/dresscode/components/dresscode/search.line/searchV3/style.css?16994975669382 */
/* /local/templates/dresscode/components/dresscode/favorite.line/favoriteV3/style.css?16995412871189 */
/* /local/templates/dresscode/components/dresscode/compare.line/compareV3/style.css?16995412492067 */
/* /local/templates/dresscode/components/bitrix/menu/leftMenu/style.css?17010953389950 */
/* /local/templates/dresscode/components/bitrix/news.list/uslugi/style.css?1699497566150 */
/* /local/templates/dresscode/components/bitrix/breadcrumb/.default/style.css?17092000271522 */
/* /local/templates/dresscode/components/bitrix/catalog.section/squares_wo_slider/style.css?16994975661462 */
/* /bitrix/components/dresscode/products.by.filter/templates/.default/style.css?16994974981520 */
/* /bitrix/components/dresscode/catalog.viewed.product/templates/.default/style.css?16994974981221 */
/* /local/templates/dresscode/components/bitrix/catalog.bigdata.products/.default/style.css?16994975661989 */
/* /local/templates/dresscode/components/bitrix/form.result.new/modal/style.css?169960215810995 */
/* /local/templates/dresscode/template_styles.css?1750315931244808 */
