/* Start:/local/templates/dresscode_copy/components/dresscode/catalog/.default/style.css?1666536415172*/
#middleSlider{
	margin-bottom: 24px;
}

.panel-click.selected{
	pointer-events: none;
}

.items.productList{
	margin-bottom: 24px;
}

.removeFromWishlist{
	display: none;
}
/* End */


/* Start:/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/style.css?171093173957769*/
#left{
	position: relative;
}

#left .collapsed{
	position: absolute;
	width: 100%;
	z-index: 99;
}

.changeName + br{
	display: none;
}

.cheaper-product-name{
	visibility: hidden;
}

.videoFrame{
	border: 0;
}

#catalogElement{
	border-top: 1px solid #e7e8ea;
	position: relative;
}

#catalogElement h2{
	margin: 0;
}


#catalogElement.loading:after{
	background: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/loader.svg) no-repeat rgba(0, 0, 0, 0.2) 50% 50%;
	transition: all 0.2s ease-in-out;
	pointer-events: none;
	position: fixed;
	height: 100vh;
	width: 100%;
	content: "";
	z-index: 999;
	top: 0px;
}

#catalogElement .getStoresWindow{
	text-decoration: none;
}

#elementSmallNavigation{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #e7e8ea;
	background-color: #f9f9f9;
	line-height: 50px;
	overflow: hidden;
	padding: 0 24px;
	display: none;
	height: 50px;
}

#elementSmallNavigation .tab{
	padding-right: 18px;
	margin-left: 18px;
	float: left;
}

#elementSmallNavigation .tab:first-child{
	border-left: 1px solid #e7e8ea;
	padding-left: 18px;
	margin-left: 0px;
}

#elementSmallNavigation 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;
	text-align: center;
	position: relative;
	font-size: 13px;
	color: #000000;
    display: block;
}

#elementSmallNavigation a:hover{
	color: #888888;
}

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

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

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

#tableContainer .column{
	display: table-cell;
}

#tableContainer .column:nth-child(2){
	vertical-align: middle;
	padding-bottom: 24px;
}

#elementNavigation{
	background-color: #f9f9f9;
	position: relative;
	padding-left: 24px;
	text-align: right;
	width: 355px;
}

#elementNavigation.fixed .tabs{
	position: fixed;
	width: 355px;
	top: 0;
}

#elementNavigation .tabs.maxScroll{
	position: absolute;
	bottom: 0px;
	right: 0px;
	top: unset;
}

#elementNavigation .tabs 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;
	display: inline-block;
	padding: 16px 24px;
	font-size: 13px;
	color: #000000;
}

#elementNavigation .tabs .tab{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding: 0;
}

#elementNavigation .tabs .tab.disabled,
#elementSmallNavigation .tabs .tab.disabled{
	display: none;
}

#elementNavigation .tabs .tab.active a{
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	background-color: #ffffff;
}

#elementNavigation .tabs img{
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;

	vertical-align: middle;
	padding-left: 24px;
	opacity: 0.8;
}

#elementNavigation .tabs a:hover{
	color: #888888;
}

#elementNavigation .tabs a:hover img{
	opacity: 1;
}

#smallElementTools{
	padding: 0 24px;
	display: none;
}

#smallElementTools .fastBack{
	font-family: "roboto_ltregular";
	display: inline-block;
	width: 220px;
	height: 45px;
	margin-bottom: 12px;
	line-height: 45px;
	text-align: center;
	background: #fff;
	border-radius: 2px;
}

.smallElementToolsContainer{
	padding: 24px 24px 12px 24px;
	margin-bottom: 18px;
	border: 1px solid #e7e8ea;
}

#elementTools .priceContainer{
	/*display: inline-block;*/
	display: block;
}

#smallElementTools .priceContainer{
	display: inline-block;
	vertical-align: middle;
}

#elementContainer #smallElementTools .purchaseBonus{
	display: block;
	vertical-align: middle;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 12px;
}

#smallElementTools .columnRowWrap{
	font-size: 0;
}

#smallElementTools .columnRow{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	box-sizing: border-box;
	padding-right: 6px;
}

#smallElementTools .columnRow:last-child{
	padding: 0 0 0 6px;
}

#smallElementTools .columnRow .fastBack{
	height: 60px;
	line-height: 60px;
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid #d8d8d8;
}

#smallElementTools .columnRow .addCart{
	margin-top: 0;
}

#smallElementTools .columnRow .addCart{
	width: 100%;
	margin-bottom: 6px;
}

#smallElementTools .columnRow .fastBack{
	width: 100%;
	margin-bottom: 6px;
}

#smallElementTools .secondTool .row{
	display: inline-block;
	vertical-align: middle;
	margin-right: 24px;
}

#smallElementTools .smallElementToolsContainer .secondTool .row:last-child{
	margin-right: 0;
	margin-bottom: 12px;
}

#elementTools{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f9f9f9;
	padding: 24px 24px 0 24px;
	position: relative;
	width: 400px;
	z-index: 1;
}

#elementTools.fixed .fixContainer{
	background-color: #f9f9f9;
	margin-top: 12px;
	/* position: fixed; */
	/* width: 400px; */
	z-index: 33;
	top: 0;
}

#elementTools .fixContainer.maxScroll{
	padding-bottom: 12px;
/*	position: absolute; */
	bottom: 0px;
	top: unset;
	left: 24px;
}

#elementTools .picture{
	display: none;
}

#elementTools .picture img{
	max-width: 280px;
}

#elementTools.fixed .fixContainer .picture{
	display: block;
}

#elementTools .row,
#smallElementTools .row{
	margin-bottom: 12px;
}

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

#elementTools .row img,
#smallElementTools .row img{
	vertical-align: middle;
	padding-right: 6px;
	margin-top: -4px;
}

#elementTools .requestPrice{
	cursor: pointer;
}

#elementTools .label,
#smallElementTools .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;
    font-size: 14px;
    color: #717171;
}

#smallElementTools .label{
	vertical-align: middle;
	display: inline-block;
}

#smallElementTools .qtyBlock img{
	margin-top: 0px;
}

#elementTools .label:hover,
#smallElementTools .label:hover{
	color: #000000;
}

#elementTools .label:active,
#smallElementTools .label:active{
	position: relative;
	top: 1px;
}

#elementTools .article,
#smallElementTools .article{
	margin-bottom: 12px;
	font-size: 14px;
	color: #888888;
}

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

#elementTools .price .discount,
#smallElementTools .price .discount{
	color: #888888;
}
.discount {
  color: red;
}
#elementTools .price .oldPriceLabel,
#smallElementTools .price .oldPriceLabel{
	font-family: 'roboto_condensedlight';
	text-decoration: none;
	margin-bottom: 6px;
	margin-right: 12px;
	font-size: 14px;
	display: inline-block;
	color: #888888;
}

#elementTools .purchaseBonus{
	font-family: "roboto_condensedlight";
	margin-top: 6px;
	font-size: 14px;
	color: #888888;
	display: block;
}

#elementTools .priceBlock,
#smallElementTools .priceBlock{
	display: block;
}

#elementTools .purchaseBonus span{
	display: inline-block;
	vertical-align: top;
	padding-right: 6px;
	font-family: "roboto_cnregular";
}

#smallElementTools .purchaseBonus{
	margin-top: 6px;
	font-family: "roboto_condensedlight";
	font-size: 14px;
	color: #888888;
}

#smallElementTools .purchaseBonus span{
	display: inline-block;
	vertical-align: top;
	padding-right: 6px;
	font-family: "roboto_cnregular";
}

#elementTools .priceValue,
#smallElementTools .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;
}

#elementTools .priceValue:hover,
#smallElementTools .priceValue:hover{
	color: #333333;
}

#elementTools .priceValue:active,
#smallElementTools .priceValue:active{
	position: relative;
	top: 1px;
}

#elementTools .priceIcon,
#smallElementTools .priceIcon{
	margin-right: 12px;
}

#catalogElement .fixContainer{
	width: 220px;
}

#catalogElement .mobileButtonsContainer{
	white-space: nowrap;
	font-size: 0;
}

#catalogElement .mainTool .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;
	vertical-align: middle;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
	line-height: 60px;
	padding: 0px 18px;
	font-size: 16px;
	color: #ffffff;
	height: 60px;
	width: 220px;
}


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

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


	#catalogElement .mainTool .qtyBlock{
		margin-bottom: 0px;
	}

	#catalogElement .mainTool .addCartContainer{
		position: relative;
		overflow: hidden;
		width: 220px;
	}

	#catalogElement .mainTool .qtyBlockContainer{
		transition: all 0.1s ease-in-out;
		transform: translateX(50px);
		position: absolute;
		visibility: hidden;
		right: 18px;
		opacity: 0;
		top: 16px;
	}

	#catalogElement .mainTool .addCartContainer:hover .qtyBlockContainer{
		transition: all 0.2s ease-in-out;
		transform: translateX(0px);
		visibility: visible;
		opacity: 1;
	}

	#catalogElement .mainTool .addCartContainer:hover .addCart span{
	    transform: translate(24px, -50%);
	    left: 0%;
	}

	#catalogElement .mainTool .addCartContainer:hover .addCart .icon{
		transition: all 0.4s ease-in-out;
		visibility: hidden;
	    padding: 0px;
	    height: 0px;
	    margin: 0px;
	    width: 0px;
	    opacity: 0;
	}

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

	#catalogElement .mainTool .qtyBlockContainer .qty{
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    background-color: transparent;
	    box-sizing: border-box;
	    vertical-align: middle;
	    display: inline-block;
	    text-align: center;
	    font-size: 12px;
	    padding: 0 2px;
	    color: #ffffff;
	    margin: 0 4px;
	    height: 28px;
	    width: 28px;
	    border: 0;
	}

	#catalogElement .mainTool .qtyBlockContainer .qty.error{
		color: #ff0000;
	}

	#catalogElement .mainTool .qtyBlock .plus,
	#catalogElement .mainTool .qtyBlock .minus{
	    background-color: rgba(255, 255, 255, 0.1);
	    vertical-align: middle;
	    display: inline-block;
	    min-width: auto;
	    padding: 0px;
	    height: 24px;
	    width: 24px;
	    border: 0px;
	}

	#catalogElement .mainTool .qtyBlock .minus,
	#catalogElement .mainTool .qtyBlock .plus{
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

	#catalogElement .mainTool .qtyBlock .plus{
		background-image: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/basket-add-plus.png);
		border-radius: 2px 2px 0px 0px;
	}

	#catalogElement .mainTool .qtyBlock .minus{
		background-image: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/basket-add-minus.png);
		border-radius: 0px 0px 2px 2px;
	}

	#catalogElement .mainTool .qtyBlock .plus:hover,
	#catalogElement .mainTool .qtyBlock .minus:hover{
		background-color: rgba(255, 255, 255, 0.15);
	}

	#catalogElement .mainTool .qtyBlock .minus:active,
	#catalogElement .mainTool .qtyBlock .plus:active{
		position: relative;
		top: 1px;
	}

	#catalogElement .mainTool .qtyBlock .plus.error,
	#catalogElement .mainTool .qtyBlock .minus.error{
		background-color: #bc1414;
	}

}

#catalogElement .mainTool  .addCart.requestPrice + .qtyBlock,
#catalogElement .mainTool  .addCart.subscribe + .qtyBlock,
#catalogElement .mainTool  .addCart.disabled + .qtyBlock,
#catalogElement .mainTool  .addCart.added + .qtyBlock{
	display: none;
}

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

#elementTools .fastBack{
	display: inline-block;
	background: #ffffff;
	margin-bottom: 12px;
	text-align: center;
	border-radius: 4px;
	line-height: 50px;
	margin-top: 18px;
	font-size: 14px;
	color: #000000;
	width: 220px;
	height: 50px;
}

#elementTools .addCart.added,
#smallElementTools .addCart.added{
	background: #2b2b2b;
}

#elementTools .addCart.added:hover,
#smallElementTools .addCart.added:hover{
	background: #3b3b3b;
}

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

#elementTools .rating i,
#elementContainer .mainContainer .rating i,
#smallElementTools .rating i{
	background: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/rating.png) repeat 0 0px transparent;
	height: 15px;
	width: 79px;
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
}

#elementTools .rating i.m,
#elementContainer .mainContainer .rating i.m,
#smallElementTools .rating i.m{
	background: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/rating.png) repeat 0 -14px transparent;
	width: 0px;
	z-index: 10;
}

#elementTools .icon,
#smallElementTools .icon{
	vertical-align: middle;
	display: inline-block;
}

.ya-share-label{
	margin-bottom: 6px;
	margin-top: 30px;
	color: #717171;
}

#elementContainer{
	position: relative;
	width: 100%;
}

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

#elementContainer .description{
	margin: 12px 0;
	font-family: "roboto_ltregular";
}

#elementContainer .description .heading{
	margin-bottom: 6px;
	font-size: 16px;
}

#elementContainer .changeShortDescription{
	font-size: 13px;
	line-height: 16px;
}

#elementContainer .description .readMore{
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	margin: 4px 0;
	display: block;
	color: #888888;
}

#elementContainer .description .readMore:hover{
	color: #000000;
}

#elementContainer .mainContainer .col{
	position: relative;
	vertical-align: middle;
	display: table-cell;
	padding: 24px 0;
	width: 50%;
}

#elementContainer .mainContainer .secondCol{
	vertical-align: top;
	padding-right: 24px;
	position: static;
}

#elementContainer .mainContainer .col.hide{
	display: none;
}

#elementContainer .mainContainer .col:first-child{
	vertical-align: middle;
	text-align: center;
	padding: 24px 12px;
}

#elementContainer #pictureContainer .pictureSlider{
	table-layout: fixed;
}

#elementContainer #pictureContainer .pictureSlider .item:first-child{
	display: block;
}

#elementContainer #pictureContainer .pictureSlider .item{
	padding: 0 24px;
	display: none;
}

#elementContainer #pictureContainer .item a{
	text-align: center;
	display: block;
}

#elementContainer #pictureContainer .item a img{
	vertical-align: middle;
	max-height: 100%;
	max-width: 90%;
}

#elementContainer #moreImagesCarousel{
	transition: all 0.3s ease-in-out;
	visibility: hidden;
	position: relative;
	padding-top: 10px;
	margin-top: 10px;
	overflow: hidden;
	opacity: 0;
}

#elementContainer #moreImagesCarousel.show{
	visibility: visible;
	opacity: 1;
}

#elementContainer #moreImagesCarousel.hide{
	display: none;
}

#elementContainer #moreImagesCarousel #moreImagesLeftButton,
#elementContainer #moreImagesCarousel #moreImagesRightButton{
	background: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/carouselArrowSmall.png) 0 0 no-repeat transparent;
	position: absolute;
	margin-top: 3px;
	height: 16px;
	opacity: 0.5;
	z-index: 2;
	width: 14px;
	top: 50%;
}

#elementContainer #moreImagesCarousel #moreImagesLeftButton:hover,
#elementContainer #moreImagesCarousel #moreImagesRightButton:hover{
	opacity: 0.8;
}

#elementContainer #moreImagesCarousel #moreImagesLeftButton:active,
#elementContainer #moreImagesCarousel #moreImagesRightButton:active{
	opacity: 1;
}

#elementContainer #moreImagesCarousel #moreImagesLeftButton{
	left: 32px;
}

#elementContainer #moreImagesCarousel #moreImagesRightButton{
	background-position: -14px 0;
	right: 32px;
}

#elementContainer #moreImagesCarousel .carouselWrapper{
	overflow: hidden;
	margin: auto;
	width: 80%;
}

#elementContainer #moreImagesCarousel .slideBox{
	position: relative;
	overflow: hidden;
	list-style: none;
	height: 62px;
	padding: 0;
	margin: 0;
}

#elementContainer #moreImagesCarousel .slideBox .item{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	position: relative;
	text-align: center;
	line-height: 50px;
	opacity: 0.5;
	height: 50px;
	float: left;
}

#elementContainer #moreImagesCarousel .slideBox .item.selected{
	opacity: 1;
}

#elementContainer #moreImagesCarousel .slideBox .item.selected:after{
	transform: translateX(-50%);
	border-bottom: 2px solid #000000;
	position: absolute;
	display: block;
	content: "";
	width: 30%;
	left: 50%;
	bottom : -12px;
}

#elementContainer #moreImagesCarousel .slideBox .item a{
	display: block;
	line-height: 50px;
	height: 50px;
}


#elementContainer #moreImagesCarousel .slideBox .item img{
	vertical-align: middle;
	/*margin-top: -4px;*/
    max-height: 100%;
    max-width: 100%;
}

#elementContainer .mainContainer .markerContainer{
	position: absolute;
	z-index: 3;
	left: 24px;
	top: 24px;
}

#elementContainer .wishCompWrap{
	position: absolute;
	z-index: 2;
	right: 30px;
	top: 24px;
}

#elementContainer .wishCompWrap .elem{
	display: block;
	position: relative;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	margin-bottom: 8px;
	border: 1px solid #f1f1f1;
	border-radius: 2px;
	background: #fff;
	font-size: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#elementContainer .wishCompWrap .elem:before,
#elementContainer .wishCompWrap .elem:after{
	content: "";
	position: absolute;
	left: 9px;
	top: 9px;
	width: 16px;
	height: 16px;
	background: url("/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/wishCompImage.png") 0 0 no-repeat;
	transition: all 0.2s ease-in-out;
}

#elementContainer .wishCompWrap .elem:after{ opacity: 0; }
#elementContainer .wishCompWrap .addWishlist:before{ background-position: 0px 0px; }
#elementContainer .wishCompWrap .addWishlist:after{ background-position: -16px 0px; }
#elementContainer .wishCompWrap .addCompare:before{ background-position: 0px -16px; }
#elementContainer .wishCompWrap .addCompare:after{ background-position: -16px -16px; }
#elementContainer .wishCompWrap .elem:hover { border-color: #e7e8ea; background: #e7e8ea; }
#elementContainer .wishCompWrap .elem:active { top: 1px; }
#elementContainer .wishCompWrap .elem.added:before { opacity: 0; }
#elementContainer .wishCompWrap .elem.added:after { opacity: 1; }

#elementContainer .wishCompWrap .elem img{
	display: none;
	display: inline-block;
	vertical-align: middle;
}

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

#elementContainer .brandImageWrap{
	display: block;
}


#elementContainer .brandImageWrap .tb{
	width: auto;
}

#elementContainer .brandImage{
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 24px;
	margin-right: 66px;
}

#elementContainer .bindAction{
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 24px;
	line-height: 18px;
	font-size: 13px;
}

/*#elementContainer .tb{
	width: auto;
}*/

#elementContainer .bindActionImage{
	width: 38px;
}

#elementContainer .bindActionImage .image{
	display: block;
	width: 30px;
	height: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

#elementContainer .bindAction a {
	position: relative;
	font-size: 13px;
	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;
}

#elementContainer .bindAction a:active {
	position: relative;
	top: 1px;
}

.newReviewTable{
	font-size: 0;
}

.newReviewTable .left{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	font-size: 14px;
	padding-right: 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.newReviewTable .right{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	font-size: 14px;
}

.reviewsBtnWrap{
	padding-bottom: 6px;
	border-bottom: 0px solid #e8e8e8;
	margin-top: 6px;
	float:right;
}
.reviewsBtnWrap_new{
	padding-bottom: 6px;
	border-bottom: 0px solid #e8e8e8;
		border-top: 0px solid #e8e8e8;
	margin-top: 7px;
}
.reviewsBtnWrap_new .row{
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 12px 0;
 /*   font-family: 'roboto_ltregular'; */
    font-size: 13px;
}
.reviewsBtnWrap .row{
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 12px 0;
 /*   font-family: 'roboto_ltregular'; */
    font-size: 13px;
}
.reviewsBtnWrap .row.article{
    font-size: 14px;
	font-weight: bolder;
}

.reviewsBtnWrap .row:last-child{
	margin-right: 0;
}

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

.reviewsBtnWrap .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;
    color: #717171;
}

.reviewsBtnWrap .labelDotted{
	-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;
	color: #000000;
	border-bottom: 1px dashed #b9b9b9;
}

.reviewsBtnWrap a.label:hover .labelDotted{
	border-color: #000000;
}

.reviewsBtnWrap a.label:hover{
	color: #000000;
}

.reviewsBtnWrap a.label:active{
	position: relative;
	top: 1px;
}




#elementContainer .brandImage 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: 34px;
	max-width: 200px;
}

#elementContainer .brandImage:hover img{
	opacity: 0.7;
}

#elementContainer .headingBox{
    table-layout: fixed;
    display: table;
    width: 100%;
}

#elementContainer .headingBox .heading{
	display: table-cell;
	vertical-align: top;
	padding-bottom: 12px;
	font-size: 16px;
}

#elementContainer .headingBox .moreProperties{
	vertical-align: top;
	display: table-cell;
	padding-right: 24px;
	padding-left: 12px;
	width: 40%;
}

#elementContainer .headingBox .morePropertiesLink{
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	/*text-decoration: none;*/
	color: #888888;
}

#elementContainer .headingBox .morePropertiesLink:hover{
	color: #000000;
}

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

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

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

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

#elementContainer .elementProperties .propertyTable .analog{
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	color: #000000;
}

#elementContainer .elementProperties .propertyTable .analog:hover{
	color: #888888;
}

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

#elementContainer .elementSkuPropertyValue{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#elementContainer .elementSkuPropertyValue.loading{
	opacity: 0.5;
}

#elementContainer .elementSkuVariantLabel{
	margin-top: 12px;
	font-size: 16px;
}

#elementContainer .elementSkuPropertyName{
	font-size: 13px;
	color: #888888;
}

#elementContainer .elementSkuPropertyList{
	overflow: hidden;
	list-style: none;
	margin: 0px -2px 0 -4px;
	padding: 0px;
}

#elementContainer .elementSkuProperty{
	overflow: hidden;
	margin: 6px 0 12px;
}

#elementContainer .elementSkuPropertyDropdown{
	margin: 6px 0 12px;
}

#elementContainer .elementSkuProperty li{
	box-sizing: border-box;
	overflow: hidden;
	min-width: 54px;
	padding: 4px 2px 2px 4px;
	float: left;
}

#elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{
	pointer-events: none;
	position: relative;
}

#elementContainer .elementSkuProperty .disabled{
	display: none;
}

#elementContainer .elementSkuPropertyLink{
	transition: all 0.2s ease-in-out;
	border: 1px solid transparent;
	background-color: #f5f5f5;
	text-decoration: none;
	border-radius: 4px;
	text-align: center;
	line-height: 24px;
	padding: 8px 12px;
	font-size: 14px;
	display: block;
	color: #000000;
}

#elementContainer .selected .elementSkuPropertyLink{
	background-color: transparent;
}

#elementContainer .elementSkuPropertyPicture{
	background-color: transparent;
	border: 1px solid transparent;
	position: relative;
	border-radius: 4px;
	line-height: 54px;
	height: 54px;
	padding: 0px;
	width: 54px;
}

#elementContainer .elementSkuPropertyPicture:after{
	background-color: rgba(0, 0, 0, 0.04);
	pointer-events: none;
	position: absolute;
	border-radius: 4px;
	content: "";
	height: 54px;
	width: 54px;
	left: 0px;
	top: 0px;
}

#elementContainer .elementSkuPropertyLink:active{
	position: relative;
	top: 1px;
}

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

#catalogElement .elementSkuDropDownProperty{
	overflow: visible;
}

#catalogElement .elementSkuDropDownProperty .skuDropdownListItem {
    box-sizing: content-box;
    overflow: visible;
    min-width: auto;
    padding: 0px;
    float: none;
}

#catalogElement .skuDropdown{
	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: 264px;
	margin-top: 4px;
}

#catalogElement .skuCheckedItem{
	background: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/selectArrow.png) 97% 50% no-repeat transparent;
	padding: 12px 30px 12px 8px !important;
	border-radius: 4px;
	display: block;
	cursor: pointer;
}

#catalogElement .skuCheckedItem:hover{
	opacity: 0.8;
}

#catalogElement .skuCheckedItem:active{
	position: relative;
	top: 1px;
}

#catalogElement .skuDropdown label:before,
#catalogElement .skuCheckboxList label:before {
	display: none;
}

#catalogElement .skuDropdownList {
	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: 44px;
    right: 0;
    left: 0;
}

#catalogElement .skuDropdownList.opened{
	visibility: visible;
	opacity: 1;
}

#catalogElement .pics .skuDropdownList{
	top: 52px;
}

#catalogElement .skuDropdownList .elementSkuPropertyValue{
	border-top: 1px solid #e7e8ea;
	position: relative;
	display: block;
}

#catalogElement .skuDropdownList .elementSkuPropertyValue:first-child{
	border-top: 0px;
}

#catalogElement .skuDropdownList .selected{
	font-family: "robotomedium";
	background-color: #f9f9f9;
	cursor: pointer;
	color: #ffffff;
	opacity: 0.8;
}

#catalogElement .skuDropdownList .elementSkuPropertyValue:hover{
	background-color: #f9f9f9;
	cursor: pointer;
	color: #ffffff;
	opacity: 0.8;
}

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

#catalogElement .skuDropdownList .skuDropdownListItem.selected .skuPropertyItemLink{
	border: 0px;
}

#catalogElement .skuDropdownList .skuDropdownListItem.disabled{
	display: none;
}

#catalogElement .skuDropdownList .elementSkuPropertyValue:active .skuPropertyItemLink,
#catalogElement .skuDropdownList .skuPropertyItemLink:active{
	position: relative;
	top: 1px;
}

.changePropertiesNoGroup{
	margin-top: 24px;
}

#elementContainer #detailText,
#elementContainer #detailTags{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*margin-top: 24px;*/
	overflow: hidden;
	padding: 0 24px 24px 24px;
	font-size: 14px;
	clear: both;
}

#elementContainer #detailTags{
	padding-bottom: 0px;
}

#elementContainer #detailText .heading,
#elementContainer #detailTags .heading{
	border-top: 1px solid #e7e8ea;
    font-family: 'robotobold';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 36px 0;
    font-weight: 800;
    font-size: 20px;
}

#elementContainer #detailText img{
	max-width: 100%;
}

#elementContainer .defailTagsItems{
	margin-bottom: 12px;
}

#elementContainer .detailTagsItems .detailTagsItem{
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 12px;
	margin-right: 12px;
}

#elementContainer .detailTagsItems .detailTagsItem:last-child{
	margin-right: 0px;
}

#elementContainer .detailTagsItems .detailTagsLink{
	transition: all 0.2s ease-in-out;
	display: block;
	background-color: #f4f4f4;
	text-decoration: none;
	padding: 6px 12px;
	border-radius: 4px;
	color: #000000;
}

#elementContainer .detailTagsItems .detailTagsLink.selected{
	font-family: 'robotomedium';
}

#elementContainer .detailTagsItems .detailTagsLink.selected .reset{
	vertical-align: middle;
	display: inline-block;
	margin-left: 6px;
	font-size: 13px;
}

#elementContainer .detailTagsItems .detailTagsLink:hover{
	background-color: #f0f0f0;
}

#elementContainer .detailTagsItems .detailTagsLink:active{
	position: relative;
	top: 1px;
}

#elementContainer .detailTagsItems .moreButton .detailTagsLink{
	background-color: #ffffff;
	border: 1px solid #e7e8ea;
}

#elementContainer .detailTagsItems .moreButton .detailTagsLink:hover{
	background-color: #fbfbfb;
}

#elementContainer .detailTagsItems .detailTagsItem.showAll{
	display: inline-block !important;
}

@media screen and (min-width: 600px){
	#elementContainer .detailTagsItems .desktopHidden{
		display: none;
	}
}

@media screen and (max-width: 600px){
	#elementContainer .detailTagsItems .mobileHidden,
	#elementContainer #detailTags.mobileHidden{
		display: none;
	}
}

#morePhotoSlider{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin: 24px 48px 0 48px;
}

#morePhotoSlider .morePhotos{
	-webkit-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
	visibility: hidden;
	overflow: hidden;
	opacity: 0;
}

#morePhotoSlider .morePhotos .photoItem{
	/*transform: scale(0.7);*/
	position: relative;
	text-align: center;
	opacity: 0.6;
	float: left;
}

#morePhotoSlider .morePhotos .photoItem.selected{
	padding-bottom: 24px;
	/*transform: scale(1);*/
	opacity: 1;
}

#morePhotoSlider .morePhotos .photoItem.selected:after{
	transform: translateX(-50%);
	border-bottom: 2px solid #000000;
	position: absolute;
	display: block;
	content: "";
	width: 30%;
	left: 50%;
	bottom : 0px;
}

#morePhotoSlider .morePhotos .photoItem a{
	display: inline-block;
	line-height: 100px;
	height: 100px;
}

#morePhotoSlider .morePhotos .photoItem img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

#elementContainer .zoom{
	cursor: zoom-in;
}

#related, 
#similar{
	margin-top: 24px;
}

#related .heading, 
#similar .heading{
	border-top: 1px solid #e7e8ea;
	font-family: 'robotobold';
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 36px 24px;
	font-weight: 800;
	font-size: 20px;
}

#catalogElement .productList{
	border-left: 0px;
}

#catalogElement .product{
	width: 25%;
}

#giftContainer{
	padding-bottom: 24px;
    margin-top: 24px; 
}

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

#elementProperties{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*margin-top: 24px;*/
	padding: 0 24px;
	overflow: auto;
}

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

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

#elementProperties .stats {
	/*min-width: 600px;*/
	width: 100%;
	padding: 12px;
	border-collapse: collapse;
	table-layout: fixed;
}

#elementProperties .stats 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;
}

#elementProperties .stats a:active{
	position: relative;
	top: 1px;
}

#elementProperties .stats td{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#elementProperties .stats .question {
	background: url("/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/questions.png") 0 0 transparent;
	-webkit-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
	vertical-align: middle;
	display: inline-block;
	margin-left: 6px;
	height: 19px;
	width: 19px;
}

#elementProperties .stats .question:hover {
	background: url("/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/questions.png") -19px 0 transparent;
}

#elementProperties .stats .question:active {
	background: url("/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/questions.png") -38px 0 transparent;
}

#elementProperties .stats tr {
	border: 1px solid #e4e4e4;
}

#elementProperties .stats tr.gray:last-child{
	border-bottom: 0px;
}

#elementProperties .stats .gray td {
	background-color: #F6F6F6;
}

#elementProperties .stats tr:hover td {
	background: #eee;
}

#elementProperties .stats .cap,
#elementProperties .stats .cap:hover td {
	background-color: #fff !important;
	border: 0 !important;
}

#elementProperties .stats .cap td {
	font-size: 18px;
	color: #000000;
	padding: 12px 0;
}

#elementProperties .stats td {
	padding: 6px 0px;
}

#elementProperties .stats .name {
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	padding-left: 12px;
	overflow: hidden;
	width: 40%;
}

#elementProperties .stats .name span {
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
	padding-right: 12px;
}

#elementProperties .stats .analog {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-size: 13px;
	text-decoration: none;
	color: #9d9d9d;
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 1px;
}

#elementProperties .stats .analog:hover {
	color: #000000;
	border-bottom-color: #000000;
}

#elementProperties .stats .analog:active {
	position: relative;
	top: 1px;
}

#elementProperties .stats .right {
	text-align: right;
	padding-right: 10%;
}

#catalogElement .bx_pagination_bottom{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 24px;
}

#files{
	margin-top: 24px;
}

#files .wrap{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 24px;
}

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

#files .items{
	overflow: hidden;
}

#files .item{
	margin-bottom: 24px;
	overflow: hidden;
	height: 65px;
	float: left;
	width: 25%;
}

#files .item .tb{
	table-layout: fixed;
	display: table;
	width: 100%;
}

#files .item .tbr{
	display: table-row;
}

#files .item .icon{
	vertical-align: middle;
	display: table-cell;
	width: 20%;
}

#files .item .icon a{
	display: block;
}

#files .item .icon img{
	vertical-align: middle;
	max-width: 100%;
}

#files .item .info{
	vertical-align: middle;
	display: table-cell;
	padding-right: 18px;
	width: 50%;
}

#files .item .info .name{
	-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: 25px;
	overflow: hidden;
	font-size: 14px;
	display: block;
	color: #000000;
	height: 25px;
}

#files .item .info .name span{
	vertical-align: middle;
	display: inline-block;
	line-height: 21px;
}

#files .item small{
	display: block;
}

#video{
	margin-top: 24px;
}

#video .wrap{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 24px;
}

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

#video .items{
	overflow: hidden;
	margin: 0 -12px;
}

#video .items.sz1{
	margin: 0;
}

#video .item{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 33.33333%;
	padding: 0px 12px 24px 12px;
}

#video .item iframe{
	height: 200px;
	width: 100%;
}

#video .items.sz1 .item{
	padding: 0px;
	width: 100%;
}

#video .items.sz1 iframe{
	height: 500px;
}

#video .items.sz2 .item{
	width: 50%;
}

#video .items.sz2 iframe{
	height: 300px;
}


#elementError {
	background-color: rgba(0, 0, 0, 0.298);
	display: none;
	height: 100%;
	left: 0px;
	overflow: visible;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 998;
}

#elementErrorContainer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.500);
	background-color: #ffffff;
	margin-left: -150px;
	margin-top: -130px;
	position: relative;
	overflow: hidden;
	color: #000000;
	width: 300px;
	z-index: 999;
	left: 50%;
	top: 50%;
}

#elementErrorContainer span.heading {
	background-color: #424242;
	color: #ffffff;
	display: block;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	text-align: center;
	margin: 0;
	padding: 0;
}

#elementErrorContainer p {
	text-align: center;
	color: #000000;
	padding: 12px;
}

#elementErrorContainer #elementErrorClose {
	background: url("/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/exit.png") 0px 0px no-repeat transparent;
	margin-bottom: 24px;
	position: absolute;
	display: block;
	height: 21px;
	right: 24px;
	width: 21px;
	top: 16px;
}

#elementErrorContainer #elementErrorClose:hover {
	background: url("/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/exit.png") 0px -21px no-repeat transparent;
}

#elementErrorContainer #elementErrorClose:active {
	background: url("/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/exit.png") 0px -42px no-repeat transparent;
}

#elementErrorContainer .close {
	-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;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #cccccc;
	background: #424242;
	width: 140px;
	text-decoration: none;
	margin: 0px auto 12px;
}

#elementErrorContainer .close:hover {
	background: #2b2b2b;
}

#elementErrorContainer .close:active {
	position: relative;
	top: 1px;
}

#catalogElement #hint {
	position: absolute;
	border: 1px solid #bdbdbd;
	background: #fff;
	width: 300px;
	box-shadow: 1px 1px 12px #dbdbdb;
	padding: 12px;
}

#catalogElement #hint span {
	font-size: 14px;
	line-height: 31px;
	font-weight: 600;
	display: block;
}

#catalogElement #hint ins {
	background: url("/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/clear.png") no-repeat 0 0 transparent;
	display: block;
	position: absolute;
	top: 12px;
	right: 12px;
	width: 10px;
	height: 9px;
	cursor: pointer;
}

#catalogElement #hint ins:active {
	top: 13px;
}

#skuOffersTable{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
}

#skuOffersTable .offersTableContainer{
	box-sizing: border-box;
	padding: 0px 24px;
}

#skuOffersTable .offersTableContainerBtn{
	margin-top: 24px;
	text-align: center;
}

#skuOffersTable .catalogProductOffersNext img{
	vertical-align: middle;
	display: inline-block;
	margin-right: 8px;
	margin-top: -2px;
}

#skuOffersTable .catalogProductOffersNext.btn-simple{
	border-radius: 4px;
	width: 156px;
}

#skuOffersTable .heading{
    border-top: 1px solid #e7e8ea;
    font-family: 'robotomedium';
    text-transform: uppercase;
    padding: 36px 24px;
    font-weight: 800;
    font-size: 20px;
    display: block;
}

#skuOffersTable .offersTable{
	width: 100%;
}

#skuOffersTable .tb{
	transition: all 0.2s ease-in-out;
	width: 100%;
}

#skuOffersTable .tableElem .tb:hover{
	background-color: #fdfdfd;
}

#skuOffersTable .tc{
	box-sizing: border-box;
	text-align: center;
	padding: 8px 6px;
}

#skuOffersTable .thead{
	border-radius: 4px;
	background: #f1f1f1;
}

#skuOffersTable .thead .tc{
	padding: 12px 6px;
}

#skuOffersTable .tableElem{
	border: 1px solid #f1f1f1;
	border-radius: 4px;
	margin-top: 8px;
}

#skuOffersTable .offersTable th,
#skuOffersTable .offersTable td{
	text-align: center;
}

#skuOffersTable .offersTable th{
	background-color: #f1f1f1;
	padding: 12px 0px;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
}

#skuOffersTable .offersTable td{
	border-bottom: 1px solid #f3f3f3;
	border-top: 1px solid #f3f3f3;
	padding-bottom: 8px;
	padding-top: 8px;
}

#skuOffersTable .offersTable th{
	border-bottom: 1px solid #f3f3f3;
	border-top: 1px solid #f3f3f3;
}

#skuOffersTable .offersTable th:first-child,
#skuOffersTable .offersTable td:first-child{
	border-left: 1px solid #f3f3f3;
}

#skuOffersTable .offersTable th:last-child,
#skuOffersTable .offersTable td:last-child{
	border-right: 1px solid #f3f3f3;
}

#skuOffersTable .offersTable .offersName{
	text-align: left;
	width: 220px;
}

#skuOffersTable .offersTable .offersName + td{
	padding-left: 12px;
}

#skuOffersTable .offersTable .offersPicture{
	width: 96px;
}

#skuOffersTable .offersTable .offersPicture img{
	vertical-align: middle;
	max-height: 54px;
	max-width: 42px;
	height: auto;
	width: auto;
}

#skuOffersTable .offersTable .priceWrap{
	width: 184px;
}

#skuOffersTable .offersTable .quantity img{
    vertical-align: middle;
    display: inline-block;
    padding-right: 6px;
    margin-top: -4px;
}

#skuOffersTable .offersTable .price{
	font-family: "robotomedium";
	position: relative;
	font-size: 16px;
}

#skuOffersTable .offersTable .getPricesWindow .priceIcon{
	display: none;
}

#skuOffersTable .offersTable .quanBaskWrap{
	width: 250px;
	padding: 0;
}

#skuOffersTable .offersTable .quanBaskWrap .tc{
	width: 50%;
}

#skuOffersTable .offersTable .basket{
	padding-right: 12px;
}

#skuOffersTable .offersTable .price .priceIcon{
	margin-right: 6px;
}

#skuOffersTable .offersTable .price .lnk{
	border-bottom: 1px dashed #000000;
	transition: all 0.2s ease-in-out;
	padding-bottom: 2px;
}

#skuOffersTable .offersTable .price:hover .lnk{
	border-color: #888888;
}

#skuOffersTable .offersTable .property{
	/*font-family: "robotobold";*/
	font-size: 14px;
}

#skuOffersTable .offersTable .discount{
	font-family: 'roboto_ltregular';
	position: absolute;
	font-size: 13px;
	color: #888888;
	display: block;
	right: -12px;
	top: -16px;
}

#skuOffersTable .offersTable .basket .addCart{
	/*width: 76px;*/
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	line-height: 30px;
	padding: 0 12px;
	color: #ffffff;
	height: 30px;
}

#skuOffersTable .offersTable .basket .addCart.requestPrice{
	margin-top: 0px;
}

#skuOffersTable .offersTable .basket .addCart:active{
	position: relative;
	top: 1px;
}

#skuOffersTable .offersTable .basket .addCart img{
	vertical-align: middle;
	display: inline-block;
	margin-right: 12px;
	margin-top: -4px;
}

#skuOffersTable .outOfStock{
	color: #888888;
}

#complect{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px;
    padding: 0 24px;
}

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

#complect .complectList{
	overflow: hidden;
	margin: 0 -12px;
}

#complect .complectListItem{
	position: relative;
	height: 355px;
	float: left;
	width: 25%;
}

#complect .complectListItemWrap{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 12px;
}

#complect .complectListItemPicture img{
	-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;
    max-height: 90%;
    max-width: 90%;
}

#complect .complectListItemPicture:hover img{
	opacity: 0.8;
}

#complect .complectListItemPicLink{
    -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;
    display: block;
    text-align: center;
    height: 240px;
    line-height: 240px;
}

#complect .complectListItemLink{
    -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;
    height: 44px;
}

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

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

#complect .complectListItemPrice .measure{
	font-size: 16px;
}

#complect .complectListItemPrice .discount{
	font-family: 'roboto_ltregular';
	padding-left: 4px;
	font-size: 14px;
}

#complect .complectResult{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e8e8e8;
	background-color: #fdfdfd;
	padding-right: 24px;
	padding-left: 24px;
	line-height: 60px;
	overflow: hidden;
	height: 60px;
}

#complect .complectPriceResult{
	font-family: 'robotobold';
	display: inline-block;
	margin-left: 12px;
	font-size: 18px;
}

#complect .complectResult .discount{
	font-family: 'roboto_ltregular';
	margin-left: 12px;
	font-size: 14px;
	color: #888888;
}

#complect .complectResultEconomy{
	border-left: 1px solid #e8e8e8;
	padding-left: 24px;
	float: right;
}

#complect .complectResultEconomyValue{
	font-family: 'robotobold';
	margin-left: 12px;
	font-size: 16px;
}

#complect .complectListItem:after{
	font-family: 'roboto_thregular';
	transform: translateY(-50%);
	position: absolute;
	font-size: 48px;
	display: block;
	color: #888888;
	content: "+";
	right: -12px;
	top: 50%;

}

#complect .complectListItem:last-child:after,
#complect .complectListItem:nth-child(4n):after{
	display: none;
}

#zoomer{
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.7);
}

#zoomer.opened{
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

#zoomer #zoomerExitLink{
	background: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/exitBig.png) 0 0  no-repeat transparent;
	height: 50px;
	opacity: 0.5;
	width: 50px;
}

#zoomer #zoomerExitLink:hover{
	opacity: 0.8;
}

#zoomer #zoomerExitLink:active{
	height: 48px;
	opacity: 1;
	top: 25px;
}

#zoomerMoreImagesContainerWrapper .item{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#zoomerMoreImagesContainerWrapper .item:hover{
	opacity: 0.9 !important;
}

#zoomerMoreImagesContainerWrapper .selected{
	opacity: 1 !important;
}

#zoomerBigPrevMore,
#zoomerBigNextMore{
	background: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/carouselArrowsBig.png) 0 0 no-repeat transparent;
	opacity: 0.5;	
}

#zoomerBigNextMore{
	background-position: -57px 0;
}

#zoomerNextMore,
#zoomerPrevMore{
	background: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/images/carouselArrows.png) 0 0 no-repeat transparent;
	opacity: 0.5;
}


#zoomerNextMore{
	background-position: -80px 0;
}

#zoomerPrevMore:hover,
#zoomerNextMore:hover,
#zoomerBigPrevMore:hover,
#zoomerBigNextMore:hover{
	opacity: 0.8;
}

#zoomerPrevMore:active,
#zoomerNextMore:active,
#zoomerBigPrevMore:active,
#zoomerBigNextMore:active{
	opacity: 1;
}

#zoomerNextMore:active{
	right: -1px !important;
}

#zoomerPrevMore:active{
	left: -1px !important;
}

#zoomerBigPrevMore:active{
	left: 23px !important;
}

#zoomerBigNextMore:active{
	right: 23px !important;
}

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

.catalogProductOffersPager{
	text-align: center;
}

.catalogProductOffersNext{
	margin-top: 24px;
}

#catalogElement input[type="radio"]:not(checked){
  position: absolute;
  opacity: 0;
}

#catalogElement input[type="radio"] + label{
	cursor: pointer;
}

#catalogElement input[type="radio"]:not(checked) + label{
	position: relative;
	padding-left: 28px;
}

.smallSpecialTime{
	padding-bottom: 12px;
	color: #ffffff;
	font-size: 0;
	line-height: 0;
}

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

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

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

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

.detail-text-wrap{
	box-sizing: border-box;
    margin-top: 12px;
    padding: 0 24px 24px;
    border-top: 1px solid #e7e8ea;
}

.detail-text-wrap .heading {
	font-family: "robotomedium";
	padding: 30px 0 0px;
	display: block;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 24px;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
}

#elementContainer .new-list-items-wrap{
	border-top: 1px solid #e7e8ea;
	box-sizing: border-box;
	margin-bottom: 24px;
	margin-top: 0px;
	padding: 0 24px;
}

.new-list-items-wrap .heading{
	display: block;
	padding: 36px 0 18px;
	font-family: "robotomedium";
	font-size: 20px;
	text-transform: uppercase;
	line-height: 24px;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
}

#elementContainer .new-list-items{
	max-width: none;
	margin: 0 -12px;
	font-size: 0;
}

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

@keyframes fadein{

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}

}
.buy_custom_size {
	-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;
	vertical-align: middle;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
	line-height: 30px;
	padding: 0px 18px;
	font-size: 16px;
	color: #ffffff;
	height: 60px;
	width: 220px;
	background-color: #0061b2;
	cursor: pointer;
	margin: 20px 0;
}
.buy_sizes_item p, .buy_sizes_input {
	display: inline-block;
}
.buy_sizes_item p {
	width: 116px;
}
.buy_sizes_item input[type=number]::-webkit-inner-spin-button,
.buy_sizes_item input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.buy_sizes_item input[type='number'] {
	-moz-appearance: textfield;
}
.bsi_plus, .bsi_minus {
	background-color: rgba(255, 255, 255, 0.1);
	vertical-align: middle;
	display: inline-block;
	min-width: auto;
	padding: 0px;
	height: 24px;
	width: 24px;
	border: 0px;
	background-color: #0061b2;
	background-repeat: no-repeat;
	background-position: center center;
	color: transparent;
	cursor: pointer;
}
.bsi_minus {
	background-image: url("/local/templates/dresscode/components/dresscode/catalog.item/detail/images/basket-add-minus.png");
	border-radius: 0px 0px 2px 2px;
}
.bsi_plus {
	background-image: url("/local/templates/dresscode/components/dresscode/catalog.item/detail/images/basket-add-plus.png");
	border-radius: 2px 2px 0px 0px;
}
.buy_rulon {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: transparent;
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	padding: 0 2px;
	margin: 0 4px;
	height: 28px;
	width: 28px;
	border: 0;
}
#custom_size_bg {
	display: none;
	-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;
}
#custom_size * {
	box-sizing: border-box;
}
#custom_size {
	display: none;
	1width: auto;
	1height: auto;
	1position: fixed;
	1top: 50%;
	1left: 50%;
	1z-index: 1002;
	1-webkit-transform: translate(-50%, -50%);
	1-ms-transform: translate(-50%, -50%);
	1transform: translate(-50%, -50%);
	1background-color: #fff;
	1padding: 10px;
}
#myTable {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
#myTable thead {
	font-weight: 600;
}
.ibtndel_table {
	cursor: pointer;
	display: block;
	height: 21px;
	width: 21px;
	right: 20px;
	top: 20px;
	padding: 0;
	margin: 0;
	border: none;
	box-shadow: none;
	background-color: #0061b2;
	background-image: url('/local/templates/dresscode/components/bitrix/form.result.new/modal/images/exit.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}
.ibtndel_table:hover {
	background-position: 0 -21px;
}
.calc-error-message {
	margin-bottom: 0;
	color: #E24029;
}
#myTable tbody td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}


#elementTools .addCart_Custom, #smallElementTools .addCart_Custom {
    background: #0061b2;
}
#catalogElement .mainTool .addCart_Custom {
    -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;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    line-height: 60px;
    padding: 0px 18px;
    font-size: 16px;
    color: #ffffff;
    height: 60px;
    width: 220px;
}
#elementTools .addCart_Custom .icon, #smallElementTools .addCart_Custom .icon {
    padding-right: 12px;
    margin-top: -6px;
}
@media (min-width: 1101px) {
    #catalogElement .mainTool .addCartContainer:hover .addCart_Custom span {
        transform: translate(24px, -50%);
        left: 0%;
    }
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

#myTable .icon-env {
	text-align: right!important;
}

.icon-env svg {
	cursor: pointer;
}


.buy_sizes_item--with-price {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 220px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ebccd1;
}

.buy_sizes_item--with-price  .item_price {
	text-align: right;
	width: 100%;
	font-size: 15px;
	line-height: 17px;
	font-weight: 700;
}
.buy_sizes_item--with-price .buy_sizes_input {
	margin-left: auto;
}

.buy_sizes_item--with-price p {
	margin: 12px 0;
}

.mobilePriceContainer--hide {
	display: none;
}

.buy_sizes_container--with-price .bsi_minus {
	border-radius: 2px 0px 0px 2px;
}

.buy_sizes_container--with-price .bsi_plus {
	border-radius: 0px 2px 2px 0px;
}

@media (max-width: 1100px) {
	#smallElementTools .mobilePriceContainer.mobilePriceContainer--hide {
		display: none;
	}
	#catalogElement .mainTool .addCart_Custom {
		width: 100%;
	}
}
@media (max-width: 680px) {
	.buy_sizes_item--with-price {
		max-width: 100%;
	}
	.buy_sizes_container--with-price .buy_custom_size {
		width: 100%;
		margin-bottom: 0;
	}
	.buy_sizes_item--with-price  .item_price {
		font-size: 13px;
	}
	#smallElementTools .mobileButtonsContainer {
		margin-top: 12px;
	}
}
/* End */


/* Start:/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/review.css?16665364169110*/
#catalogReviews{
	margin-top: 24px;
	overflow: hidden;
}

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

#catalogReviews .heading .reviewAddButton{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-bottom: 1px dashed #888888;
	font-family: "robotoregular";
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 4px;
	margin-left: 24px;
	font-weight: 400;
	font-size: 12px;
	color: #888888;
}

#catalogReviews .heading .reviewAddButton:active{
	position: relative;
	top: 1px;
}

#catalogReviews .heading .label{
	font-family: "robotoregular";
	text-transform: none;
	display: inline-block;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 14px;
	color: #888888;
}

#catalogReviews .ratingContainer{
	line-height: 20px;
	float: right;
}

#catalogReviews .ratingContainer .rating,
#reviews .rating{
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
	margin-top: 0px;
	position: relative;
	height: 15px;
	width: 79px;
	z-index: 2;
}

#catalogReviews .ratingContainer .rating{
	margin-left: 12px;
}

#catalogReviews .ratingContainer .rating i,
#reviews .rating i {
	background: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/../images/rating.png) repeat 0 0px transparent;
	height: 15px;
	width: 79px;
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
}

#catalogReviews .ratingContainer .rating i.m ,
#reviews .rating i.m{
	background: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/../images/rating.png) repeat 0 -14px transparent;
	width: 0px;
	z-index: 10;
}

#reviews .rating{
	margin-top: -4px;
}

#catalogElement .ratingContainer .newReview {
	float: right;
	margin-right: 12px;
	color: #000000;
}

#catalogElement .newReview:hover {
	color: #0074d9;
}

#catalogElement #reviews,
#catalogElement #reviews ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#catalogElement #reviews .reviewItem{
	border-top: 1px solid #f7f7f7;
	padding-top: 24px;
	position: relative;
	margin-bottom: 24px;
}

#catalogElement #reviews .reviewItem:first-child{
	padding-top: 24px;
	border-top: 1px solid #e7e8ea;
	/*padding: 0;*/
	/*border: 0;*/
}

#reviews .reviewTable{
	table-layout: fixed;
	display: table;
	width: 100%;
}

#reviews .reviewTable .reviewColumn{
	display: table-cell;
	vertical-align: top;
	position: relative;
	padding: 0 24px;
	font-size: 14px;
}

#reviews .reviewTable .reviewColumn .label{
	display: inline-block;
	font-size: 14px;
}

#reviews .reviewTable .reviewColumn .reviewRating,
#reviews .reviewTable .reviewColumn .reviewName{
	margin-top: 12px;
}

#reviews .reviewTable .reviewColumn .reviewDate,
#reviews .reviewTable .reviewColumn .reviewName{
	line-height: 21px;
}

#reviews .reviewTable .reviewColumn .advantages,
#reviews .reviewTable .reviewColumn .limitations{
	margin-bottom: 12px;
}

#reviews .reviewTable .reviewColumn .advantages .label,
#reviews .reviewTable .reviewColumn .impressions .label,
#reviews .reviewTable .reviewColumn .limitations .label{
	margin-bottom: 4px;
	font-size: 14px;
}

#reviews .reviewTable .reviewColumn .advantages p,
#reviews .reviewTable .reviewColumn .impressions p,
#reviews .reviewTable .reviewColumn .limitations p{
	font-size: 13px;
}

#reviews .reviewTable .reviewColumn:first-child{
	vertical-align: middle;
	text-align: center;
	width: 30%;
}

#reviews .reviewTable .reviewColumn .reviewDate{
	color: #888888;
}

#reviews .reviewTable .reviewColumn .reviewName,
#reviews .reviewTable .reviewColumn .reviewName .label{
	font-size: 16px;
}

#catalogElement #reviews .controls {
	background: #f4f4f4;
	text-align: center;
	margin-top: 24px;
	line-height: 35px;
	/*float: right;*/
	width: 260px;
	height: 35px;
}

#catalogElement #reviews .controls a {
	text-decoration: none;
}

#catalogElement #reviews .controls a:active {
	position: relative;
	top: 1px;
}

#catalogElement #reviews .controls .good {
	color: #009E02;
	margin-right: 4px;
}

#catalogElement #reviews .controls .good:hover {
	color: #008902;
}

#catalogElement #reviews .controls .bad {
	color: #ff0000;
}

#catalogElement #reviews .controls .bad:hover {
	color: #9d9d9d;
}

#catalogElement #reviews p {
	color: #666;
	line-height: 21px;
	margin: 0;
}

#catalogElement #reviews .comment {
	clear: both;
}

#catalogElement #reviews .hide {
	display: none;
}

#showallReviews {
	-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 #e7e8ea;
	margin: 24px 24px 24px auto;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
	line-height: 40px;
	display: block;
	color: #000000;
	height: 40px;
	width: 200px;
}

#catalogElement #newReview{
	display: none;
}

#catalogElement #newReview .heading{
	border-bottom: 1px solid #e7e8ea;
	border-top: 1px solid #e7e8ea;
	font-family: 'robotobold';
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 24px;
	padding: 36px 24px;
	font-weight: 800;
	font-size: 20px;
	display: block;
}

#catalogElement #newReview form{
	padding: 0 24px;
}

#catalogElement #newReview ins {
	text-decoration: none;
	margin-bottom: 4px;
	font-size: 14px;
	display: block;
}

#catalogElement #newReview #newRating {
	position: relative;
}

#catalogElement #newReview .rating {
	position: absolute;
	cursor: pointer;
	width: 150px;
	left: 100px;
	z-index: 10;
	top: -3px;
}

#catalogElement #newReview .rating i {
	background: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/../images/newRating.png) repeat 0 0px transparent;
	height: 22px;
	width: 150px;
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
}

#catalogElement #newReview .rating i.m {
	background: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/../images/newRating.png) repeat 0 -22px transparent;
	width: 0px;
	z-index: 10;
}

#catalogElement #newReview .usedSelect {
	list-style: none;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}

#catalogElement #newReview .usedSelect li {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}

#catalogElement #newReview .usedSelect 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;
	border: 1px solid #e7e8ea;
	text-decoration: none;
	text-align: center;
	line-height: 35px;
	padding: 0px 12px;
	font-size: 13px;
	display: block;
	height: 35px;
	color: #000;
}

#catalogElement #newReview .usedSelect li a:hover {
	color: #696969;
}

#catalogElement #newReview .usedSelect li a:active {
	position: relative;
	top: 1px;
}

#catalogElement #newReview .usedSelect li a.selected {
	color: #fff;
}

#catalogElement #newReview table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

#catalogElement #newReview table td {
	vertical-align: top;
	width: 50%;
}

#catalogElement #newReview table td:first-child{
	padding-right: 24px;
}

#catalogElement #newReview label {
	display: block;
	margin: 12px 0;
}

#catalogElement #newReview 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;
	border: 1px solid #E4E4E4;
	font-family: "roboto_ltregular";
	padding-left: 12px;
	padding-top: 12px;
	background: #fff;
	resize: none;
	height: 90px;
	width: 100%;
}

#catalogElement #newReview textarea:focus {
	outline: none;
	border: 1px solid #CCC;
}

#catalogElement #newReview 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";
	border: 1px solid #E4E4E4;
	display: inline-block;
	margin-bottom: 12px;
	vertical-align: top;
	background: #fff;
	padding-left: 12px;
	height: 50px;
	width: 74%;
}

#catalogElement #newReview input:focus {
	border: 1px solid #CCC;
}

#catalogElement #newReview .submit {
	-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;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	margin-left: 3%;
	color: #ffffff;
	height: 50px;
	width: 23%;
}

#catalogElement #newReview .submit:active {
	position: relative;
	top: 1px;
}

#catalogElement #newReview .reviewError {
	overflow: hidden;
	padding: 0px 24px 0px 24px;
}

#catalogElement #newReview .reviewError .cap {
	color: #000000;
	font-size: 16px;
}

#catalogElement #newReview .reviewError img {
	vertical-align: middle;
	float: left;
	margin-right: 24px;
}

#catalogElement .countReviewsTools{
	cursor: pointer;
}
/* End */


/* Start:/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/media.css?166653641623919*/
@media all and (min-width: 2560px){

	#elementNavigation.fixed .tabs{
		width: 483px;
	}

}

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

	#catalogElement .product{
		width: 20%;
	}

}

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

	#tableContainer .column:nth-child(2){
		width: 1124px;
	}

	#catalogElement .product:nth-child(5n+5){
		border-right-width: 0px;
	}

	#complect .complectListItem{
		width: 20%;
	}

}

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

	#skuOffersTable .offersTable .offersName{
		width: 22%;
	}

	#skuOffersTable .offersTable .priceWrap{
		width: 18%;
	}

	#skuOffersTable .offersTable .quanBaskWrap{
		width: 24%;
	}

}

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

	#catalogElement .product:nth-child(4n+4){
		border-right-width: 0px;
	}

}

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

	#catalogElement .product{
		width: 33.333333%;
	}

}

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

	#skuOffersTable .offersTable .quanBaskWrap{
		padding: 8px 6px;
		width: 120px;
	}

	#skuOffersTable .offersTable .quanBaskWrap .tc{
		display: block;
		width: 100%;
		padding: 0;
	}

	#skuOffersTable .offersTable .quanBaskWrap .quantity{
		padding-bottom: 6px;
	}

	.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 all and (max-width: 1700px) {

	#elementTools{
		width: 280px;
	}

	#files .item .icon{
		width: 22%;
	}

}

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

	.limiter #left {
		width: 280px;
	}

	#elementNavigation{
		width: 280px;
	}

	#elementNavigation.fixed .tabs{
		width: 280px;
	}

	#files .item{
		width: 33.33333%
	}

	#files .item .icon{
		width: 20%;
	}

	#complect .complectListItem{
		width: 33.33333%;
	}

	#complect .complectListItem:nth-child(4n):after{
		display: block;
	}

	#complect .complectListItem:nth-child(3n):after,
	#complect .complectListItem:last-child:after{
		display: none;
	}

	.new-list-items-wrap .heading{
		padding: 36px 0 30px;
	}

	#elementContainer .new-list-items{
		margin: 0 -6px;
	}

}

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

	.limiter #left{
		width: 320px;
	}

	#elementTools{
		width: 300px;
	}

	#tableContainer #elementNavigation{
		display: none;
	}

	#elementSmallNavigation{
		display: block;
	}

	#files .item .icon{
		width: 14%;
	}

	#skuOffersTable .offersTable .quanBaskWrap{
		width: 250px;
		padding: 0;
	}

	#skuOffersTable .offersTable .quanBaskWrap .tc{
		display: table-cell;
		width: 50%;
		padding: 8px 6px;
	}

	#skuOffersTable .offersTable .quanBaskWrap .quantity{
		padding: 8px 6px;
	}

	#catalogElement #newReview input{
		width: 67%;
	}

	#catalogElement #newReview .submit{
		width: 30%;
	}

}

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

	.limiter #left{
		width: 280px;
	}

	.smallSpecialTime .specialTime{
		padding: 12px 0px;
	}

}

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

	#elementSmallNavigation .tab:first-child{
		padding-left: 0px;
		border-left: 0px;
		margin-left: 0px;
	}

	#elementSmallNavigation .tab {
	    border-right: 0px;
	    margin-left: 24px;
	}

}

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

	.limiter #left{
		width: 330px;
	}

	#elementTools{
		width: 270px;
		padding: 12px 24px 0;
	}

	.smallSpecialTime{
		padding-bottom: 6px;
	}

	#files .item .icon{
		width: 18%;
	}

	.ya-share-label{
		margin-top: 0;
	}

	#elementContainer .brandImage{
		margin-right: 24px;
		margin-bottom: 12px;
	}

	#elementContainer .bindAction{
		margin-bottom: 12px;
	}

	.reviewsBtnWrap{
		padding-bottom: 0px;
		margin-top: 0px;
	}

	.reviewsBtnWrap .row{
		margin: 0 24px 12px 0;
	}

	#elementContainer .elementSkuVariantLabel{
		display: none;
	}

	.productDetailText .heading{
		font-size: 14px;
	}

	#catalogElement .product{
		width: 33.333%;
	}

	#catalogElement .product:nth-child(4n+4){
		border-right-width: 1px;
	}

	#catalogElement .product:nth-child(3n+3){
		border-right-width: 0px;
	}

	#catalogElement .smallSpecialTime{
		margin-bottom: 12px;
	}

}

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

	#skuOffersTable {
		display: none;
	}

}

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

	#tableContainer #elementTools{
		display: none;
	}

	#smallElementTools{
		margin: 24px 0px 36px 0px;
		display: block;
		clear: both;
	}

	.ya-share-label{
		display: none;
	}

	.new-list-items .list-item-wrap{
		width: 50%;
	}

	#smallElementTools .smallElementToolsContainer{
		box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
		border-radius: 4px;
		border: 0;
	}

	#smallElementTools .mobilePriceContainer,
	#smallElementTools .mobileButtonsContainer{
		vertical-align: middle;
		display: table-cell;
		width: 50%;
	}

	#smallElementTools .columnRow.mobileFastBackContainer{
		margin-top: 12px;
		display: block;
		padding: 0px;
		width: 100%;
	}

	#catalogElement .mainTool .addCart{
		padding: 0px;
		width: 50%;
	}

	#smallElementTools .columnRow .fastBack{
		background: #F2F2F2;
		border-radius: 4px;
		font-size: 16px;
		color: #000000;
		border: 0;
	}

	#smallElementTools .columnRow .fastBack img{
		display: none;
	}

	#catalogElement .mainTool .qtyBlock{
		padding: 0px 0px 0px 12px;
		box-sizing: border-box;
		background: #ffffff;
		margin: 0px;
		width: 50%;
	}

	#catalogElement .mainTool .qtyBlock .qty{
		background-color: #ffffff;
		vertical-align: middle;
		display: inline-block;
		font-size: 14px;
		height: 40px;
		border: 0px;
		width: 45px;
	}

	#catalogElement .mainTool .qtyBlockContainer{
		border: 1px solid #f3f3f3;
		position: relative;
		padding-left: 12px;
		border-radius: 4px;
		line-height: 60px;
		height: 60px;
	}

	#catalogElement .mainTool .minus,
	#catalogElement .mainTool .plus{
		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%;
	}

	#catalogElement .mainTool .minus{
		background-image: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/../images/mobile-basket-add-minus.png);
		right: 60px;
	}

	#catalogElement .mainTool .plus{
		background-image: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/../images/mobile-basket-add-plus.png);
		right: 24px;
	}

	#catalogElement .mainTool .qtyBlockContainer .qty.error{
		color: #ff0000;
	}

	#catalogElement .smallElementToolsContainer{
		padding: 0px;
	}

	#catalogElement .smallElementToolsContainer .secondTool .row:last-child,
	#catalogElement .columnRow .fastBack{
		margin-bottom: 0px;
	}

	#catalogElement .secondTool{
		border-top: 1px solid #e7e8ea;
		box-sizing: border-box;
		text-align: center;
		padding: 24px 0px;
		margin-top: 24px;
	}

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

	#catalogElement .mainTool{
		padding: 24px 72px 0px 72px;
		box-sizing: border-box;
	}

	#catalogElement .mainToolContainer{
		border-collapse: collapse;
	    border-radius: 4px;
	    display: table;
	    width: 100%;
	}

	#smallElementTools .secondTool .row{
		margin-right: 60px;
	}

	#catalogElement .mainTool .addCart.added,
	#catalogElement .mainTool .addCart.subscribe,
	#catalogElement .mainTool .addCart.requestPrice{
		width: 100%;
	}

	#catalogElement .priceContainer{
		font-size: 24px;
		line-height: 30px;
	}

	#catalogElement .priceBlock{
		margin-bottom: 6px;
	}

	#elementContainer #smallElementTools .purchaseBonus{
		margin-top: 18px;
		font-size: 16px;
	}

	#elementTools .price .oldPriceLabel,
	#smallElementTools .price .oldPriceLabel{
		font-size: 16px;
	}

	#elementTools .price, #smallElementTools .price{
		margin-bottom: 0px;
	}

	#catalogElement .getPricesWindow .priceIcon{
		margin-top: -4px;
	}

	#catalogElement .mainTool .addCart{
		padding-right: 0px;
	}

}

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

	.limiter #left{
		width: 100%;
	}

	#left .collapsed{
		position: static;
	}

}

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

	#files .item{
		width: 50%;
	}

	#files .item .icon{
		width: 14%;
	}

}

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

	.pictureSlider{
		margin-top: 24px;
	}

	#elementContainer .mainContainer .col{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 24px 24px 0;
	}

	#elementContainer .brandImage{
		margin-bottom: 18px;
	}

	#elementContainer .bindAction{
		margin-bottom: 18px;
	}

	#complect .heading{
		border: none;
	}

	#elementTools .addCart{
		margin-top: 12px;
	}

	.newReviewTable .left{
		width: 100%;
		padding: 0;
	}
	.newReviewTable .right{
		width: 100%;
		margin-top: 18px;
	}

}

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

	#catalogElement .mainTool{
		padding: 24px 48px 0px 48px;
	}

	#smallElementTools .secondTool .row{
		margin-right: 48px;
	}

}

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

	#files .item .icon{
		width: 70px;
	}

	#files .item .info{
		width: 100%;
	}

	#reviews .reviewTable {
		display: block;
	}

	#reviews .reviewTable .reviewColumn{
		display: block;
	}

	#reviews .reviewTable .reviewColumn:first-child{
		margin-bottom: 24px;
		text-align: left;
	}

	#showallReviews{
		margin: 0 0 0 24px;
	}

	#zoomerMoreImagesContainer{
		display: none !important;
	}

	#zoomerBigPrevMore,
	#zoomerBigNextMore{
		display: none !important;
	}

	#imageContainerSlider{
		height: 100% !important;
	}

	#complect .complectList{
		border-top: 1px solid #e7e8ea;
		margin: 0 -24px 12px;
	}

	#complect .complectListItem{
		width: 50%;
		height: 140px;
		box-sizing: border-box;
		border-right: 1px solid #e7e8ea;
		border-bottom: 1px solid #e7e8ea;
	}

	#complect .complectListItem:nth-child(2n){
		border-right-width: 0px;
	}

	#complect .complectListItem:after{
		display: none;
	}

	.complectListItemTable{
		display: table;
		width: 100%;
		table-layout: fixed;
	}

	.complectListItemCelImage{
		display: table-cell;
		vertical-align: middle;
		width: 110px;
		padding-right: 12px;
	}

	.complectListItemCelText{
		display: table-cell;
		vertical-align: middle;
	}

	#complect .complectListItemPicLink{
		height: 120px;
		line-height: 120px;
	}

	#complect .complectListItemPrice .discount{
		display: block;
		padding: 0;
	}

	#complect .complectListItemPrice{
		margin: 0;
		font-size: 14px;
	}

	#complect .complectListItemPrice .discount{
		font-size: 13px;
		line-height: 16px;
		color: #888888;
	}

	#complect .complectListItemLink{
		height: 36px;
		margin-bottom: 2px;
		line-height: 36px;
	}

	#complect .complectListItemLink .middle{
		vertical-align: middle;
		line-height: 18px;
	}

	#elementProperties .stats{
		table-layout: auto;
	}

	#elementProperties .stats td{
		padding: 12px 0px;
	}

	#elementProperties .stats .name span{
		padding: 0;
	}

	#elementProperties .stats tr td:first-child{
		padding: 0 6px;
	}

	#elementProperties .stats tr.cap td:first-child{
		padding: 12px 0;
	}

	#elementProperties .stats tr td:nth-child(2){
		padding-right: 6px;
	}

	#elementProperties .stats tr td:nth-child(n+3){
		width: 0;
		overflow: hidden;
		padding: 0;
		max-width: 0px;
		white-space: nowrap;
		text-indent: 100px;
	}

	#elementProperties .stats .name{
		width: 70%;
	}

	#catalogElement .mainTool{
		padding: 24px 36px 0px 36px;
	}

	#smallElementTools .secondTool .row{
		margin-right: 24px;
	}

}

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

	#catalogElement .product{
		width: 50%;
	}

	#catalogElement .product:nth-child(3n+3){
		border-right-width: 1px;
	}

	#catalogElement .product:nth-child(2n+2){
		border-right-width: 0px;
	}

	#elementContainer .mainContainer .col{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 24px 24px 0;
		display: block;
		width: 100%;
	}

	#elementContainer .brandImageWrap{
		padding-top: 24px;
		border-top: 1px solid #e7e8ea;
	}

	.changePropertiesNoGroup{
		display: none;
	}

	#elementContainer .new-list-items{
		margin: 0 -3px;
	}

	.new-list-items{
		margin: 0 -3px;
	}
	.new-list-items .list-item-wrap{
		width: 100%;
		padding: 3px;
	}

	#elementContainer .new-list-items .list-item{
		padding: 24px 24px;
	}

	#elementContainer .new-list-items .image{
		text-align: center;
		width: 72px;
	}

	#elementContainer .new-list-items .image-container img{
		display: inline-block;
		vertical-align: middle;
	}

	#catalogElement .new-list-items .list-item-wrap{
		margin-bottom: 12px;
	}

	#catalogElement .new-list-items .list-item-wrap:last-child{
		margin-bottom: 0px;
	}

	#smallElementTools .mobilePriceContainer{
		width: 40%;
	}

	#smallElementTools .mobileButtonsContainer{
		width: 60%;
	}

	#catalogElement .mainTool{
		padding: 24px 24px 0px 24px;
	}

}

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

	#smallElementTools .smallElementToolsContainer .secondTool .share-items{
		border-top: 1px solid #e7e8ea;
		padding-top: 24px;
		margin-top: 24px;
		display: block;
	}

	#smallElementTools .secondTool .row{
		margin-right: 48px;
	}

	#catalogElement .ya-share-label{
		margin-right: 12px;
	}

	#catalogElement .ya-share-label,
	#catalogElement .ya-share2{
		vertical-align: middle;
		display: inline-block;
		margin-bottom: 0px;
	}

	#catalogElement .priceContainer{
		font-size: 21px;
		line-height: 24px;
	}

	#elementContainer #smallElementTools .purchaseBonus{
		font-size: 14px;
	}

	#elementTools .price .oldPriceLabel,
	#smallElementTools .price .oldPriceLabel{
		font-size: 14px;
	}

	#catalogElement .mainTool .addCart,
	#smallElementTools .columnRow .fastBack,
	#catalogElement .mainTool .qtyBlockContainer{
		line-height: 55px;
		height: 55px;
	}

	#smallElementTools .secondTool .available-block{
		margin-right: 0px;
	}

}


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

	#elementContainer .mainContainer .markerContainer{
		top: 12px;
		left: 24px;
	}

	#elementContainer .wishCompWrap{
		top: 12px;
		right: 24px;
	}

	#stores th,
	#stores td{
		display: none;
	}

	#stores th.name,
	#stores td.name,
	#stores th.amount,
	#stores td.amount{
		display: table-cell;
	}

	#storesContainer #stores .storeTable{
		table-layout: auto;
	}

	#storesContainer #stores .wrap{
		padding: 0;
	}

	#storesContainer #stores .storeTable .name{
		width: 70%;
		padding: 12px 12px 12px 24px;
		line-height: 16px;
	}

	#storesContainer #stores th.amount{
		font-family: "robotomedium";
		text-align: right;
	}

	#storesContainer #stores .storeTable .green{
		padding: 12px 24px 12px 0;
		text-align: right;
	}

	#storeMap{
		display: none !important;
	}

	#video .item{
		width: 100% !important;
		float: unset;
	}

	#reviews .reviewTable .reviewColumn:first-child{
		width: 100%;
	}

	#reviews .rating{
		margin-left: 0px;
	}

	#tableContainer .column:nth-child(2),
	#video .item:last-child{
		padding-bottom: 0px;
	}

	#elementContainer .mainContainer .secondCol{
		margin-top: 18px;
		padding: 18px 24px 0;
		border-top: 1px solid #e7e8ea;
	}

	#elementContainer .brandImageWrap{
		display: none;
	}

	.reviewsBtnWrap{
		border-bottom: none;
	}

	.reviewsBtnWrap .row img{
		display: none;
	}

	.reviewsBtnWrap .row{
		margin: 0 18px 6px 0;
	}

	.productDetailText{
		margin: 6px 0 12px;
	}

	.new-list-items-wrap{
		padding: 0 12px;
	}

	#catalogElement #elementContainer .addCompare{
		display: none;
	}

}

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

	.secondTool .addCompare,
	.secondTool .fastBack{
		display: none;
	}

	#files .item{
		width: 100%;
	}

	#smallElementTools .mobilePriceContainer,
	#smallElementTools .mobileButtonsContainer{
		display: block;
		width: 100%
	}

	#smallElementTools .mobileButtonsContainer{
		margin-top: 24px;
	}

	#catalogElement .mainTool{
    	padding: 24px 24px 0px 24px;
	}

	#elementContainer #smallElementTools .purchaseBonus{
		margin-top: 12px;
	}

	.smallSpecialTime .specialTimeItem{
		width: 60px;
	}

}

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

	#elementSmallNavigation{
		display: none;
	}

	#catalogElement .heading:not(.noTabs) + div{
		display: none;
	}

	#elementContainer .new-list-items-wrap{
		margin-top: 0px;
		border: 0px;
	}

	#catalogElement #set{
		padding: 0 24px 24px 24px;
	}

	#catalogElement #set .setTools{
		margin: 24px 0px 0px 0px;
	}

	#catalogElement #set .setList{
		border-top: 0px;
	}

	#catalogElement #set .setElement:nth-child(n){
		border: 0px;
	}

	#catalogElement h2:not(.noTabs).heading,
	#elementContainer #detailText h2:not(.noTabs).heading,
	#elementContainer #detailTags h2:not(.noTabs).heading{
		font-family: "roboto_ltregular";
		text-transform: uppercase;
		background-color: #f2f2f2;
		border-radius: 4px;
		position: relative;
		line-height: 16px;
		font-weight: 400;
		text-align: left;
		cursor: pointer;
		font-size: 14px;
		padding: 16px;
		border: 0px;
		margin: 0px;
	}

	#catalogReviews,
	#related,
	#similar,
	#stores,
	#files,
	#video{
		padding: 0 24px;
	}

	.sale-products-gift{
		padding: 0 24px;
	}

	.changePropertiesGroup{
		margin-bottom: 24px;
	}

	#catalogElement h2:not(.noTabs).heading.active,
	#elementContainer #detailText h2:not(.noTabs).heading.active,
	#elementContainer #detailTags h2:not(.noTabs).heading.active{
		margin-bottom: 24px;
	}

	#catalogElement #catalogReviews .ratingContainer{
		display: none;
	}

	#catalogElement h2.heading:not(.noTabs):after{
		background-image: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/../images/mobile-tab-show.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-color: #ffffff;
		border-radius: 25px;
		position: absolute;
		display: block;
		margin: auto;
		content: "";
		height: 25px;
		width: 25px;
		bottom: 0px;
		right: 12px;
		top: 0px;
	}

	#catalogElement h2.heading.active:after{
		background-image: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/../images/mobile-tab-hide.png);
	}

	#catalogElement .product,
	#catalogElement .product:nth-child(2n+2),
	#catalogElement .product:nth-child(3n+3){
		border-left: 1px solid #e7e8ea;
		border-right: 1px solid #e7e8ea;
		width: 100%;
	}

	#catalogElement .productColImage{
		width: 50%;
	}

	#catalogElement .storeTable tr:last-child td{
		border-bottom: 1px solid #e7e8ea;
	}

	#storesContainer #stores .storeTable .name{
		font-size: 14px;
	}

	#catalogElement #newReview{
		margin-top: 24px;
	}

	#catalogElement #newReview .heading{
		font-family: "robotomedium";
		text-transform: uppercase;
		font-size: 14px;
		line-height: 16px;
		padding: 18px 24px;
	}

	#reviews .reviewTable .reviewColumn{
		padding :0px;
	}

	#catalogElement #reviews .reviewItem:last-child{
		margin-bottom: 0px;
	}

	#catalogElement #reviews .reviewItem:first-child{
		padding: 0px;
		border: 0px;
	}

	#catalogElement #elementProperties h2.heading.active{
		margin-bottom: 12px;
	}

	#catalogElement #files .item:last-child{
		margin-bottom: 0px;
	}

	#catalogElement #files .item{
		height: auto;
	}

	#catalogElement #video .wrap{
		padding: 0px;
	}

	#video .items.sz1 iframe{
		height: 350px;
	}

	#catalogElement .secondTool{
		padding: 0px;
		border: 0px;
	}

	#smallElementTools .secondTool .row:first-child{
		border: 0px;
	}

	#smallElementTools .secondTool .row{
		border-top: 1px solid #e7e8ea;
		position: relative;
		padding: 12px 0px;
		margin-right: 0px;
		text-align: left;
		display: block;
		width: 100%;
	}

	#catalogElement #smallElementTools .secondTool .share-items{
		border-top: 1px solid #e7e8ea;
		padding-bottom: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
	}

	#catalogElement .ya-share-label{
		display: none;
	}

	#catalogElement .secondTool{
		padding: 0px 48px 24px 48px;
		margin-top: 0px;
	}

	#smallElementTools .secondTool .cheaper-container:after,
	#smallElementTools .secondTool .delivery-button-container:after{
	    background-image: url(/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/../images/mobile-tab-show.png);
	    background-repeat: no-repeat;
	    background-position: 50% 50%;
	    background-color: #f2f2f2;
	    pointer-events: none;
	    border-radius: 25px;
	    position: absolute;
	    display: block;
	    margin: auto;
	    content: "";
	    height: 25px;
	    width: 25px;
	    bottom: 0px;
	    right: 12px;
	    top: 0px;
	}

	#smallElementTools .getStoresWindow.inStock span{
		border-bottom: 0px !important;
	}

	#smallElementTools .label{
		width: 100%;
	}

}

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

	#complect .complectListItem:nth-child(n){
		border-right-width: 0px;
		width: 100%;
	}

	.complectListItemCelImage{
		width: 40%;
		min-width: 110px;
		max-width: 160px;
	}

	#elementProperties .stats{
		font-size: 13px;
	}

	#elementProperties .stats .question{
		display: none;
	}

}

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

	#elementContainer #moreImagesCarousel{
		padding: 0;
		margin-top: 12px;
	}

	#elementContainer #moreImagesCarousel .carouselWrapper{
		width: 90%;
	}

	#elementContainer #moreImagesCarousel #moreImagesLeftButton{
		margin-top: -12px;
		left: 0;
	}

	#elementContainer #moreImagesCarousel #moreImagesRightButton{
		margin-top: -12px;
		right: 0;
	}

	#elementContainer #moreImagesCarousel .slideBox .item{
		box-sizing: border-box;
		padding: 0 6px;
	}

	#elementContainer #moreImagesCarousel .slideBox .item{
		height: 30px;
	}

	#elementContainer #moreImagesCarousel .slideBox .item a{
		height: 30px;
		line-height: 30px;
	}

	#elementContainer #moreImagesCarousel .slideBox{
		height: 36px;
	}

	#elementContainer #moreImagesCarousel .slideBox .item.selected:after{
		bottom: -6px;
	}

	#elementProperties .stats .right{
		width: 0px !important
	}

	#elementProperties .stats .analog{
		display: none;
	}

	#elementProperties .stats .name{
		width: 60%;
	}

	#catalogElement #newReview input{
		width: 100%;
	}

	#catalogElement #newReview .submit{
		width: 100%;
		margin: 0;
	}

	#catalogReviews .heading .ratingContainer{
		display: none;
	}

}

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

	#catalogElement .secondTool{
		padding: 0px 24px 24px 24px;
	}

	#catalogElement .mainTool{
		padding: 24px 24px 0px 24px;
	}

	#complect .complectListItem{
		width: 100%;
	}

	#elementProperties .stats .name{
		width: 100%;
	}

	#elementProperties .stats td:nth-child(2){
		width: 90px;
		font-family: "robotomedium";
		text-align: right;
		padding-right: 6px;
	}

	#storesContainer #stores .storeTable .name{
		width: 66%;
	}

	#storesContainer #stores .storeTable .icon{
		display: none;
	}

	#catalogElement .mainTool .minus{
		right: 48px;
	}

	#catalogElement .mainTool .plus{
		right: 12px;
	}

	#catalogElement .mainTool .qtyBlockContainer{
		padding-left: 6px;
	}

}

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

	.new-list-items .price{
		font-size: 16px;
	}

	.new-list-items .name{
		max-height: 36px;
	}

	#catalogElement .secondTool{
		padding: 0px 12px 24px 12px;
	}

	#catalogElement .mainTool{
		padding: 24px 12px 0px 12px;
	}

	#catalogElement .mainTool .qtyBlock .qty{
		width: 35px;
	}

}

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

	#catalogElement .mainTool .qtyBlockContainer{
		padding-left: 4px;
	}

	.smallSpecialTime .specialTimeItem{
		width: 54px;
	}

	#catalogElement .mainTool .qtyBlock .qty{
		padding-left: 2px;
		width: 20px;
	}

}
/* End */


/* Start:/local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/set.css?175153593231491*/
<?php $timerUniqId = randString(18); ?>
<div class="mainTool">
    <div class="mainToolContainer">
	    
	    <?php
$arDiscount = CCatalogProduct::GetOptimalPrice($arResult["ID"], 1, $USER->GetUserGroupArray(), $renewal);
	    ?>
	    
        <?php    
	    $discount = 1;
	    if($arResult["PRICE"]["RESULT_PRICE"]["DISCOUNT"] != 0) $discount = (100-$arResult["PRICE"]["RESULT_PRICE"]["PERCENT"])/100;
	    
        $rollDlina = $arResult["PROPERTIES"]["METR_W_W_ROLCE"]["VALUE"];
        $rollShirina = explode(" ", $arResult["PROPERTIES"]["SZEROKO_ROLKI"]["VALUE"])[0] / 1000;
        $cenaM2 = $arResult["PRICE"]["RESULT_PRICE"]["BASE_PRICE"];

        $vat = 1;
        if ($arResult["PRICE"]["PRICE"]["VAT_INCLUDED"] == "N") {
            $vat = $vat + $arResult["PRICE"]["PRICE"]["VAT_RATE"];
        }
        $cenaM2 = CPrice::GetList(array(), array("PRODUCT_ID" => $arResult["ID"], "CATALOG_GROUP_ID" => 1))->Fetch()["PRICE"] * $vat;

        $cenaM2rulona = CPrice::GetList(array(), array("PRODUCT_ID" => $arResult["ID"], "CATALOG_GROUP_ID" => 3))->Fetch()["PRICE"];
        $cenaM2rulona = $cenaM2rulona * $vat;
        ?>
        <div class="mobilePriceContainer<?php if (isset($cenaM2rulona) && $cenaM2rulona && isset($rollDlina) && $rollDlina && isset($rollShirina) && $rollShirina) : ?> mobilePriceContainer--hide<?php endif; ?>">
            <?php if (!empty($arResult["EXTRA_SETTINGS"]["SHOW_TIMER"])) : ?>
                <div class="specialTime smallSpecialTime" id="timer_<?= $arResult["EXTRA_SETTINGS"]["TIMER_UNIQ_ID"]; ?>_<?= $timerUniqId ?>">
                    <div class="specialTimeItem">
                        <div class="specialTimeItemValue timerDayValue">0</div>
                        <div class="specialTimeItemlabel"><?= GetMessage("TIMER_DAY_LABEL") ?></div>
                    </div>
                    <div class="specialTimeItem">
                        <div class="specialTimeItemValue timerHourValue">0</div>
                        <div class="specialTimeItemlabel"><?= GetMessage("TIMER_HOUR_LABEL") ?></div>
                    </div>
                    <div class="specialTimeItem">
                        <div class="specialTimeItemValue timerMinuteValue">0</div>
                        <div class="specialTimeItemlabel"><?= GetMessage("TIMER_MINUTE_LABEL") ?></div>
                    </div>
                    <div class="specialTimeItem">
                        <div class="specialTimeItemValue timerSecondValue">0</div>
                        <div class="specialTimeItemlabel"><?= GetMessage("TIMER_SECOND_LABEL") ?></div>
                    </div>
                </div>
            <?php endif; ?>
            <?php if (!empty($arResult["PROPERTIES"]["TIMER_LOOP"]["VALUE"])) : ?>
                <script type="text/javascript">
                    $(document).ready(function() {
                        $("#timer_<?= $arResult["EXTRA_SETTINGS"]["TIMER_UNIQ_ID"]; ?>_<?= $timerUniqId ?>").dwTimer({
                            timerLoop: "<?= $arResult["PROPERTIES"]["TIMER_LOOP"]["VALUE"] ?>",
                            <?php if (empty($arResult["PROPERTIES"]["TIMER_START_DATE"]["VALUE"])) : ?>
                                startDate: "<?= MakeTimeStamp($arResult["DATE_CREATE"], "DD.MM.YYYY HH:MI:SS") ?>"
                            <?php else : ?>
                                startDate: "<?= MakeTimeStamp($arResult["PROPERTIES"]["TIMER_START_DATE"]["VALUE"], "DD.MM.YYYY HH:MI:SS") ?>"
                            <?php endif; ?>
                        });
                    });
                </script>
            <?php elseif (!empty($arResult["EXTRA_SETTINGS"]["SHOW_TIMER"]) && !empty($arResult["PROPERTIES"]["TIMER_DATE"]["VALUE"])) : ?>
                <script type="text/javascript">
                    $(document).ready(function() {
                        $("#timer_<?= $arResult["EXTRA_SETTINGS"]["TIMER_UNIQ_ID"]; ?>_<?= $timerUniqId ?>").dwTimer({
                            endDate: "<?= MakeTimeStamp($arResult["PROPERTIES"]["TIMER_DATE"]["VALUE"], "DD.MM.YYYY HH:MI:SS") ?>"
                        });
                    });
                </script>
            <?php endif; ?>

            <?php if (!empty($arResult["PRICE"])) : ?>
                <?php //if($arResult["EXTRA_SETTINGS"]["COUNT_PRICES"] > 1):
                ?>

                <?php if (1 > 1) : ?>
                    <a class="price changePrice getPricesWindow" data-id="<?= $arResult["ID"] ?>">
                        <?php if (!empty($arResult["PRICE"]["DISCOUNT"])) : ?>
                            <span class="priceBlock">
                                <span class="oldPriceLabel"><s class="discount"><?= CCurrencyLang::CurrencyFormat($arResult["PRICE"]["RESULT_PRICE"]["BASE_PRICE"], $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?></s></span>
                                <?php if (!empty($arResult["PRICE"]["RESULT_PRICE"]["DISCOUNT"])) : ?>
                                    <span class="oldPriceLabel"><?= GetMessage("OLD_PRICE_DIFFERENCE_LABEL") ?> <span class="economy"><?= CCurrencyLang::CurrencyFormat($arResult["PRICE"]["RESULT_PRICE"]["DISCOUNT"], $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?></span></span>
                                <?php endif; ?>
                            </span>
                        <?php endif; ?>
                        <span class="priceContainer"><span class="priceIcon"></span><span class="priceVal"><?= CCurrencyLang::CurrencyFormat($arResult["PRICE"]["DISCOUNT_PRICE"], $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?></span></span>
                        <?php if ($arParams["HIDE_MEASURES"] != "Y" && !empty($arResult["EXTRA_SETTINGS"]["MEASURES"][$arResult["CATALOG_MEASURE"]]["SYMBOL_RUS"])) : ?>
                            <span class="measure"> / <?= $arResult["EXTRA_SETTINGS"]["MEASURES"][$arResult["CATALOG_MEASURE"]]["SYMBOL_RUS"] ?></span>
                        <?php endif; ?>
                        <?php if (!empty($arResult["PROPERTIES"]["BONUS"]["VALUE"])) : ?>
                            <span class="purchaseBonus"><span class="theme-color">+ <?= $arResult["PROPERTIES"]["BONUS"]["VALUE"] ?></span><?= $arResult["PROPERTIES"]["BONUS"]["NAME"] ?></span>
                        <?php endif; ?>
                    </a>
                <?php else : ?>
                    <a class="price changePrice">
                        <?php if (!empty($arResult["PRICE"]["DISCOUNT"])) : ?>
                            <span class="priceBlock">
                                <span class="oldPriceLabel"><s class="discount"><?= CCurrencyLang::CurrencyFormat($arResult["PRICE"]["RESULT_PRICE"]["BASE_PRICE"], $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?></s></span>
                                <?php if (!empty($arResult["PRICE"]["RESULT_PRICE"]["DISCOUNT"])) : ?>
                                    <span class="oldPriceLabel"><?= GetMessage("OLD_PRICE_DIFFERENCE_LABEL") ?> <span class="economy"><?= CCurrencyLang::CurrencyFormat($arResult["PRICE"]["RESULT_PRICE"]["DISCOUNT"], $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?></span></span>
                                <?php endif; ?>
                            </span>
                        <?php endif; ?>

                        <?php
                        $rollDlina = $arResult["PROPERTIES"]["METR_W_W_ROLCE"]["VALUE"];
                        $rollShirina = explode(" ", $arResult["PROPERTIES"]["SZEROKO_ROLKI"]["VALUE"])[0] / 1000;
                        $cenaM2 = $arResult["PRICE"]["RESULT_PRICE"]["BASE_PRICE"];

                        $vat = 1;
                        if ($arResult["PRICE"]["PRICE"]["VAT_INCLUDED"] == "N") {
                            $vat = $vat + $arResult["PRICE"]["PRICE"]["VAT_RATE"];
                        }
                        $cenaM2 = CPrice::GetList(array(), array("PRODUCT_ID" => $arResult["ID"], "CATALOG_GROUP_ID" => 3))->Fetch()["PRICE"] * $vat;

                        $cenaM2rulona = CPrice::GetList(array(), array("PRODUCT_ID" => $arResult["ID"], "CATALOG_GROUP_ID" => 1))->Fetch()["PRICE"] * $vat;

                        ?>

                        <?php if (isset($cenaM2rulona) && $cenaM2rulona && isset($rollDlina) && $rollDlina && isset($rollShirina) && $rollShirina) : ?>
                            <span class="priceContainer">
                                <span class="priceVal"><?//= CCurrencyLang::CurrencyFormat($cenaM2rulona, $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?><?= CCurrencyLang::CurrencyFormat($arResult["PRICE"]["DISCOUNT_PRICE"], $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?></span>

                                <?php if ($arParams["HIDE_MEASURES"] != "Y" && !empty($arResult["EXTRA_SETTINGS"]["MEASURES"][$arResult["CATALOG_MEASURE"]]["SYMBOL_RUS"])) : ?>
                                    <span class="measure"> / <?= $arResult["EXTRA_SETTINGS"]["MEASURES"][$arResult["CATALOG_MEASURE"]]["SYMBOL_RUS"] ?></span>
                                <?php endif; ?>
                                
                                <?php if (!empty($arResult["PRICE"]["DISCOUNT"])) : ?>
                                	<span class="oldPriceLabel"><s class="discount"><?= CCurrencyLang::CurrencyFormat($arResult["PRICE"]["RESULT_PRICE"]["BASE_PRICE"], $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?></s></span>
                                <?php endif;?>
                                
                            </span>
                            
                            <?php //if(count($arParams["PRODUCT_PRICE_CODE"]) > 1):
                            ?>


                            <span class="priceContainer" style="margin-top: 7px;">
                                <?/*<span class="priceVal"><?=CCurrencyLang::CurrencyFormat($arResult["PRICE"]["DISCOUNT_PRICE"], $arResult["EXTRA_SETTINGS"]["CURRENCY"], true)?></span>*/ ?>
                                <?/*<span class="priceVal"><?=CCurrencyLang::CurrencyFormat($cenaM2, $arResult["EXTRA_SETTINGS"]["CURRENCY"], true)?></span>    */ ?>
                                <span class="priceVal"><?//= CCurrencyLang::CurrencyFormat($cenaM2 * $rollDlina, $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?><?= CCurrencyLang::CurrencyFormat($arDiscount["DISCOUNT_PRICE"] * $rollDlina, $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?></span>

                                <?php if ($arParams["HIDE_MEASURES"] != "Y" && !empty($arResult["EXTRA_SETTINGS"]["MEASURES"][$arResult["CATALOG_MEASURE"]]["SYMBOL_RUS"])) : ?>
                                    <span class="measure"> / <?/*=$arResult["EXTRA_SETTINGS"]["MEASURES"][$arResult["CATALOG_MEASURE"]]["SYMBOL_RUS"]*/ ?>Pelna rolka</span>
                                    
                                <?php endif; ?>

                                <?php if (!empty($arResult["PRICE"]["DISCOUNT"])) : ?>
                                	<span class="oldPriceLabel"><s class="discount"><?= CCurrencyLang::CurrencyFormat($cenaM2 * $rollDlina, $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?></s></span>
                                <?php endif;?>
                                
                            </span>
                            <?php //endif;
                            ?>

                        <?php else : ?>
                            <span class="priceContainer">
                                <span class="priceVal"><?= CCurrencyLang::CurrencyFormat($arResult["PRICE"]["DISCOUNT_PRICE"], $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?></span>
                                <?php if ($arParams["HIDE_MEASURES"] != "Y" && !empty($arResult["EXTRA_SETTINGS"]["MEASURES"][$arResult["CATALOG_MEASURE"]]["SYMBOL_RUS"])) : ?>
                                    <span class="measure"> / <?= $arResult["EXTRA_SETTINGS"]["MEASURES"][$arResult["CATALOG_MEASURE"]]["SYMBOL_RUS"] ?></span>
                                <?php endif; ?>
                            </span>
                        <?php endif; ?>

                        <?php if (!empty($arResult["PROPERTIES"]["BONUS"]["VALUE"])) : ?>
                            <span class="purchaseBonus"><span class="theme-color">+ <?= $arResult["PROPERTIES"]["BONUS"]["VALUE"] ?></span><?= $arResult["PROPERTIES"]["BONUS"]["NAME"] ?></span>
                        <?php endif; ?>
                    </a>
                <?php endif; ?>
            <?php else : ?>
                <a class="price changePrice"><?= GetMessage("REQUEST_PRICE_LABEL") ?></a>
            <?php endif; ?>
        </div>

        <div class="buy_sizes_container buy_sizes_container--with-price">
            <?php

            if (isset($rollDlina) && $rollDlina && isset($rollShirina) && $rollShirina) {
            ?>
                <div style="display: none; width: 100%;" class="alert alert-danger">Не вибрано колличество</div>
                <div class="buy_sizes_item buy_sizes_item--with-price">
                    <div class="item_price">
                        <?php
                            if($discount != 1) {
                                $oldcenaM2 = $cenaM2;
                                $cenaM2 = $cenaM2 * $discount;
                            }
                        ?>
	                    <div style="float:left;">Цена за м2</div><?= CCurrencyLang::CurrencyFormat($cenaM2, $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?>
	                    <?php if ($arParams["HIDE_MEASURES"] != "Y" && !empty($arResult["EXTRA_SETTINGS"]["MEASURES"][$arResult["CATALOG_MEASURE"]]["SYMBOL_RUS"])) : ?>
                         <?//= $arResult["EXTRA_SETTINGS"]["MEASURES"][$arResult["CATALOG_MEASURE"]]["SYMBOL_RUS"] ?>
						<?php endif; ?>
						<?if($discount != 1):?>
							<br><s class="discount"><span class="discountContainer "><?= CCurrencyLang::CurrencyFormat($oldcenaM2, $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?></span></s>
						<?endif;?>
                    </div>
                    <p>Кол-во</p>
                    <div class="buy_sizes_input">
                        <span class="bsi_minus">-</span>
                        <input type="number" oninput="validate(this)" class="buy_rulon" id="buy_rulon_m2" name="buy_rulon_m2" data-price="<?= $cenaM2; ?>" data-dlina="1" data-shirina="1" value="0">
                        <input type="hidden" id="buy_m2_price" value="0" class="main_price_current">
                        <span class="bsi_plus">+</span>
                    </div>

                </div>

                <div class="buy_sizes_item buy_sizes_item--with-price">
                    <div class="item_price">

                        <?php
                            if($discount != 1) {
                                $oldcenaM2rulona = $cenaM2rulona;
                                $cenaM2rulona = $cenaM2rulona * $discount;
                            }
                        ?>

	                    <div style="float:left;">Цена за рулон</div> <?= CCurrencyLang::CurrencyFormat($cenaM2rulona * $rollDlina, $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?>
	                    <?php if ($arParams["HIDE_MEASURES"] != "Y" && !empty($arResult["EXTRA_SETTINGS"]["MEASURES"][$arResult["CATALOG_MEASURE"]]["SYMBOL_RUS"])) : ?>
							 <?/*=$arResult["EXTRA_SETTINGS"]["MEASURES"][$arResult["CATALOG_MEASURE"]]["SYMBOL_RUS"]*/ ?>
						<?php endif; ?>
						<?if($discount != 1):?>
							<s class="discount"><span class="discountContainer "><?= CCurrencyLang::CurrencyFormat($oldcenaM2rulona * $rollDlina, $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?></span></s>
						<?endif;?>
					</div>
                    <p>Кол-во</p>
                    <div class="buy_sizes_input">
                        <span class="bsi_minus">-</span>
                        <input type="number" class="buy_rulon" id="buy_rulon_full" name="buy_rulon_full" data-price="<?= $cenaM2rulona; ?>" data-dlina="<?= $rollDlina; ?>" data-shirina="<?= $rollShirina; ?>" value="0">
                        <input type="hidden" id="buy_rulon_price" value="0" class="main_price_current">
                        <span class="bsi_plus">+</span>
                    </div>
                </div>
                <div class="buy_sizes_item buy_sizes_item--with-price" <?php if ($arResult["PROPERTIES"]["STANDARTNYE_RAZMERY"]["VALUE"] != "Да") : ?> style="display:none;" <?php endif; ?>>
                    <div class="item_price"><?= CCurrencyLang::CurrencyFormat(($cenaM2 * 1.524), $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?>&nbsp;/&nbsp;кусок
                    <?if($discount != 1):?>
							<s class="discount"><span class="discountContainer "><?= CCurrencyLang::CurrencyFormat(($cenaM2rulona * 1.524), $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?></span></s>
					<?endif;?>
                    </div>
                    
                    <p>3m x 0.5m</p>
                    <div class="buy_sizes_input">
                        <span class="bsi_minus">-</span>
                        <!-- <input type="number" class="buy_rulon" id="buy_rulon_05" name="buy_rulon_05" data-price="<?= $cenaM2; ?>" data-dlina="0.5" data-shirina="<?= $rollShirina; ?>" value="0"> -->
                        <input type="text" min="0" oninput="this.value=this.value.replace(/[^0-9]/g,'');" class="buy_rulon" id="buy_rulon_05" name="buy_rulon_05" data-price="<?= $cenaM2; ?>" data-dlina="0.5" data-shirina="<?= $rollShirina; ?>" value="0">
                        <input type="hidden" id="buy_custom_05_price" value="0" class="main_price_current">
                        <span class="bsi_plus">+</span>
                    </div>

                </div>
                <div class="buy_sizes_item buy_sizes_item--with-price" <?php if ($arResult["PROPERTIES"]["STANDARTNYE_RAZMERY"]["VALUE"] != "Да") : ?> style="display:none;" <?php endif; ?>>
                    <div class="item_price"><?= CCurrencyLang::CurrencyFormat(($cenaM2 * 2.286), $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?>&nbsp;/&nbsp;кусок
                    <?if($discount != 1):?>
							<s class="discount"><span class="discountContainer "><?= CCurrencyLang::CurrencyFormat(($cenaM2rulona * 2.286), $arResult["EXTRA_SETTINGS"]["CURRENCY"], true) ?></span></s>
					<?endif;?>
                    </div>
                    <p>3m x 0.75m</p>
                    <div class="buy_sizes_input">
                        <span class="bsi_minus">-</span>
                        <!-- <input type="number" class="buy_rulon" id="buy_rulon_075" name="buy_rulon_075" data-price="<?= $cenaM2; ?>" data-dlina="0.75" data-shirina="<?= $rollShirina; ?>" value="0"> -->
                        <input type="text" min="0" oninput="this.value=this.value.replace(/[^0-9]/g,'');" class="buy_rulon" id="buy_rulon_075" name="buy_rulon_075" data-price="<?= $cenaM2; ?>" data-dlina="0.75" data-shirina="<?= $rollShirina; ?>" value="0">
                        <input type="hidden" id="buy_custom_075_price" value="0" class="main_price_current">
                        <span class="bsi_plus">+</span>
                    </div>

                </div>
                <div class="buy_custom_size" <?php if ($arResult["PROPERTIES"]["NE_STANDARTNYE_RAZMERY"]["VALUE"] != "Да") : ?> style="display:none;" <?php endif; ?>>Нажмите, чтоб внести свои размеры</div>
                <span class="custom_size_bg" id="custom_size_bg"></span>
                <div class="calculator" id="custom_size" data-width="<?=$rollShirina;?>">
                    <span class="custom_size_close"></span>
                    <table id="myTable" class=" table order-list">
                        <thead>
                        <tr class="head-row">
                            <td>ширина<br><br></td>
                            <td>длинна (м.п.)</td>
                            <td>кол-во<br><br></td>

                        </tr>
                        </thead>
                        <tbody class="calc_rowinsert">
                        <tr class="calc-row" data-price="<?=$cenaM2;?>">
                            <td class="col-sm-3 width-wrap">
                                <input type="text" name="calc-width" value="<?=$rollShirina;?>" class="form-control width" readonly="">
                            </td>
                            <td class="col-sm-3 width-input">
                                <input style="padding:0px" type="number" min="0.5" step="0.1" oninput="validate(this)" name="calc-dlina" class="form-control dlina">
                            </td>
                            <td class="col-sm-3 width-input">
                                <input type="text" name="calc-kolichestvo" class="form-control kolichestvo">
                            </td>
                            <!--<td class="col-sm-2 width-delete">
                                <a class="deleteRow"></a>
                            </td>-->
                        </tr>
                        </tbody>
                        <tfoot>
                        <tr class="add-row">
                            <td colspan="4">
                                <input type="button" class="btn btn-lg btn-block addrow" id="addrow" value="Добавить размер">
                            </td>
                        </tr>
                        <tr class="recalc-row">
                            <td colspan="1" style="font-size: 12px;">
                                Всего: <b>
                                    <span id="total-m2">0</span>
                                    m2</b>
                            </td>
                            <td colspan="1" style="font-size: 12px;">
                                Сумма: <b>
                                    <span id="total-price">0</span>
                                    ₴</b>
                            </td>
                            <td colspan="2">
                                <button class="recalc" id="recalc">Считать</button>
                            </td>
                            <?php /*<td colspan="1" style="text-align: left;"><button class="tobasket" id="tobasket" disabled=""><span class="fa fa-check-square-o" aria-hidden="true"></span>do koszyka</button></td>*/ ?>
                        </tr>
                        <p class="calc-error-message" style="display: none;">
                            Перед добавлением в корзину <br>рассчитайте стоимость товара
                        </p>
                        <tr class="text-row">
                            <td colspan="4" style="text-align: left;">
                                <b>1.</b> Введите длинну и кол-во штук (мы режем только по длинне, поэтому ширину изменить нельзя).<br>
<b>2. Нажмите "Считать".</b> <br>
<b>3. Добавьте в корзину. </b><br>
Примечание: Точность порезки около 1см.

                            </td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            <?php }; ?>
            <?php
            //$APPLICATION->ShowViewContent('buy_size_block');
            ?>
        </div>
        <div class="mobileButtonsContainer columnRowWrap">
            <div class="addCartContainer">
                <?php if (!empty($arResult["PRICE"])) : ?>
                    <?php if ($arResult["CATALOG_AVAILABLE"] != "Y") : ?>
                        <?php if ($arResult["CATALOG_SUBSCRIBE"] == "Y") : ?>
                            <a href="#" class="addCart subscribe changeID changeQty changeCart" data-id="<?= $arResult["ID"] ?>" data-quantity="<?= $arResult["EXTRA_SETTINGS"]["BASKET_STEP"] ?>"><span><img src="<?= SITE_TEMPLATE_PATH ?>/images/subscribe.png" alt="<?= GetMessage("SUBSCRIBE_LABEL") ?>" class="icon"><?= GetMessage("SUBSCRIBE_LABEL") ?></span></a>
                        <?php else : ?>
                            <a href="#" class="addCart changeID changeQty changeCart disabled" data-id="<?= $arResult["ID"] ?>" data-quantity="<?= $arResult["EXTRA_SETTINGS"]["BASKET_STEP"] ?>"><span><img src="<?= SITE_TEMPLATE_PATH ?>/images/incart.png" alt="<?= GetMessage("ADDCART_LABEL") ?>" class="icon"><?= GetMessage("ADDCART_LABEL") ?></span></a>
                        <?php endif; ?>
                    <?php else : ?>
                        <?php if (isset($rollDlina) && $rollDlina && isset($rollShirina) && $rollShirina) : ?>
                            <a href="#" class="addCart_Custom changeID changeQty changeCart" data-id="<?= $arResult["ID"] ?>" data-rolldlina="<?= $rollDlina; ?>" data-rollshirina="<?= $rollShirina; ?>" data-quantity="<?= $arResult["EXTRA_SETTINGS"]["BASKET_STEP"] ?>"><span><img src="<?= SITE_TEMPLATE_PATH ?>/images/incart.png" alt="<?= GetMessage("ADDCART_LABEL") ?>" class="icon"><?= GetMessage("ADDCART_LABEL") ?></span></a>
                        <?php else : ?>
                            <a href="#" class="addCart changeID changeQty changeCart" data-id="<?= $arResult["ID"] ?>" data-quantity="<?= $arResult["EXTRA_SETTINGS"]["BASKET_STEP"] ?>"><span><img src="<?= SITE_TEMPLATE_PATH ?>/images/incart.png" alt="<?= GetMessage("ADDCART_LABEL") ?>" class="icon"><?= GetMessage("ADDCART_LABEL") ?></span></a>
                        <?php endif; ?>
                    <?php endif; ?>
                <?php else : ?>
                    <a href="#" class="addCart changeID changeQty changeCart disabled requestPrice" data-id="<?= $arResult["ID"] ?>" data-quantity="<?= $arResult["EXTRA_SETTINGS"]["BASKET_STEP"] ?>"><span><img src="<?= SITE_TEMPLATE_PATH ?>/images/request.png" alt="<?= GetMessage("REQUEST_PRICE_BUTTON_LABEL") ?>" class="icon"><?= GetMessage("REQUEST_PRICE_BUTTON_LABEL") ?></span></a>
                <?php endif; ?>

                <?php if (isset($rollDlina) && $rollDlina && isset($rollShirina) && $rollShirina) : ?>

                <?php else : ?>
                    <div class="qtyBlock columnRow row">
                        <div class="qtyBlockContainer">
                            <a href="#" class="minus"></a><input type="text" class="qty" <?php if (!empty($arResult["PRICE"]["EXTENDED_PRICES"])) : ?> data-extended-price='<?= \Bitrix\Main\Web\Json::encode($arResult["PRICE"]["EXTENDED_PRICES"]) ?>' <?php endif; ?> value="<?= $arResult["EXTRA_SETTINGS"]["BASKET_STEP"] ?>" data-step="<?= $arResult["EXTRA_SETTINGS"]["BASKET_STEP"] ?>" data-max-quantity="<?= $arResult["CATALOG_QUANTITY"] ?>" data-enable-trace="<?= (($arResult["CATALOG_QUANTITY_TRACE"] == "Y" && $arResult["CATALOG_CAN_BUY_ZERO"] == "N") ? "Y" : "N") ?>"><a href="#" class="plus"></a>
                        </div>
                    </div>
                <?php endif; ?>

            </div>
            <div class="mobileFastBackContainer row columnRow">
                <a href="#" class="fastBack label changeID<?php if (empty($arResult["PRICE"]) || $arResult["CATALOG_AVAILABLE"] != "Y") : ?> disabled<?php endif; ?>" data-id="<?= $arResult["ID"] ?>"><img src="<?= SITE_TEMPLATE_PATH ?>/images/fastBack.png" alt="<?= GetMessage("FASTBACK_LABEL") ?>" class="icon"><?= GetMessage("FASTBACK_LABEL") ?></a>
            </div>
        </div>
    </div>
</div>
<div class="secondTool">
    <?php if (!empty($arParams["DISPLAY_CHEAPER"]) && $arParams["DISPLAY_CHEAPER"] == "Y" && !empty($arParams["CHEAPER_FORM_ID"])) : ?>
        <div class="row cheaper-container">
         <!--   <a href="#" class="cheaper label openWebFormModal<?php if (empty($arResult["PRICE"]) || $arResult["CATALOG_AVAILABLE"] != "Y") : ?> disabled<?php endif; ?>" data-id="<?= $arParams["CHEAPER_FORM_ID"] ?>"><img src="<?= SITE_TEMPLATE_PATH ?>/images/cheaper.png" alt="<?= GetMessage("CHEAPER_LABEL") ?>" class="icon"><?= GetMessage("CHEAPER_LABEL") ?></a> -->
        </div>
    <?php endif; ?>
    <?php if (empty($arParams["HIDE_DELIVERY_CALC"]) || !empty($arParams["HIDE_DELIVERY_CALC"]) && $arParams["HIDE_DELIVERY_CALC"] == "N") : ?>
        <div class="row delivery-button-container">
            <a href="#" class="deliveryBtn label changeID calcDeliveryButton" data-id="<?= $arResult["ID"] ?>"><img src="<?= SITE_TEMPLATE_PATH ?>/images/delivery.png" alt="<?= GetMessage("DELIVERY_LABEL") ?>" class="icon"><?= GetMessage("DELIVERY_LABEL") ?></a>
        </div>
    <?php endif; ?>
    <div class="row available-block">
        <?php if ($arResult["CATALOG_QUANTITY"] > 0) : ?>
            <?php if (!empty($arResult["EXTRA_SETTINGS"]["STORES"]) && $arResult["EXTRA_SETTINGS"]["STORES_MAX_QUANTITY"] > 0) : ?>
                <a href="#" data-id="<?= $arResult["ID"] ?>" class="inStock label eChangeAvailable getStoresWindow"><img src="<?= SITE_TEMPLATE_PATH ?>/images/inStock.png" alt="<?= GetMessage("AVAILABLE") ?>" class="icon"><span><?= GetMessage("AVAILABLE") ?></span></a>
            <?php else : ?>
                <span class="inStock label eChangeAvailable"><img src="<?= SITE_TEMPLATE_PATH ?>/images/inStock.png" alt="<?= GetMessage("AVAILABLE") ?>" class="icon"><span><?= GetMessage("AVAILABLE") ?></span></span>
            <?php endif; ?>
        <?php else : ?>
            <?php if ($arResult["CATALOG_AVAILABLE"] == "Y") : ?>
                <a class="onOrder label eChangeAvailable"><img src="<?= SITE_TEMPLATE_PATH ?>/images/onOrder.png" alt="<?= GetMessage("ON_ORDER") ?>" class="icon"><?= GetMessage("ON_ORDER") ?></a>
            <?php else : ?>
                <a class="outOfStock label eChangeAvailable"><img src="<?= SITE_TEMPLATE_PATH ?>/images/outOfStock.png" alt="<?= GetMessage("CATALOG_NO_AVAILABLE") ?>" class="icon"><?= GetMessage("CATALOG_NO_AVAILABLE") ?></a>
            <?php endif; ?>
        <?php endif; ?>
    </div>
    <div class="row share-items">

    </div>
</div>

<script>
    function validate(e) {
        if (e.value.indexOf(".") != '-1') {
            e.value = e.value.substring(0, e.value.indexOf(".") + 3); // цифра 4, устанавливает количество цифр после запятой, 
            //т.е. если 4, то максимум 3 цифры после запятой
        }
    }

    $(document).on("input", "#buy_rulon_full", function() {
        this.value = this.value.replace(/\D/g, '');
    });

    $('#myTable .icon-env svg').click(function() {

        $('.calculator').hide();
        $('.custom_size_bg').hide();

    });

    // $(document).on("keydown", "#custom_size .form-control.dlina", function(e) {
    //     if (e.key === ",") { // disallow ","
    //         return false;
    //     } else if (e.key === "/") { // disallow "/"
    //         return false;
    //     }
    // });
    // $(document).on("keypress", "#custom_size .form-control.dlina", function(e) {
    //     if (e.which != 8 && e.which != 0 && e.which != 46 && (e.which < 48 || e.which > 57)) {
    //         return false;
    //     }
    // });
</script>

/* End */


/* Start:/local/components/dresscode/catalog.advantages/templates/.default/style.css?1666536424774*/
.advantagesDetail{
	border-top: 1px solid #e7e8ea;
	padding: 24px;
}

.advantagesDetail .advantagesItem{
	vertical-align: middle;
	display: inline-block;
	text-align: center;
}

.advantagesDetail .advantagesPicture{
	margin-bottom: 12px;
}

.advantagesDetail .advantagesName{
	display: inline-block;
	max-width: 200px;
}

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

	.advantagesDetail .advantagesItem{
		text-align: left;
	}

}

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

	.advantagesDetail .advantagesItem{
		text-align: center;
	}

}

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

	.advantagesDetail .advantagesItem{
		text-align: left;
	}

}

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

	.advantagesDetail .advantagesName{
		max-width: 170px;
	}


}
/* End */


/* Start:/local/templates/dresscode_copy/components/bitrix/sale.products.gift/.default/style.css?166653641565*/
.detail-gift-container .items.productList{
	margin-bottom: 0;
}
/* End */


/* Start:/local/templates/dresscode_copy/components/bitrix/system.pagenavigation/round/style.css?16665364152357*/
.bx-pagination {
	margin: 10px 0;
}
.bx-pagination .bx-pagination-container {
	text-align: center;
	position: relative;
}
.bx-pagination .bx-pagination-container ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}
.bx-pagination .bx-pagination-container ul li {
	display: inline-block;
	margin: 0 2px 15px 2px;
}
.bx-pagination .bx-pagination-container ul li span{
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
       -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    	-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    	 -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    		transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	background: #eff0f1;
	padding: 0 8px;
	display: block;
	height: 32px;
	min-width: 32px;
	line-height: 32px;
	color: #444;
	font-size: 14px;
	border-radius: 16px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-pagination .bx-pagination-container ul li a {
	text-decoration: none;
	display: block;
	border-radius: 16px;
	display: block;
	height: 32px;
	min-width: 32px;
	line-height: 32px;
	color: #444;
	vertical-align: middle;
}
.bx-pagination .bx-pagination-container ul li a:hover span{
	background: #DADADA;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
	background: #fff;
	border: 2px solid #eff0f1;
	line-height: 28px;
	padding: 0 18px;
	color: #444;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{
	color: #aab1b4;
	background: #fff;
	border: 2px solid #eff0f1;
	line-height: 28px;
	padding: 0 18px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
	background: #fff;
	border-color: #DADADA;
	color: #000;
}

/* End */
/* /local/templates/dresscode_copy/components/dresscode/catalog/.default/style.css?1666536415172 */
/* /local/templates/dresscode_copy/components/dresscode/catalog.item/detail/style.css?171093173957769 */
/* /local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/review.css?16665364169110 */
/* /local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/media.css?166653641623919 */
/* /local/templates/dresscode_copy/components/dresscode/catalog.item/detail/css/set.css?175153593231491 */
/* /local/components/dresscode/catalog.advantages/templates/.default/style.css?1666536424774 */
/* /local/templates/dresscode_copy/components/bitrix/sale.products.gift/.default/style.css?166653641565 */
/* /local/templates/dresscode_copy/components/bitrix/system.pagenavigation/round/style.css?16665364152357 */