/* Start:/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/style.css?1772656787103241*/
.product-giftshield.product-giftshield__tile {
  top: -10px;
  width: 55px;
  height: 62px;
  z-index: 9;
}
.item .product-giftshield.product-giftshield__tile .product-giftshield__tip {
    left: -140px;
    top: 70px;
}

.free-of-charge {
  color: #2daf31;
}

#left{
  position: relative;
}

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

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

#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; */
  padding-bottom: 0;
}

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

#elementNavigation.fixed .tabs{
  /* position: fixed;
  width: 355px;
  top: 0; */
  top: 60px;
  position: sticky;
  width: 100%;
}

#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.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{
  margin-bottom: 24px;
  display: none;
}

#elementTools{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 400px;
  z-index: 2;
}

#elementTools.fixed .fixContainer{
  margin-top: 12px;
  position: fixed;
  max-width: 415px;
  z-index: 33;
  top: 0;
}

#elementTools .fixContainer.maxScroll{
  position: absolute;
  bottom: 0;
  top: unset;
  padding-right: 17px;
  left: 0;
  box-sizing: border-box;
}

#elementTools .picture{
  display: none;
}

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

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

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

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

#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;
    font-family: 'roboto_condensedlight';
    text-decoration: none;
    line-height: 21px;
    font-size: 15px;
    color: #717171;
}

#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{
  margin-top: 12px;
}

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

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

#smallElementTools .addCart{
  -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: 60px;
  border-radius: 4px;
  color: #ffffff;
  height: 60px;
  font-size: 16px;
  text-align: center;
  display: block;
  text-decoration: none;
  margin-top: 16px;
  margin-bottom: 12px;
  width: 220px;
}

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

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


#elementTools .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,
#smallElementTools .rating i{
  background: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/rating.png) repeat 0 0px transparent;
  height: 15px;
  width: 79px;
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
}

#elementTools .rating i.m,
#smallElementTools .rating i.m{
  background: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/rating.png) repeat 0 -14px transparent;
  width: 0px;
  z-index: 10;
}

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

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

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

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

#smallElementTools .mainTool,
#smallElementTools .secondTool{
  width: 50%;
  float: left;
}

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

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

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

#elementContainer .description{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 12px;
  border-bottom: 1px solid #e7e8ea;
  padding-bottom: 12px;
  margin-bottom: 12px;
  font-size: 13px;
}

#elementContainer .description .heading {
  margin-bottom: 12px;
  font-size: 16px;
  padding: 8px 16px 8px 39px;
  display: inline-block;
  background-color: #F9F9F9;
  border-radius: 25px;
  color: #333;
  position: relative;
  font-family: "roboto_condensed_regular", sans-serif;
}
#elementContainer .description .heading:before {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  background-image: url(/local/templates/dresscodeV2/images/dist/icon_official.svg);
  background-repeat: no-repeat;
  background-position: center;
  left: 16px;
  top: 10px;
}

#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{
  vertical-align: middle;
  display: table-cell;
  padding: 24px 24px 24px 0;
  width: 50%;

}

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

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

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

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


#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{
  position: relative;
  padding-top: 24px;
  margin-top: 24px;
  overflow: hidden;
}

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

#elementContainer #moreImagesCarousel #moreImagesLeftButton,
#elementContainer #moreImagesCarousel #moreImagesRightButton{
  background: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/carouselArrowSmall.png) 0 0 no-repeat transparent;
  position: absolute;
  margin-top: 3px;
  height: 16px;
  opacity: 0.5;
  z-index: 1;
  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 .markerContainer{
  position: absolute;
  z-index: 3;
  left: 24px;
  top: 24px;
}

#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 .brandImage{
  display: block;
  margin: 24px 0;
}

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

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

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

#elementContainer .elementProperties .propertyTable .propertyImg {
  vertical-align: middle;
  margin-left: 4px;
}

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

#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 .elementProperties .moreProperties{
  margin: 12px 0;
}

#elementContainer .elementProperties .moreProperties .morePropertiesLink{
  color: #888888;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

#elementContainer .elementProperties .moreProperties .morePropertiesLink:hover{
  color: #000000;
}

#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: 24px;
  font-size: 16px;
}

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

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

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

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

#elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{
  position: relative;
  /*top: -2px;*/
}

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

#elementContainer .elementSkuPropertyLink{
  border: 1px solid #dddddd;
  text-decoration: none;
  text-align: center;
  line-height: 35px;
  padding: 4px 6px;
  display: block;
  color: #000000;
}

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

#elementContainer .kit {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 24px 24px 24px;
  font-size: 14px;
  background-color: #F9F9F9;
}

#elementContainer .kit .headind,
#elementContainer .kit h2 {
  font-family: 'robotobold';
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 27px 0px 16px 0;
  font-weight: 800;
  font-size: 20px;
  display: block;
}

#elementContainer .kit .kitProductsList {
  display: flex;
  flex-wrap: wrap;
}

#elementContainer .kit .kitProductsList.tree .kitProductsItem {
  width: calc((100% - 267px) / 3);
}

#elementContainer .kit .kitProductsList.two .kitProductsLastItem,
#elementContainer .kit .kitProductsList.tree .kitProductsLastItem {
  width: 267px;
}

#elementContainer .kit .kitProductsList.two .kitProductsLastItem .priceWrap,
#elementContainer .kit .kitProductsList.tree .kitProductsLastItem .priceWrap {
  flex-direction: row-reverse;
  align-items: baseline;
  justify-content: flex-end;
}

#elementContainer .kit .kitProductsList.tree .kitProductsLastItem .priceWrap .priceNew {
  margin-right: 5px;
}

#elementContainer .kit .kitProductsList.four .kitProductsItem {
  width: calc((100% - 172px) / 4);
}

#elementContainer .kit .kitProductsList.five .kitProductsItem {
  width: calc((100% - 172px) / 5);
}

#elementContainer .kit .kitProductsList.five_more .kitProductsItem {
  width: calc(100%/ 5);
}

#elementContainer .kit .kitProductsList .kitProductsItem {
  position: relative;
  width: 295px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 1px 0 0 0 #E7E8EA,
              0 1px 0 0 #E7E8EA,
              1px 1px 0 0 #E7E8EA,
              1px 0 0 0 #E7E8EA inset,
              0 1px 0 0 #E7E8EA inset;
}

#elementContainer .kit .kitProductsList .kitProductsItem .kitProductsItemWrap > a {
  text-decoration: none;
}

#elementContainer .kit .kitProductsList .kitProductsItem .kitProductsItemWrap {
  padding: 12px;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}

#elementContainer .kit .kitProductsList .kitProductsItem .kitProductImage {
  height: 188px;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

#elementContainer .kit .kitProductsList .kitProductsItem .kitProductImage > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

#elementContainer .kit .kitProductsList .kitProductsItem .kitProductMobileWrap {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

#elementContainer .kit .kitProductsList .kitProductsItem .kitProductImage img {
  max-width: 90%;
  max-height: 100%;
  object-fit: contain;
}

#elementContainer .kit .kitProductsList .kitProductsItem .kitProductName {
  margin-bottom: 10px;
}

#elementContainer .kit .kitProductsList .kitProductsItem .kitProductName a {
  line-height: 20px;
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  text-decoration: none;
}

#elementContainer .kit .kitProductsList .kitProductsItem .kitProductName span {
  transition: all 0.2s ease-in-out;
}

#elementContainer .kit .kitProductsList .kitProductsItem .kitProductName span:hover {
  color: #ed1c24;
}

#elementContainer .kit .kitProductsList .kitProductsItem .kitProductPrice {
  font-family: 'robotobold';
  font-size: 18px;
  margin-top: auto;
}

#elementContainer .kit .kitProductsList .kitProductsItem::before {
  position: absolute;
  content: '+';
  right: 0px;
  top: 50%;
  font-size: 34px;
  color: #000;
  width: 21px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  text-align: center;
  transform: translate(50%,-50%);
  z-index: 10;
}

#elementContainer .kit .kitProductsList .kitProductsItem.lastProduct::before {
  content: '=';
  background-color: transparent;
}

#elementContainer .kit .kitProductsList .kitProductsLastItem {
  width: 172px;
  display: flex;
  align-items: center;
}

#elementContainer .kit .kitProductsList .kitProductsLastItem .kitProductsItemWrap {
  box-sizing: border-box;
  padding-left: 28px;
  display: flex;
  flex-direction: column;
}

#elementContainer .kit .kitProductsList .kitProductsLastItem .heading {
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 3px;
}

#elementContainer .kit .kitProductsList .kitProductsLastItem .priceWrap {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  margin-bottom: 8px;
}

#elementContainer .kit .kitProductsList .kitProductsLastItem .priceWrap .priceOld {
  line-height: 20px;
  font-size: 14px;
  text-decoration-line: line-through;
  color: #888;
}

#elementContainer .kit .kitProductsList .kitProductsLastItem .priceWrap .priceNew {
  font-size: 20px;
  color: #F51E2B;
  font-family: 'robotobold';
}

#elementContainer .kit .kitProductsList .kitProductsLastItem .discount {
  font-family: 'robotobold';
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 15px;
}

#elementContainer .kit .kitProductsList .kitProductsLastItem .addGift,
  #elementContainer .kit .kitProductsList .kitProductsLastItem .addKit {
  display: block;
  background: #F51E2B;
  border-radius: 4px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  width: 144px;
  height: 40px;
  transition: all 0.2s ease-in-out;
}

#elementContainer .kit .kitProductsList .kitProductsLastItem .addGift.added,
  #elementContainer .kit .kitProductsList .kitProductsLastItem .addKit.added {
  background: #2b2b2b;
}

#elementContainer .kit .kitProductsList .kitProductsLastItem .addGift.added:hover,
  #elementContainer .kit .kitProductsList .kitProductsLastItem .addKit.added:hover {
  background: #3b3b3b;
}

#elementContainer .kit .kitProductsList .kitProductsLastItem .addGift:hover,
  #elementContainer .kit .kitProductsList .kitProductsLastItem .addKit:hover {
  background-color: #ff232b;
}

#elementContainer .kit .kitProductsList .kitProductsLastItem .addGift img,
  #elementContainer .kit .kitProductsList .kitProductsLastItem .addKit img {
  margin-right: 12px;
}

.addKit:active,
.addGift:active,
.removeKit:active {
    position: relative;
    top: 1px;
}

.errorModalWrap.cross .removeKit {
  display: block;
  margin: 0 auto;
  background: #F51E2B;
  border-radius: 4px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  width: 144px;
  height: 40px;
  transition: all 0.2s ease-in-out;
}

.errorModalWrap.cross .removeKit:hover{
  background-color: #ff232b;
}

.kitPriceDiscount {
  font-size: 16px;
  line-height: 18px;
  display: flex;
}

.kitPriceDiscount span.red {
  color: #F51E2B;
  border-bottom: 1px dashed #F51E2B;
  margin-left: 5px;
}

.kitPriceDiscount span.red:hover {
  color: transparent;
  border-bottom: 1px dashed transparent;
}

.kitPriceDiscount span.red:hover::before {
  cursor: pointer;
  position: absolute;
  content: attr(data-discount-price);
  color: #F51E2B;
  border-bottom: 1px dashed #F51E2B;
}

@media (max-width:1400px) {
  #elementContainer .kit .kitProductsList.five .kitProductsItem {
    width: calc(100% / 4);
  }
}

@media (max-width:1350px) {
  #elementContainer .kit .kitProductsList.five .kitProductsItem {
    width: calc(100% / 3);
  }

}

@media (max-width:1250px) {
  #elementContainer .kit .kitProductsList.tree .kitProductsLastItem {
    width: 172px;
  }
  #elementContainer .kit .kitProductsList.tree .kitProductsLastItem .priceWrap {
    flex-direction: column;
  }
  #elementContainer .kit .kitProductsList.tree .kitProductsItem {
    width: calc((100% - 193px) / 3);
  }
  #elementContainer .kit .kitProductsList.tree .kitProductsLastItem {
    width: 193px;
  }
}
@media (min-width:600px) and (max-width:768px)  {
  #elementContainer .kit .kitProductsList.five .kitProductsItem:nth-child(3):before,
  #elementContainer .kit .kitProductsList.four .kitProductsItem:nth-child(3):before {
    display: none;
  }
}
@media (min-width:481px) and (max-width:768px) {
  #elementContainer .kit .kitProductsList {
    margin: 0 -24px;
  }
}

@media (min-width:481px) and (max-width:767px) {
  #elementContainer .kit .kitProductsList.tree .kitProductsItem {
    width: calc((100% - 193px) / 2);
  }
}

@media (min-width:481px) and (max-width:600px) {
  #elementContainer .kit .kitProductsList.five .kitProductsItem,
  #elementContainer .kit .kitProductsList.tree .kitProductsItem {
    width: calc(100% / 2);
  }
  #elementContainer .kit .kitProductsList.five .kitProductsItem:nth-child(even):before,
  #elementContainer .kit .kitProductsList.tree .kitProductsItem:nth-child(even):before {
    display: none;
  }
  #elementContainer .kit .kitProductsList.four .kitProductsItem:nth-child(3):before {
    display: none;
  }
}

@media (max-width:768px) {
  #elementContainer .kit .kitProductsList.four .kitProductsItem {
    width: calc(100% / 3);
  }
  #elementContainer .kit .kitProductsList.two .kitProductsItem {
    width: calc(100% / 3);
  }
  #elementContainer .kit .kitProductsList.two .kitProductsLastItem {
    width: 172px;
  }
  #elementContainer .kit .kitProductsList.two .kitProductsLastItem .priceWrap {
    flex-direction: column;
  }
}

@media (max-width:480px) {
  #elementContainer .kit .kitProductsList {
    flex-direction: column;
  }
  #elementContainer .kit .kitProductsList.two .kitProductsItem,
  #elementContainer .kit .kitProductsList.tree .kitProductsItem,
  #elementContainer .kit .kitProductsList.four .kitProductsItem,
  #elementContainer .kit .kitProductsList.five .kitProductsItem,
  #elementContainer .kit .kitProductsList.five_more .kitProductsItem {
    width: 100%;
  }
  #elementContainer .kit .kitProductsList .kitProductsItem::before {
    width: 30px;
    height: 24px;
    line-height: 24px;
    top: unset;
    right: 50%;
    bottom: 0;
    transform: translate(50%,50%);
  }
  #elementContainer .kit .kitProductsList .kitProductsLastItem {
    width: 100% !important;
    justify-content: center;
  }
  #elementContainer .kit .kitProductsList .kitProductsLastItem .kitProductsItemWrap {
    padding-left: 0px;
    padding-top: 25px;
    text-align: center;
  }
  #elementContainer .kit .kitProductsList .kitProductsItem .kitProductsItemWrap {
    flex-direction: row;
    margin: 0 -5px;
    align-items: center;
  }
  #elementContainer .kit .kitProductsList .kitProductsItem .kitProductImage {
    width: calc(29% - 10px);
    margin: 0 5px;
    height: auto;
  }
  #elementContainer .kit .kitProductsList .kitProductsItem .kitProductMobileWrap {
    width: calc(71% - 10px);
    margin: 0 5px;
  }
  #elementContainer .kit .kitProductsList .kitProductsLastItem .priceWrap {
    flex-direction: row-reverse !important;
    justify-content: center !important;
    align-items: baseline !important;
  }
  #elementContainer .kit .kitProductsList .kitProductsLastItem .addGift,
    #elementContainer .kit .kitProductsList .kitProductsLastItem .addKit {
    margin: 0 auto;
  }
  #elementContainer .kit .kitProductsList .kitProductsLastItem .heading {
    margin-bottom: 8px;
  }
  #elementContainer .kit .kitProductsList .kitProductsLastItem .priceWrap .priceNew {
    margin-right: 5px;
  }
}

@media only screen and (max-width: 1224px) and (min-width: 1100px) {
  #elementContainer .kit .kitProductsList.two .kitProductsItem {
    width: 230px;
  }
}

.nowrap {
  white-space: nowrap;
}

#elementContainer #detailText{
  -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 #detailText .heading,
#elementContainer #detailText > h2 {
  /* border-top: 1px solid #e7e8ea; */
  font-family: 'robotobold';
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 36px 0px;
  font-weight: 800;
  font-size: 20px;
}

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

#elementContainer #detailText a{
  color: #6b6b6b;
}

#elementContainer #detailText a.pick-up_points{
  color: #ed1c24;
  font-size:13px;
}

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

#for_zip,
#zip,
#related,
#is-an-accessory-for,
#similar{
  margin-top: 24px;
}

#similar{
  padding-left: 10px !important;
}
@media screen and (min-width: 1891px and max-width: 1920px) {
  #similar .product-list {
    gap: 0;
  }
}
#similar .swiper {
  margin-left: 10px !important;
  margin-right: 10px !important;
  padding-left: 0 !important;
  padding-right: 10px !important;
}
#similar .swiper-slide {
  margin-top: 0 !important;
  margin-right: 10px !important;
}
@media screen and (min-width: 1921px) {
  #similar .swiper-slide {
    max-width: 280px !important;
    margin-top: 10px !important;
  }
}


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

.interesting * {
  box-sizing: border-box;
}
.interesting-arrows {
  position: relative;
  width: 100%;
}
.interesting-arrows .swiper-button-prev, .interesting-arrows .swiper-button-next {

}
.interesting-arrows .swiper-button-prev:after, .interesting-arrows .swiper-button-next:after {
  display: none;
  content: none;
}
.interesting-arrows .swiper-button-prev {
  right: 55px;
  top: -55px;
  left: auto;
}
.interesting-arrows .swiper-button-next {
  top: -55px;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.interesting-arrows .swiper-button-prev:hover, .interesting-arrows .swiper-button-next:hover {
  filter: none;
  background-image: url(/local/templates/dresscodeV2/images/dist/product-swiper-arrow-active.svg);
}

.interesting .swiper {
  border-top: 1px solid #e7e8ea;
  border-bottom: 1px solid #e7e8ea;
}
.interesting__item {
  border: none;
  font-family: "roboto_condensed_regular";
  border-right: 1px solid #e7e8ea;
}
.swiper-slide.interesting__item {
  height: 280px;
  width: 182px;
}
.interesting__item-img {
  height: 166px;
  padding: 15px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.interesting__item-img img {
  max-width: 100%;
  max-height: 100%;
}
.interesting__content {
  padding-left: 14px;
  padding-right: 14px;
  position: relative;
  height: calc(100% - 166px);
}
.interesting__item-title {
  font-size: 14px;
  color: #353535;
  margin-bottom: 10px;
  text-decoration: none;
  font-family: 'roboto_condensedlight';
  height: 48px;
  display: block;
  line-height: 1.2;
}
.interesting__item-price {
  padding-right: 44px;
  font-family: "roboto_condensed_regular";
  height: calc(100% - 72px);
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.interesting__item-old {
  text-decoration: line-through;
  color: #999999;
  font-size: 15px;
  margin-bottom: 3px;
}
.interesting__item-new {
  font-size: 16px;
  color: #353535;
  font-family: 'robotobold';
}
.interesting .add-to-cart {
  position: absolute;
  right: 12px;
  bottom: 12px;
}
.interesting .add-to-cart .icon-addcart {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #ED1C24;
  display: flex;
  align-items: center;
  justify-content: center;
}

.interesting .add-to-cart.added {
  text-indent: -9000px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/basket_icon.svg) !important;
  background-size: 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.interesting .add-to-cart.added:hover {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/basket_icon.svg) !important;
  background-size: 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.interesting .add-to-cart.added .icon-addcart {
  background-color: #333;
}

.interesting .add-to-cart .icon-addcart svg {
  width: 24px;
}

.interesting .add-to-cart.added .icon-addcart {
  background-color: #333; }

/* #catalogElement .productList{
  border-top: 1px solid #e7e8ea;
} */

#catalogElement .productList .article {
  text-align: center;
}

#catalogElement .product{
  border: 0;
}

#catalogElement .product{
  height: 346px !important;
  width: 25% !important;
  /* border: 0 !important;
  border-bottom: 1px solid #e7e8ea !important;
  border-right: 1px solid #e7e8ea !important; */
  flex: 1 0 calc(25% - 10px);
  max-width: calc(25% - 10px);
}

#related .productList,
#is-an-accessory-for .productList,
#catalogElement .product:nth-child(8n+16){
  border-right: 0 !important;
}

#catalogElement .product:first-child{
  border-left: 0;
}

#catalogElement .product:nth-child(4n+1){
  border-left: 0;
}

#catalogElement .product:nth-child(1),
#catalogElement .product:nth-child(2),
#catalogElement .product:nth-child(3),
#catalogElement .product:nth-child(4){
  border-bottom: 0;
  border-top: 0;
}

#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,
#elementProperties h2 {
  border-top: 1px solid #efefef;
  font-family: 'robotobold';
  text-transform: uppercase;
  padding: 24px 0px 12px 0;
  font-weight: 800;
  font-size: 17px;
  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: #6b6b6b;
}

#elementProperties .stats {
  width: calc(100% - 1px);
  padding: 12px;
  border-collapse: collapse;
  table-layout: fixed;
  min-width: 600px;
}

#elementProperties .stats a, #elementProperties .stats .stats_link{
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #6b6b6b;
}

#elementProperties .stats .stats_link{
  text-decoration: underline;
  cursor: pointer;
}


#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/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/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: 4px;
  height: 19px;
  width: 19px;
}

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

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

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

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

#elementProperties .stats .gray td .propertyImg {
  vertical-align: middle;
  margin-left: 4px;
}

#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;
  overflow: hidden;
  width: 40%;
}

#elementProperties .stats .name span {
  padding: 0px 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,
#files h2 {
  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,
#video h2 {
  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/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/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/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/exit.png") 0px -21px no-repeat transparent;
}

#elementErrorContainer #elementErrorClose:active {
  background: url("/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/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/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/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;
}

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

#complect .heading,
#complect h2 {
  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/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/exitBig.png) 0 0  no-repeat transparent;
  height: 35px;
	opacity: 0.5;
	width: 35px;
	background-size: contain;
}

#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/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/carouselArrowsBig.png) 0 0 no-repeat transparent;
  opacity: 0.5;
}

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

#zoomerNextMore,
#zoomerPrevMore{
  background: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/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;
}

#catalogElement .show-more{
  height: 40px;
  text-align: center;
  cursor: pointer;
  background-color: #ED1C24;
  color: #fff;
  padding: 10px 30px;
  border-radius: 25px;
  transition: all 0.2s ease-in-out;
  margin: 15px auto 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  box-sizing: border-box;
}

#catalogElement .show-more.hide {
  display:none;
}

#catalogElement .show-more:hover{
  opacity: 0.8;
}
.outOfSale {
  font-family: 'robotobold';
  font-size: 18px;
}

#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 #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 .defailTagsItems{
  margin-bottom: 12px;
}


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

#elementContainer .changeDescription iframe{
  width: 640px;
  height: 360px;
}

/*@media screen and (min-width: 640px){*/
/*  #elementContainer .changeDescription iframe{*/
/*    width: 100%;*/
/*  }*/
/*}*/


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



/*Новая правая часть*/
.mainTool {

}
#elementTools.fixed .fixContainer, #elementTools .fixContainer {
  width: 100%;
}
@media all and (max-width: 1700px) {
  #elementTools.fixed .fixContainer, #elementTools .fixContainer {
    width: auto;
  }
}
@font-face {
  font-family: "ptsansrub";
  font-display: swap;
  src: url("/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/fonts/pt-sans-rub.ttf");
}


.product-info * {
  line-height: normal;
}
.product-info {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/right-col-bg.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 50%;
  padding-bottom: 20px;
}
.pi__barcode {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.pi__article {
  color: #666;
  font-family: 'roboto_condensedlight';
  font-size: 16px;
}
.pi__stock {
  font-size: 12px;
  border: 1px solid;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 23px;
  white-space: nowrap;
  border-radius: 20px;
  padding: 0 8px
}
.pi__stock.in_stock {
  border-color: #2DAF31;
  color: #2daf31;
}
.pi__stock:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
}
.pi__stock.in_stock:before {
  content: '';
  width: 10px;
  height: 8px;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDExIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC45OTU4NSA0LjgyMjA4TDQuNjg1OTYgOC41OTA2MkwxMC45MTc3IDIuMzM0NjNMOS41NTY0OSAwLjk2ODE0TDQuNjg1OTYgNS44NTc2M0wyLjM1NzA0IDMuNDQ0OTFMMC45OTU4NSA0LjgyMjA4WiIgZmlsbD0iIzJEQUYzMSIvPgo8L3N2Zz4K);
}
.pi__stock.on_order {
  border-color: #FF9933;
  color: #FF9933;
}
.pi__stock.on_order:hover {
  color: #FF9933;
}
.pi__stock.on_order:before {
  width: 12px;
  height: 12px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMzg1MzUgMTIuNzE5MkMzLjA2MTIzIDEyLjcxOTIgMC4zNzQzMjkgOS45MzkyNiAwLjM3NDMyOSA2LjVDMC4zNzQzMjkgMy4wNzE3MyAzLjA2MTIzIDAuMjgwNzYyIDYuMzg1MzUgMC4yODA3NjJDOS42OTg4NSAwLjI4MDc2MiAxMi4zOTY0IDMuMDcxNzMgMTIuMzk2NCA2LjVDMTIuMzk2NCA5LjkzOTI2IDkuNjk4ODUgMTIuNzE5MiA2LjM4NTM1IDEyLjcxOTJaTTYuMzg1MzUgMTEuMzM0N0M4Ljk2NjA2IDExLjMzNDcgMTEuMDU4MiA5LjE3MDEgMTEuMDU4MiA2LjVDMTEuMDU4MiAzLjgyOTkgOC45NjYwNiAxLjY2NTI2IDYuMzg1MzUgMS42NjUyNkMzLjgwNDY1IDEuNjY1MjYgMS43MTI0NyAzLjgyOTkgMS43MTI0NyA2LjVDMS43MTI0NyA5LjE3MDEgMy44MDQ2NSAxMS4zMzQ3IDYuMzg1MzUgMTEuMzM0N1oiIGZpbGw9IiNGRjk5MzMiLz4KPHBhdGggZD0iTTYuNzM1NzkgMy40ODkyNkg1LjM5NzY0VjcuMjgwMTNMNy41OTYwMiA5LjUxMDcxTDguNTMwNiA4LjUyMTc4TDYuNzM1NzkgNi42OTc3N1YzLjQ4OTI2WiIgZmlsbD0iI0ZGOTkzMyIvPgo8L3N2Zz4K);
}
.pi__stock.outof_stock {
  border-color: #999999;
  background-color: #999999;
  color: #fff;
}
.pi__stock.outof_stock:before {
  width: 7px;
  height: 7px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy40MzIxOCAxLjIzNDQyTDEuMDA3ODEgNy43NjU1NiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIyMi45MjU2Ii8+CjxwYXRoIGQ9Ik0xLjAwNzgxIDEuMjM0NDJMNy40MzIxOCA3Ljc2NTU2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjIyLjkyNTYiLz4KPC9zdmc+Cg==);
}
.pi__price {
  font-size: 32px;
  color: #333;
  font-family: robotobold, arial, sans-serif;
  margin-bottom: 10px;
}
.mainTool .pi__price {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 10px;
  line-height: 1.2em;
}
.pi__price-old {
  text-decoration: line-through;
  color: #666;
  font-family: 'roboto_condensedlight';
  font-size: 16px;
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: baseline;
}
.rub {
  font-family: ptsansrub!important;
  line-height: normal;
  font-weight: normal;
  font-style: normal;
}
.pi__price .rub {
  font-weight: bold;
  font-size: 28px;
}
.info-icon {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/info.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  height: 19px;
  margin-right: 7px;
  position: relative;
  width: 19px;
}
.info-icon:before {
  content: "";
  height: 200%;
  left: -50%;
  position: absolute;
  top: -50%;
  width: 200%;
}
.info-icon__tooltip {
  background: #fff;
  border: 1px solid #ececee;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
  box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
  color: #141517;
  font-size: 12px;
  font-weight: 400;
  right: 0;
  line-height: 1.4;
  margin-top: -4px;
  max-width: 320px;
  opacity: 0;
  padding: 6.5px 11px;
  position: absolute;
  width: 200px;
  top: -9999px;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: top 0s .2s,opacity .2s ease;
  -o-transition: top 0s .2s,opacity .2s ease;
  transition: top 0s .2s,opacity .2s ease;
  z-index: 100;
}
.info-icon:hover>.info-icon__tooltip {
  opacity: 1;
  top: 0;
  -webkit-transition: top 0s,opacity .2s ease;
  -o-transition: top 0s,opacity .2s ease;
  transition: top 0s,opacity .2s ease;
}
.pi__to-cart {
  width: 250px;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #ED1C24;
  border-radius: 25px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  margin-bottom: 20px;
}
.pi__to-cart:not(.added):hover {
  background: -webkit-gradient(linear, left top, right top, color-stop(-2.4%, #ED1C24), color-stop(318%, rgba(237, 28, 36, 0)));
  background: -o-linear-gradient(left, #ED1C24 -2.4%, rgba(237, 28, 36, 0) 318%);
  background: linear-gradient(90deg, #ED1C24 -2.4%, rgba(237, 28, 36, 0) 318%);
  -webkit-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}
.pi__to-cart:hover span:after {
  bottom: -9px;
}
.pi__to-cart.added {
  background-color: #333;
}
.pi__to-cart.added span:after {
  bottom: -9px;
}
.pi__to-cart.added span:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDUuODUzOTRMNS42OTAxMSA5LjYyMjQ4TDExLjkyMTggMy4zNjY0OUwxMC41NjA2IDJMNS42OTAxMSA2Ljg4OTQ5TDMuMzYxMTkgNC40NzY3N0wyIDUuODUzOTRaIiBmaWxsPSIjRkVGRkZFIi8+Cjwvc3ZnPgo=);
}
.pi__to-cart span {
  position: relative;
  display: block;
}
.pi__to-cart span:before {
   content: '';
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjgwMDYxMyA1LjE5OTM5SDUuMTk5MzlWMC44MDA2MTNDNS4xOTkzOSAwLjM1ODg5NiA1LjU1ODI4IDAgNiAwQzYuNDQxNzIgMCA2LjgwMDYxIDAuMzU4ODk2IDYuODAwNjEgMC44MDA2MTNWNS4xOTkzOUgxMS4xOTk0QzExLjY0MTEgNS4xOTkzOSAxMiA1LjU1ODI4IDEyIDZDMTIgNi40NDE3MiAxMS42NDExIDYuODAwNjEgMTEuMTk5NCA2LjgwMDYxSDYuODAwNjFWMTEuMTk5NEM2LjgwMDYxIDExLjY0MTEgNi40NDE3MiAxMiA2IDEyQzUuNTU4MjggMTIgNS4xOTkzOSAxMS42NDExIDUuMTk5MzkgMTEuMTk5NFY2LjgwMDYxSDAuODAwNjEzQzAuMzU4ODk2IDYuODAwNjEgMCA2LjQ0MTcyIDAgNkMwIDUuNTU4MjggMC4zNTg4OTYgNS4xOTkzOSAwLjgwMDYxMyA1LjE5OTM5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);

}

.pi__to-cart span:after {
   content: '';
  position: absolute;
  right: -50px;
  bottom: -27px;
  width: 28px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzNCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZCkiPgo8cGF0aCBkPSJNMjIuNDUyMiAxMy40NDA4QzIxLjI0OTIgMTMuNDQwOCAyMC4yNjk2IDEyLjQ2NzMgMjAuMjY5NiAxMS4yNzE4QzIwLjI2OTYgMTAuNDA5MyAyMC43MDc4IDkuNjMyMjYgMjEuNTg0MyA5LjI5MDY5VjExLjI3MThDMjEuNTg0MyAxMS43NSAyMS45NzEgMTIuMTQyOCAyMi40NTIyIDEyLjE0MjhDMjIuOTMzNCAxMi4xNDI4IDIzLjMyODcgMTEuNzUgMjMuMzI4NyAxMS4yNzE4VjkuMjkwNjlDMjQuMTk2NiA5LjYzMjI2IDI0LjYzNDggMTAuNDE3OSAyNC42MzQ4IDExLjI3MThDMjQuNjM0OCAxMi40NjczIDIzLjY1NTIgMTMuNDQwOCAyMi40NTIyIDEzLjQ0MDhaTTExLjU0NzggMTMuNDQwOEMxMC4zNDQ4IDEzLjQ0MDggOS4zNjUyIDEyLjQ2NzMgOS4zNjUyIDExLjI3MThDOS4zNjUyIDEwLjQwOTMgOS44MDM0NCA5LjYzMjI2IDEwLjY3MTMgOS4yOTA2OVYxMS4yNzE4QzEwLjY3MTMgMTEuNzUgMTEuMDY2NiAxMi4xNDI4IDExLjU0NzggMTIuMTQyOEMxMi4wMjkgMTIuMTQyOCAxMi40MTU3IDExLjc1IDEyLjQxNTcgMTEuMjcxOFY5LjI5MDY5QzEzLjI5MjIgOS42MzIyNiAxMy43MzA0IDEwLjQxNzkgMTMuNzMwNCAxMS4yNzE4QzEzLjczMDQgMTIuNDY3MyAxMi43NTA4IDEzLjQ0MDggMTEuNTQ3OCAxMy40NDA4Wk0xNi45OTU3IDEuNzMzNDZDMTkuNTIyIDEuNzMzNDYgMjEuNTg0MyAzLjc3NDM0IDIxLjU4NDMgNi4yODQ4OFY3LjM2OTM2SDEyLjQxNTdWNi4yODQ4OEMxMi40MTU3IDMuNzc0MzQgMTQuNDY5NCAxLjczMzQ2IDE2Ljk5NTcgMS43MzM0NlpNMjcuNDcwNSA3LjU3NDNDMjcuNDYxOSA3LjQ1NDc1IDI3LjM2NzMgNy4zNjkzNiAyNy4yNTU2IDcuMzY5MzZIMjMuMzI4N1Y2LjI4NDg4QzIzLjMyODcgMi44MTc5NSAyMC40ODQ0IDAgMTYuOTk1NyAwQzEzLjUwNyAwIDEwLjY3MTMgMi44MTc5NSAxMC42NzEzIDYuMjg0ODhWNy4zNjkzNkg2Ljc0NDM2QzYuNjMyNjUgNy4zNjkzNiA2LjUzODEzIDcuNDU0NzUgNi41Mjk1NCA3LjU3NDNMNSAyNy41MTM0QzUgMjcuNTIyIDUgMjcuNTMwNSA1IDI3LjUzMDVDNSAyNy41OTAzIDUuMDE3MTkgMjcuNjQxNSA1LjA2MDE1IDI3LjY4NDJDNS4xMDMxMSAyNy43MjY5IDUuMTU0NjcgMjcuNzUyNSA1LjIxNDgyIDI3Ljc1MjVIMjguNzc2NkMyOC44MzY3IDI3Ljc1MjUgMjguODk2OSAyNy43MjY5IDI4LjkzOTggMjcuNjg0MkMyOC45ODI4IDI3LjYzMyAyOSAyNy41ODE3IDI5IDI3LjUxMzRMMjcuNDcwNSA3LjU3NDNaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2QiIHg9IjAiIHk9IjAiIHdpZHRoPSIzNCIgaGVpZ2h0PSIzNy43NTI1IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+CjxmZU9mZnNldCBkeT0iNSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvdyIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvdyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K);
}

.pi__btn {
 width: 250px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 25px;
  text-decoration: none;
  font-size: 14px;
  margin-bottom: 7px;
  border: 1px solid;
}
.pi__btn.pi__btn-buy {
  color: #ED1C24;
  border-color: #ED1C24;
}
.pi__btn.pi__btn-delivery {
    color: #ED1C24;
    border-color: #ED1C24;
}
.pi__btn span {
  position: relative;
  display: block;
}
.pi__btn span:before {
   content: '';
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjgwMDYxMyA1LjE5OTM5SDUuMTk5MzlWMC44MDA2MTNDNS4xOTkzOSAwLjM1ODg5NiA1LjU1ODI4IDAgNiAwQzYuNDQxNzIgMCA2LjgwMDYxIDAuMzU4ODk2IDYuODAwNjEgMC44MDA2MTNWNS4xOTkzOUgxMS4xOTk0QzExLjY0MTEgNS4xOTkzOSAxMiA1LjU1ODI4IDEyIDZDMTIgNi40NDE3MiAxMS42NDExIDYuODAwNjEgMTEuMTk5NCA2LjgwMDYxSDYuODAwNjFWMTEuMTk5NEM2LjgwMDYxIDExLjY0MTEgNi40NDE3MiAxMiA2IDEyQzUuNTU4MjggMTIgNS4xOTkzOSAxMS42NDExIDUuMTk5MzkgMTEuMTk5NFY2LjgwMDYxSDAuODAwNjEzQzAuMzU4ODk2IDYuODAwNjEgMCA2LjQ0MTcyIDAgNkMwIDUuNTU4MjggMC4zNTg4OTYgNS4xOTkzOSAwLjgwMDYxMyA1LjE5OTM5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
.pi__btn.pi__btn-buy span:before {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/btn-buy-red.svg);
}
.pi__btn.pi__btn-buy:hover {
  background: -webkit-gradient(linear, left top, right top, color-stop(-2.4%, #ED1C24), color-stop(318%, rgba(237, 28, 36, 0)));
  background: -o-linear-gradient(left, #ED1C24 -2.4%, rgba(237, 28, 36, 0) 318%);
  background: linear-gradient(90deg, #ED1C24 -2.4%, rgba(237, 28, 36, 0) 318%);
  -webkit-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
  color: #fff;
}
.pi__btn.pi__btn-buy:hover span:before {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/btn-buy-white.svg);
}
.pi__btn.pi__btn-delivery span:before {
  width: 13px;
  height: 11px;
  margin-right: 10px;
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/btn-delivery-grey.svg);
}
.pi__btn.pi__btn-delivery:hover {
  color: #fff;
  background-color: #ED1C24;
  -webkit-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}
.pi__btn.pi__btn-delivery:hover span:before {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/btn-delivery-white.svg);
}

.params-list {
  font-size: 14px;
  font-family: 'roboto_condensedlight';
  margin-bottom: 20px;
}
.pl__row {
    margin-bottom: 8px;
}
.pl__name {
    width: 63%;
    color: #908F9D;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.pl__name:after {
    border-bottom: 1px dashed #ccc;
    bottom: 5px;
    content: '';
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
.pl__name-txt {
    background: #f3f3f3;
    padding: 0 10px 0 0;
    position: relative;
    z-index: 1;
}
.pl__data {
    overflow-wrap: break-word;
    word-break: break-word;
    display: inline-block;
    vertical-align: bottom;
    width: 33%;
    margin-left: 5px;
}
.pi__help {
  margin-bottom: 12px;
}
.pi__help-link {
  display: inline-block;
  margin-bottom: 5px;
  margin-left: 28px;
  position: relative;
  color: #000;
  border-bottom: 1px dotted #ED1C24;
  text-decoration: none;
  font-family: 'roboto_condensedlight';
  font-size: 14px;
  cursor: pointer;
}
.pi__help-link:before {
  content: '';
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  left: -27px;
  top: 50%;
}
.pi__help-link:hover {
  border-color: transparent;
}
.pi__help-equip:before {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/pi__help-1.svg);
}
.pi__help-expert:before {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/pi__help-2.svg);
}
.pi__help-cheeper:before {
  background-image: url(/local/templates/dresscodeV2/images/icon-cheeper.svg);
}
.pi__payment {
  margin-bottom: 8px;
}
.pi__payment-title {
  padding-left: 28px;
  color: #666;
  font-size: 14px;
  font-family: 'roboto_condensedlight';
  position: relative;
  margin-bottom: 6px;
}
.pi__payment-title:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/pi__help-3.svg);
  margin-right: 8px;
}
.pi__payment ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 28px;
}
.pi__payment .payment {
  width: 53px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border-radius: 5px;
  margin-right: 5px;
  background-position: center;
  background-repeat: no-repeat;
}
.payment-mir {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/icon_mir.png);
  background-size: 42px 12px;
}
.payment-visa {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/icon_visa.png);
  background-size: 42px 13px;
}
.payment-mastercard {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/icon_ms.png);
  background-size: 39px 28px;
}
.pi__credit {
  color: #666;
  font-size: 14px;
  font-family: 'roboto_condensedlight';
  margin-bottom: 10px;
}

.pi__credit-title {
  padding-left: 28px;
  color: #666;
  font-size: 14px;
  font-family: 'roboto_condensedlight';
  position: relative;
}
.pi__credit-title:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/partners-credit.svg);
  margin-right: 8px;
}

.pi__credit-link {
  text-decoration: none;
  color: #ed1c24;
  border-bottom: 1px dotted #ed1c24;
  cursor: pointer;
}
.pi__credit-price {
  font-size: 23px;
  font-weight: 600;
  opacity: 0.9;
}
.pi__controls {
  position: relative;
}
.pi__controls-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.pi__controls-item {
  display: inline-block;
  margin-right: 10px;
}
.pi__controls-circle:hover {
  background-color: #ED1C24;
  border-color: #ED1C24;
}
.pi__controls-circle.added, .pi__controls-circle.added:hover {
  background-color: #fff;
  border-color: #ED1C24;
}


.pi-favorites {
  background-size: 18px;
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/controls-circle-1.svg);
}
.pi-dif {
  background-size: 16px 18px;
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/controls-circle-2.svg);
}
.pi-talk {
  background-size: 19px 15px;
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/controls-circle-3.svg);
}
.pi-social {
  background-size: 18px 19px;
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/controls-circle-4.svg);
}
.pi-favorites:hover {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/controls-circle-1-2.svg);
}
.pi-dif:hover {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/controls-circle-2-2.svg);
}
.pi-talk:hover {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/controls-circle-3-2.svg);
}
.pi-social:hover {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/controls-circle-4-2.svg);
}
.pi-social.active {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/controls-circle-4-3.svg);
}
.pi-favorites.active, .pi-favorites.added {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/controls-circle-1-3.svg);
}
.pi-dif.active, .pi-dif.added {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/controls-circle-2-3.svg);
}
.pi-talk.active {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/controls-circle-3-3.svg);
}

.pi__banki {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*-ms-flex-wrap: wrap;*/
  /*flex-wrap: wrap;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 14px 0;
}

.pi__banki-item {
  /*width: 100%;*/
  text-decoration: none;
  display: inline-block;
  /*vertical-align: middle;*/
  /*background-position: center;*/
  /*background-repeat: no-repeat;*/
  /*background-size: contain;*/
  /*filter: grayscale(1);*/
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  border: 1px solid #808080;
  border-radius: 100px;
  padding: 10px 20px;
  cursor: pointer;
  margin-right: 5px;
}

.pi__banki-item:hover {
  background-color: #DEDEDE;
}

.pi__banki-item img {
  vertical-align: middle;
}

.pi-bank-1, .pi-bank-3 {
  width: 80px;
  height: 27px;
}

.pi-bank-2, .pi-bank-4  {
  width: 100px;
  height: 25px;
}

.pi__controls-submenu {
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  position: absolute;
  left: 18px;
  bottom: -50px;
}
.pi__controls-submenu.active {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}
.pi__controls-submenu.active .ya-share2__item {
  opacity: 1;
}
.pi__controls-submenu .ya-share2__item {
  opacity: 0;
}
.pi__controls-submenu .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
  margin-right: 27px;
}
.pi__controls-submenu .ya-share2__item_service_vkontakte {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.pi__controls-submenu .ya-share2__item_service_facebook {
  -webkit-transition: all .3s .1s ease;
    -o-transition: all .3s .1s ease;
    transition: all .3s .1s ease;
}
.pi__controls-submenu .ya-share2__item_service_odnoklassniki {
-webkit-transition: all .3s .15s ease;
  -o-transition: all .3s .15s ease;
  transition: all .3s .15s ease;
}
.pi__controls-submenu .ya-share2__item_service_moimir {
-webkit-transition: all .3s .2s ease;
  -o-transition: all .3s .2s ease;
  transition: all .3s .2s ease;
}
.pi__controls-submenu .ya-share2__item_service_twitter {
  -webkit-transition: all .3s .3s ease;
  -o-transition: all .3s .3s ease;
  transition: all .3s .3s ease;
}
.pi__controls-submenu .ya-share2__item_service_telegram {
  -webkit-transition: all .3s .35s ease;
  -o-transition: all .3s .35s ease;
  transition: all .3s .35s ease;
}
.pi-social-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pi-soc {
  width: 24px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 27px;
  opacity: 0;
}
.pi-soc-0 {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/soc-0.png);
  background-size: 23px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.pi-soc-1 {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/soc-1.png);
  background-size: 9px 18px;
  -webkit-transition: all .3s .1s ease;
  -o-transition: all .3s .1s ease;
  transition: all .3s .1s ease;
}
.pi-soc-2 {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/soc-2.png);
  background-size: 13px 22px;
  -webkit-transition: all .3s .15s ease;
  -o-transition: all .3s .15s ease;
  transition: all .3s .15s ease;
}
.pi-soc-3 {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/soc-3.png);
  background-size: 24px;
  -webkit-transition: all .3s .2s ease;
  -o-transition: all .3s .2s ease;
  transition: all .3s .2s ease;
}
.pi-soc-4 {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/soc-4.png);
  background-size: 18px;
  -webkit-transition: all .3s .25s ease;
  -o-transition: all .3s .25s ease;
  transition: all .3s .25s ease;
}
.pi-soc-5 {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/soc-5.png);
  background-size: 19px;
  -webkit-transition: all .3s .3s ease;
  -o-transition: all .3s .3s ease;
  transition: all .3s .3s ease;
}


.webFormTools input[type="reset"], .webFormTools input[type="submit"] {
  border-radius: 25px;
}

/*купить в 1 клик кнопка*/
#appFastBuyContainer #fastBuyFormSubmit,
#appFastBuyOrderContainer #fastBuyFormSubmit {
  border-radius: 25px;
}

/*попап обратный звонок*/

.p-callback * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-callback {
  -webkit-transition: 0.1s all ease-in-out;
  -o-transition: 0.1s all ease-in-out;
  transition: 0.1s all ease-in-out;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1001;
  left: 0px;
  top: 0px;
  display: none;
}
.p-callback__window {
  margin-left: -350px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 550px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
          box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);
  background-color: #ffffff;
 }
.p-callback__window .heading {
  position: relative;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  background-color: #333;
  color: #ffffff;
  text-align: left;
  line-height: 100px;
  padding: 0 69px;
}
.p-callback__window .heading:before {
  content: '';
  width: 28px;
  height: 22px;
  position: absolute;
  left: 26px;
  top: 39px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/popup-phone-head.svg);
}
.p-callback__window .close-popup {
  position: absolute;
  display: block;
  height: 21px;
  width: 21px;
  right: 20px;
  top: 39px;
  background: url(/local/templates/dresscodeV2/themes/red/images/exit.png) 0 0 no-repeat transparent;
  cursor: pointer;
}
.p-callback__body {
  position: relative;
  overflow: hidden;
}
.p-callback__form {
  max-width: 450px;
  margin: 0 auto;
  padding: 28px 0 40px;
}
.p-callback__block {
  position: relative;
  background-color: #F3F3F3;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 8px 19px;
}
.p-callback__name {
  font-size: 14px;
  color: #666;
}
.p-callback__name span {
  display: inline;
  color: #ED1C24;
}
.p-callback__input {
  border: none;
  border-bottom: 1px solid #666666;
  background-color: transparent;
  border-radius: 0;
  font-size: 28px;
  color: #333;
  width: 100%;
  padding-left: 2px;
}
.p-icon-phone, .p-icon-name {
  position: absolute;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  right: 31px;
  bottom: 24px;
}
.p-icon-name {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/popup-name.svg);
}
.p-icon-phone {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/popup-phone.svg);
}
.p-callback__textarea {
  border: none;
  background-color: #F3F3F3;
  border-radius: 10px;
  padding-left: 21px;
  padding-top: 20px;
  max-width: 450px;
  width: 100%;
  resize: vertical;
  max-height: 230px;
  height: 230px;
  color: #666666;
  font-size: 16px;
}
.p-callback__btn {
  width: 250px;
  margin: 0 auto;
  height: 54px;
  line-height: 54px;
  border: none;
  background-color: #ED1C24;
  position: relative;
  border-radius: 25px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  margin-top: 30px;
  cursor: pointer;
}
.p-callback__btn:after {
  content: '';
  position: absolute;
  right: 25px;
  width: 33px;
  height: 33px;
  bottom: -14px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/popup-phone-white.svg);
}
.p-callback__btn:hover:after {
  bottom: 7px;
}

/*карточка левая часть*/
.product-info a.nav-left-banner,
#elementNavigation .tabs a.nav-left-banner {
  display: inline-flex;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 21px 22px -11px rgba(237, 28, 36, 0.30);
  position: relative;
  margin-top: 25px;
  margin-right: 24px;
  margin-bottom: 24px;
  cursor: pointer;
  transition: all ease .3s;
  width: 275px;
  height: 125px;
  align-items: center;
  justify-content: flex-start;
  padding: 24px 40px 24px 24px;
  box-sizing: border-box;
  text-decoration: none;
  background-image: url("/images/card-project-banner.jpg");
}

.product-info a.nav-left-banner:after,
#elementNavigation .tabs a.nav-left-banner:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  transition: all ease .3s;
}

.product-info a.nav-left-banner:hover:after,
#elementNavigation .tabs a.nav-left-banner:hover:after {
  background: rgba(0, 0, 0, 0.70);
}
.product-info a.nav-left-banner:hover .nav-left-banner-text,
#elementNavigation .tabs a.nav-left-banner:hover .nav-left-banner-text {
  color: #fff;
}

.nav-left-banner-text {
  z-index: 2;
  display: block;
  position: absolute;
  background-color: #ED1C24;
  border-radius: 25px;
  color: #fff;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 18px 0 52px;
  bottom: 18px;
  left: 10px;
  right: 10px;
  text-align: left;
  line-height: 1.2;
}

.nav-left-banner-text:before {
  content: '';
  position: absolute;
  left: 18px;
  top: 50%;
  width: 21px;
  height: 21px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/local/templates/dresscodeV2/images/card-project-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px;
}

.product-info a.nav-left-banner,
.product-info .banner-advice__list {
  display: none;
}

.card-new, .product-fix {
  display: none;
}
@media (max-width: 767px) {
  .card-new, .product-fix {
    display: block;
  }
  #elementContainer #moreImagesCarousel #moreImagesLeftButton,
  #elementContainer #moreImagesCarousel #moreImagesRightButton {
    margin-top: -17px;
  }
  #elementContainer #moreImagesCarousel #moreImagesLeftButton {
    left: 0;
  }
  #elementContainer #moreImagesCarousel #moreImagesRightButton {
    right: 0;
  }
}
/* features new */
.b-service * {
  box-sizing: border-box;
}
.b-service {
  position: relative;
  font-family: "roboto_condensed_regular";
  margin: 20px 0;
}
.b-service-mobile {
  display: none;
}
.b-service-list {
  height: 239px;
  list-style-type: none;
  margin: 0;
  padding: 0 12px 0 25px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.b-service-list.swiper-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 239px;
}
.b-service-block {
  cursor: pointer;
  height: 100%;
  outline: none;
  position: relative;
  margin: 0 10px;
  padding: 22px 26px;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .3s ease !important;
  border-radius: 10px;
}
.b-service-block.swiper-slide {
  width: calc(25% - 20px);
}
.b-service-block:hover {
  padding-top: 33px;
  padding-bottom: 32px;
}
.b-service-block:hover .b-service-block__header {
  color: #fff;
}
.b-service-block:hover .b-service-block__text {
  color: #fff;
}
.b-service-block__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease !important;
  border-radius: 10px;
  z-index: 1;
}
.b-service-block__bg--start {
  opacity: 1;
  z-index: 1;
}
.b-service-block__bg--finish {
  opacity: 0;
  z-index: -1;
  transition: all .5s ease !important;
}
.b-service-block:hover .b-service-block__bg--start {
  opacity: 0;
  z-index: -1;
}
.b-service-block:hover .b-service-block__bg--finish {
  opacity: 1;
  z-index: 1;
}
/* .b-service-block:hover .b-service-icon-1 {
  background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-1-hover.svg);
}
.b-service-block:hover .b-service-icon-2 {
  background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-2-hover.svg);
}
.b-service-block:hover .b-service-icon-3 {
  background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-3-hover.svg);
}
.b-service-block:hover .b-service-icon-4 {
  background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-4-hover.svg);
} */
.b-service-block-1 {
  background-image: url(/local/templates/dresscodeV2/images/features/service-1-start.png);
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease !important;
}
/* .b-service-block-1:hover {
  background-image: url(/local/templates/dresscodeV2/images/features/service-1-end.png);
}
.b-service-block-2 {
  background-image: url(/local/templates/dresscodeV2/images/features/service-2-start.png);
}
.b-service-block-2:hover {
  background-image: url(/local/templates/dresscodeV2/images/features/service-2-end.png);
}
.b-service-block-3 {
  background-image: url(/local/templates/dresscodeV2/images/features/service-3-start.png);
}
.b-service-block-3:hover {
  background-image: url(/local/templates/dresscodeV2/images/features/service-3-end.png);
}
.b-service-block-4 {
  background-image: url(/local/templates/dresscodeV2/images/features/service-4-start.png);
}
.b-service-block-4:hover {
  background-image: url(/local/templates/dresscodeV2/images/features/service-4-end.png);
} */
.b-service-block__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  z-index: 2;
  position: relative;
}
.b-service-block__icon {
  width: 51px;
  height: 51px;
  margin-bottom: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: opacity .3s ease !important;
}
.b-service-block__icon--finish {
  opacity: 0;
  z-index: -1;
  height: 0;
  margin-bottom: 0;
}
.b-service-block:hover .b-service-block__icon--finish {
  opacity: 1;
  z-index: 1;
  height: 51px;
  margin-bottom: 12px;
}
.b-service-block:hover .b-service-block__icon--start {
  opacity: 0;
  z-index: -1;
  height: 0;
  margin-bottom: 0;
}
.b-service-block__header {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: auto;
}
.b-service-block__text {
  color: #1A1A1A;
  font-size: 16px;
  font-weight: 300;
  font-family: "roboto_condensedlight";
  height: 56px;
  line-height: 1.2;
}
.b-service-icon-1 {
  background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-1.svg);
}
.b-service-icon-2 {
  background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-2.png);
  background-size: contain;
  width: 49px;
  height: 49px;
}
.b-service-icon-3 {
  background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-3.svg);
}
.b-service-icon-4 {
  background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-4.svg);
}
.b-service__slider {
  height: 100%;
  position: relative;
  z-index: 1;
}
.b-service__slider-outer {
  position: absolute;
  width: 100%;
  height: 259px;
  left: 0;
  top: 0;
  border-radius: 10px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  z-index: -1;
  -webkit-transition: none;
  -o-transition: none;
  transition: none !important;
}
.b-service__slider-outer.open {
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease !important;
}
.b-service__slider-close {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 9px;
  right: 14px;
  z-index: 2;
  background-image: url(/local/templates/dresscodeV2/images/features/service-close.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.b-service__slider-navigation {
  position: absolute;
  z-index: 2;
  right: 26px;
  bottom: 18px;
  width: 86px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.b-service__slider-next {
  width: 37px;
  height: 37px;
  background-image: url(/local/templates/dresscodeV2/images/features/service-next.svg);
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
.b-service__slider-prev {
  width: 37px;
  height: 37px;
  background-image: url(/local/templates/dresscodeV2/images/features/service-next.svg);
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.b-service__slider-item {
  padding: 28px 112px 28px 43px;
  color: #fff;
  background-size: cover;
}
.b-service__slider-item.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.b-service__slider-item-1 {
  background-image: url(/local/templates/dresscodeV2/images/features/service-slider-bg-1.png);
}
.b-service__slider-item-2 {
  background-image: url(/local/templates/dresscodeV2/images/features/service-slider-bg-2.png);
}
.b-service__slider-item-3 {
  background-image: url(/local/templates/dresscodeV2/images/features/service-slider-bg-3.png);
}
.b-service__slider-item-4 {
  background-image: url(/local/templates/dresscodeV2/images/features/service-slider-bg-4.png);
}
.b-service__slider-icon {
  width: 98px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 98px;
}
.b-service__slider-icon-1 {
  background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-1-hover.svg);
}
.b-service__slider-icon-2 {
  background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-2-hover.svg);
}
.b-service__slider-icon-3 {
  background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-3-hover.svg);
}
.b-service__slider-icon-4 {
  background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-4-hover.svg);
}
.b-service__slider-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 47px;
}
.b-service__slider-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}
.b-service__slider-title span {
  font-size: 15px;
  font-weight: 300;
  font-family: "roboto_condensedlight";
}
.b-service__slider-double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.b-service__slider-list {
  font-weight: 300;
  font-family: "roboto_condensedlight";
  padding-right: 20px;
}
.b-service__slider-list span {
  display: block;
  margin-bottom: 13px;
  font-size: 14px;
}
.b-service__slider-list ul {
  list-style-type: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  padding: 0;
  margin: 0;
  max-width: 322px;
}
.b-service__slider-list ul li {
  position: relative;
  padding-left: 19px;
  margin-bottom: 3px;
}
.b-service__slider-list ul li:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 7px;
  background-image: url(/local/templates/dresscodeV2/images/features/service-check.svg);
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  top: 7px;
}
.b-service__slider-text {
  margin-bottom: 4px;
  font-size: 14px;
}
.b-service__slider-text p {
  margin-top: 0;
}
.b-service__slider-text b {
  font-weight: bold;
}
.b-service__slider-text a:first-of-type {
  color: #fff;
}
.b-service__slider-text a:last-child {
  color: #ed1c24;
}
@media all and (max-width: 1350px) {
  .b-service-block__header {
    margin-bottom: 20px;
  }
  .b-service-block__text {
    font-size: 14px;
  }
}
@media all and (max-width: 1024px) {
  .b-service {
    padding: 0 20px;
    margin-top: 25px;
  }
  .b-service-list {
    padding: 0;
  }
  .b-service__slider-outer {
    display: none;
  }
  .b-service-block {
    cursor: pointer;
    height: 100%;
    width: 100%;
    outline: none;
    position: relative;
    padding: 22px 26px;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease !important;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 !important;
  }
  .b-service-block:hover {
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .b-service-block:hover .b-service-block__header {
      color: #000;
 }
  .b-service-block:hover .b-service-block__text {
      color: #000;
 }
  .b-service-block:hover .b-service-icon-1 {
      background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-1.svg);
 }
  .b-service-block:hover .b-service-icon-2 {
      background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-2.png);
 }
  .b-service-block:hover .b-service-icon-3 {
      background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-3.svg);
 }
  .b-service-block:hover .b-service-icon-4 {
      background-image: url(/local/templates/dresscodeV2/images/features/b-service-icon-4.svg);
 }
  .b-service-block.swiper-slide {
      width: 100%;
 }
  .b-service-block__header {
      font-weight: bold;
      max-width: 200px;
 }
  .b-service-block-1:hover {
      background-image: url(/local/templates/dresscodeV2/images/features/service-1-start.png);
 }
  .b-service-block-2:hover {
      background-image: url(/local/templates/dresscodeV2/images/features/service-2-start.png);
 }
  .b-service-block-3:hover {
      background-image: url(/local/templates/dresscodeV2/images/features/service-3-start.png);
 }
  .b-service-block-4:hover {
      background-image: url(/local/templates/dresscodeV2/images/features/service-4-start.png);
 }
  .b-service .swiper-pagination {
      position: absolute;
      left: 50% !important;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 5px !important;
 }
  .b-service .swiper-pagination-bullet {
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease !important;
      width: 4px;
      height: 4px;
 }
  .b-service .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #ED1C24;
      -webkit-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
 }
}

/* features */
.product-page__features {
  padding: 25px 32px 0;
  border-top: 1px solid #E9EAEC;
  margin-bottom: 15px;
  box-sizing: border-box;
}
.product-page__features * {
  box-sizing: border-box;
}
.product-page__features-list {
  display: flex;
  justify-content: space-between;
  margin: 0 -9px;
}
.product-page__features-item {
  position: relative;
  width: calc(25% - 18px);
  text-align: left;
  padding: 16px 4px 16px 12px;
  font-size: 14px;
  color: #605f6b;
  background-color: #fff;
  box-shadow: 0px 6px 25px -5px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
.product-page__features-top {
  display: flex;
  align-items: center;
  min-height: 44px;
  max-height: 44px;
  margin-bottom: 5px;
  padding-right: 10px;
}
.product-page__features-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 32px;
  margin-right: 9px;
  background-repeat: no-repeat;
}
.product-page__features-item:nth-child(1) .product-page__features-icon {
  background-size: 40px 30px;
}
.product-page__features-item:nth-child(2) .product-page__features-icon {
  background-size: 36px 26px;
  width: 36px;
  margin-right: 10px;
  margin-top: 4px;
}
.product-page__features-item:nth-child(3) .product-page__features-icon {
  background-size: 32px;
  width: 32px;
  margin-right: 11px;
  transform: translateY(4px);
}
.product-page__features-item:nth-child(4) .product-page__features-icon {
  background-size: 31px;
  width: 31px;
  margin-right: 17px;
}
.product-page__features-item b {
  flex: 1;
  font-size: 15px;
  line-height: 1.3em;
  color: #000;
}
.product-page__features-text {
  font-size: 13px;
  font-family: 'roboto_condensedlight';
  color: #666;
  padding-left: 46px;
}
.product-page__features-link{
  cursor:pointer;
  color: #ed1c24;
  font-weight: bold;
}
.youtube {
  width: 100%;
  height: 350px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: all 200ms ease-out;
  cursor: pointer;
}
.youtube .play {
  background: url('/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/youtube-play-btn.png') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
  background-position: 0 -50px;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
  height: 50px;
  width: 69px;
  transition: none;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}
.youtube:hover .play {
  background-position: 0 0;
}
.product__price-shield {
  border-radius: 100px;
  background: #DEDEDE;
  color: #000;
  font-size: 15px;
  font-weight: 300;
  line-height: normal;
  padding: 5px 15px;
  display: inline-flex;
  font-family: "roboto_condensedlight", serif;
}
.catalogElement__shield-container {
  margin-left: 25px;
}
@media screen and (max-width: 1800px) {
  .product-page__features-item {
    padding-right: 12px;
  }
  .product-page__features-text {
    padding-left: 0;
  }
  .product-page__features-item b {
    font-size: 14px;
  }
  .product-page__features-item:nth-child(4) .product-page__features-icon {
    margin-right: 11px;
  }
}
@media screen and (max-width: 1600px) {
  .product-page__features-list {
    margin: 0 -5px;
  }
  .product-page__features-item {
    width: calc(25% - 10px);
    margin: 0 5px;
  }
  .product-page__features {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1520px) {
  .product-info a.nav-left-banner,
  .product-info .banner-advice__list {
    display: inline-flex;
  }
}
@media all and (max-width: 1280px) {
  .product-page__features-list {
    flex-wrap: wrap;
  }
  .product-page__features-item {
    width: calc(50% - 10px);
    margin-bottom: 10px;
  }
  .product-page__features-top {
    align-items: center;
  }
}
@media all and (max-width: 1000px) {
  .catalogElement__shield-container {
    margin-left: 0;
    margin-top: 24px;
  }
}


@media all and (max-width: 600px) {
  .product-page__features {
    display: none;
  }
}

#elementContainer h2.heading, #catalogReviews .heading {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 24px !important;
  padding-bottom: 26px !important;
}

.price__block.over__million {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}

.over__million .pi__price-old {
  order: 1;
  flex: 0 0 100%;
}

@media (max-width: 1520px) {
  .pi__price {
    font-size: 26px;
  }
}

#elementTools {
  padding-right: 17px;
  padding-top: 21px;
}

.pi__block-one {
  border: 1px solid rgba(243, 243, 243, 1);
  border-radius: 25px;
  background: rgba(243, 243, 243, 1);
  padding: 15px;
}

.pi__block-two {
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: 25px;
  background: rgba(252, 252, 252, 1);
  padding: 15px;
  margin-top: 12px;
}

.pi__block-toorder {
  border-color: #2DAF31;
  background-color: #fff;
  background: url(/local/templates/dresscodeV2/images/to-order-bg.png) no-repeat right bottom;
}

.pi__block-toorder .product-info {
  background: none !important;
}

.pi__block-toorder .pi__btn {
  background-color: #2DAF31;
  border-color: #2DAF31;
  color: #fff;
  margin-top: 30px;
  max-width: 200px;
}

.pi__block-toorder .pi__btn:hover {
  background-color: #2DAF31 !important;
  background: #2DAF31 !important;
  border-color: #2DAF31;
  color: #fff;
  opacity: 0.8;
}

.pi__block-toorder .pi__btn span:before,
.pi__block-toorder .pi__btn:hover span:before {
  background-image: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/images/btn-buy-order-white.svg);
}

.product-detail__delivery-info-title-container {
  color: #333;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 10px;
  font-family: robotobold, arial, sans-serif;
  letter-spacing: 0;
}

.pi__block-toorder .product-detail__delivery-info-icon-container {
  top: 3px;
  width: 22px;
  left: -5px;
}

.pi__block-toorder .product-detail__delivery-info-row:not(.product-detail__delivery-info-row--with-value) .product-detail__delivery-info-text {
  color: #333;
}
.pi__block-toorder .product-detail__delivery-info-row {
  margin-bottom: 0;
}

.pi__block-three {
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: 25px;
  background: rgba(255, 255, 255, 1);
  padding: 15px 15px 1px;
  margin-top: 12px;
}

.pi__block-four {
  margin-top: 12px;
}

.pi__buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}

.pi__buttons .pi__to-cart {
  margin-bottom: 0;
  width: calc(50% - 4px);
  height: 47px;
  font-size: 14px;
  border: 1px solid #ed1c24;
}

.pi__buttons .pi__btn-buy {
  margin: 0;
  width: calc(50% - 4px);
  height: 47px;
  font-size: 14px;
}

.pi__block-two .product-detail__delivery-info-row--with-value .product-detail__delivery-info-text-inner {
  background: rgba(252, 252, 252, 1);
}

.pi__block-two .product-detail__delivery-info-value {
  background: rgba(252, 252, 252, 1);
}

.pi__block-two .pi__btn.pi__btn-delivery {
  margin-bottom: 0;
}

.pi__block-two .product-detail__delivery-info {
  margin-top: 0;
  max-width: unset;
}

.pi__block-two .product-info,
.pi__block-three .product-info {
  padding-bottom: 0;
}

.pi__controls-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pi__block-four .pi__error {
  margin-top: 0;
}

.pi__block-four .pi__controls-item {
  margin-right: 3px;
}

.pi__block-four .pi__controls-item a:not(:hover) {
  background-color: #F3F3F3;
}

.pi__block-four .pi__controls-circle {
  width: 40px;
  height: 40px;
}

.pi__block-four .pi__controls-list {
  margin-right: 15px;
}
.pi__block-one .price__block {
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}
.pi__block-one .pi__price {
  display: flex;
  align-items: baseline;  
  line-height: 1;
  margin: 0 7px 0 0;
}
.pi__block-one .pi__price-old {
  display: flex;
  align-items: baseline;  
  line-height: 1;
  margin: 0 7px 0 0;
}
.pi__block-one .pi__price span {
  line-height: 1;
  font-size: 18px;
  margin-left: 4px;
}
.pi__block-one .pi__price-old span {
  line-height: 1;
  font-size: 10px;
  padding-left: 2px;
}
.pi__block-one .pi__to-cart span:after {
  right: -30px !important;
}
.pi__block-one .product__price-shield {
  align-self: center;
  line-height: 1;
}

@media (min-width: 1921px) {
  #for_zip, #zip, #related, #is-an-accessory-for {
    padding-right: 24px;
  }
}

.pi__block-one .addCart.added{
  background: #2b2b2b;
  border-color: #2b2b2b;
}

.pi__block-one .addCart.added:hover{
  background: #3b3b3b;
  border-color: #3b3b3b;
}


/* End */


/* Start:/local/components/maximaster/element.list/templates/banners-in-product-detail/style.css?17482538191438*/
div.banner-advice__list {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    position: relative;
}

a.banner-advice {
    display: flex !important;
    text-align: left;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 8px 12px 8px 23px;
    text-decoration: none;
    transition: all .3s ease;
    border-radius: 15px;
    border: 2px solid #B5E388;
    /*background: linear-gradient(180deg, rgba(62, 146, 43, 0) 0%, rgba(227, 255, 220, 0.70) 100%);*/
    background: linear-gradient(0deg, rgba(62, 146, 43, 0.24) 0%, rgba(227, 255, 221, 0.70) 100%);
    box-shadow: 0 12px 22px 0 rgba(159, 255, 83, 0.25);
    margin-right: 24px;
    margin-bottom: 24px;
    width: 275px;
    height: 110px;
}

a.banner-advice:hover {
    box-shadow: none;
    background: linear-gradient(180deg, rgba(62, 146, 43, 0.24) 0%, rgba(227, 255, 221, 0.70) 100%);
}
img.banner-advice__icon {
    padding: 0 !important;
    opacity: 1 !important;
}

.banner-advice__title {
    font-weight: 700;
    line-height: 120%;
    color: #246626;
    font-family: "robotobold", sans-serif;
    font-size: 16px;
}
.banner-advice__container {
    display: flex;
    flex-direction: column;
    max-width: 424px;
    padding: 0 12px;
    margin: 0 auto;
}

.banner-advice__container a.banner-advice {
    width: 100%;
    max-width: 400px;
    margin: 0 0 24px 0;
}
/* End */


/* Start:/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/css/review.css?174825381811384*/
#catalogReviews{
	overflow: hidden;
	margin-top: 24px;
}

#catalogReviews .heading{
	border-top: 1px solid #e7e8ea;
	font-family: 'robotobold';
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0 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/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/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/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/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-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;
	margin-top: 25px;
}

#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: 0;
	z-index: 10;
	top: -3px;
}

#catalogElement #newReview .rating i {
	background: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/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/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/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;
	display: flex;
	gap: 24px;
}

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

#catalogElement #newReview .usedSelect li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-decoration: none;
	color: #424242;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#catalogElement #newReview .usedSelect li a span {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	border-color: rgba(102, 102, 102, .2);
	border-width: 8px;
	background-color: #fff;
	display: block;
	box-sizing: border-box;
	flex-shrink: 0;
  	border-style: solid;
	margin-right: 10px;
	position: relative;
}

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

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

#catalogElement #newReview .usedSelect li a.selected {
	background: none !important;
}

#catalogElement #newReview .usedSelect li a.selected span {
	border-color: rgba(237, 28, 36, .4);
}

#catalogElement #newReview .usedSelect li a.selected span:after {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	left: 50%;
	top: 50%;
	margin-left: -7.5px;
	margin-top: -7.5px;
	background-color: #ED1C24;
	border-radius: 50%;
  }

#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%;
	border-radius: 5px;
}

#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: 100%;
	border-radius: 5px;
}

#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: 137px;
	border-radius: 5px;
}

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

/* Отзывы новые */
.card-reviews__add {
	background-color: #F3F3F3;
	padding: 33px;
	font-size: 15px;
	margin: 0 25px;
  }
  .card-reviews__add-title {
	font-weight: 700;
	margin-bottom: 8px;
  }
  .card-reviews__add-text {
	margin-bottom: 25px;
  }
  .card-reviews__add-button {
	background-color: #ED1C24;
	border: none;
	width: 218px;
	height: 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	color: #fff;
	font-size: 16px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer;
	border-radius: 5px;
  }
  .card-reviews__add-button:hover {
	background-color: #da1c22;
  }

  .card-reviews__new-line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }
  .card-reviews__new-left {
	width: 34%;
	padding-right: 26px;
  }
  .card-reviews__new-right {
	width: 66%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 0 26px;
  }
  .card-reviews__new-rating {
	width: 150px;
	height: 22px;
	position: relative;
  }
  .card-reviews__new-title {
	font-weight: 500;
	font-size: 15px;
	color: #424242;
	margin-bottom: 12px;
  }
  .card-reviews__new-block {
	margin-bottom: 25px;
  }
  .card-reviews__new-block label, .card-reviews__new-title {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 12px;
	display: block;
	font-family: "roboto_condensed_regular", sans-serif;
  }
  .card-reviews__new-submit {
	display: flex;
	position: relative;
  }
  .card-reviews__new-submit input {
	width: 100%;
	padding-right: 140px;
  }
  .card-reviews__new-submit .submit {
	position: absolute;
	width: 137px;
	height: 44px;
	top: 0;
	right: 0;
  }

/* End */


/* Start:/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/css/media.css?17603625556898*/
@media all and (min-width: 2560px) {
  #elementTools .fixContainer {
    max-width: 415px;
  }
  #elementNavigation.fixed .tabs {
    width: 483px;
  }
}

@media all and (min-width: 1921px) {
  #tableContainer .column:nth-child(2) {
    width: 1124px;
  }
}

@media all and (max-width: 1920px) {
  #catalogElement .product {
    height: 400px !important;
    width: 25% !important;
    flex: 1 0 calc(25% - 10px);
    max-width: calc(25% - 10px);
  }

  #catalogElement .product:nth-child(4n + 4) {
    border-right: 0px !important;
  }
  #elementTools.fixed .fixContainer {
    max-width: 383px;
  }
}

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

  #elementNavigation {
    width: 280px;
  }
  #elementTools {
    width: 390px;
  }

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

  #files .item .icon {
    width: 22%;
  }
  #elementTools.fixed .fixContainer {
    max-width: 373px;
  }
}

@media all and (max-width: 1600px) {
  #catalogElement .product {
    width: 33.333333% !important;
  }


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

@media all and (max-width: 1520px) {
  #elementTools {
    width: 320px;
  }

  #tableContainer #elementNavigation {
    display: none;
  }

  #elementSmallNavigation {
    display: block;
  }

  #files .item .icon {
    width: 14%;
  }
  .product-info .nav-left-banner {
    display: block;
  }
  .pi__block-one .pi__buttons {
    flex-wrap: wrap;
  }
  .pi__block-one .pi__buttons .pi__to-cart,
  .pi__block-one .pi__buttons .pi__btn-buy {
    width: 100% !important;
  }
  .pi__block-one .pi__buttons .pi__to-cart {
    margin-bottom: 9px;
    margin-right: 0;
  }

  #elementTools.fixed .fixContainer {
    max-width: 303px;
  }

}

@media all and (max-width: 1340px) {
  #elementSmallNavigation .tab:first-child {
    padding-left: 0px;
    border-left: 0px;
    margin-left: 0px;
  }

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

@media all and (max-width: 1280px) {
  #elementTools .addCart {
    line-height: 55px;
    width: 190px;
    height: 55px;
  }

  #files .item .icon {
    width: 18%;
  }
  #elementTools .pi__btn {
    width: 100%;
  }
  #elementTools .pi__to-cart span::after {
    right: -42px;
    bottom: -14px;
  }
}

@media all and (max-width: 1100px) {
  #tableContainer #elementTools {
    display: none !important;
  }

  #smallElementTools {
    overflow: hidden;
    display: block;
  }

  #elementContainer .elementProperties {
    display: none;
  }

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

@media all and (max-width: 1023px) {
  #files .item {
    width: 50%;
  }

  #files .item .icon {
    width: 14%;
  }
  #catalogElement .product {
    height: 352px !important;
  }
}

@media all and (max-width: 1000px) {
  .pictureSlider {
    margin-top: 24px;
  }

  #smallElementTools {
    border-top: 1px solid #e7e8ea;
    margin-top: 24px;
  }

  #smallElementTools .mainTool,
  #smallElementTools .secondTool {
    margin-top: 24px;
  }

  #smallElementTools .mainTool {
    width: 40%;
  }

  #smallElementTools .secondTool {
    margin-top: 24px;
    width: 60%;
  }

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

  #smallElementTools .row {
    margin-bottom: 12px;
    float: left;
    width: 50%;
  }

  #complect .heading {
    border: none;
  }
}

@media all and (max-width: 800px) {
  #catalogElement .product {
    width: calc(50% - 5px) !important;
  }


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

  #reviews .reviewTable {
    display: block;
  }

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

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

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

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

  #zoomerMoreImagesContainer {
    display: none !important;
  }

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

  #imageContainerSlider {
    height: 100% !important;
  }

  #complect .complectListItem {
    width: 50%;
  }

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

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

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

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

@media all and (max-width: 700px) {
  #catalogElement .product {
    height: 226px !important;
  }

  #smallElementTools .mainTool {
    width: 60%;
  }

  #smallElementTools .secondTool {
    margin-top: 30px;
    width: 40%;
  }

  #smallElementTools .row {
    float: unset;
    width: 100%;
  }

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

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

  #stores th.name,
  #stores td.name {
    width: auto !important;
  }

  #storeMap {
    display: none;
  }

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

  .reviewAddButton {
    border-radius: 5px;
  }

  .card-reviews__add {
    margin: 0 23px;
  }

  .card-reviews__add-text {
    font-size: 16px;
  }

  .card-reviews__new-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  #catalogElement #newReview .heading {
    margin-bottom: 0;
  }

  #catalogElement #newReview .usedSelect {
    flex-wrap: wrap;
  }

  .card-reviews__new-left, .card-reviews__new-right {
    width: 100%;
  }

  #catalogElement #newReview .usedSelect li {
    margin-right: 0;
  }
}

@media all and (max-width: 680px) {
  .secondTool .addCompare,
  .secondTool .fastBack {
    display: none;
  }

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

@media all and (max-width: 620px) {
  #elementSmallNavigation {
    display: none;
  }
}

@media all and (max-width: 550px) {
  #smallElementTools .mainTool,
  #smallElementTools .secondTool {
    float: unset;
    width: 100%;
  }

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

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

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

  #elementProperties .stats .name {
    min-width: 230px;
    width: 60%;
  }

  #catalogReviews .ratingContainer {
    float: none;
    margin-top: 10px;
  }
}
@media all and (max-width: 480px) {
  #catalogElement .product {
    width: 100% !important;
  }


  #complect .complectListItem {
    width: 100%;
  }
}

/* End */


/* Start:/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/css/set.css?174825381810170*/
#set{
	padding-bottom: 24px;
	box-sizing: border-box;
	/*margin-top: 24px;*/
}

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

#set .setList .heading2{
	margin-bottom: 12px;
	font-size: 14px;
	display: block;
}

#set .setList {
	overflow: hidden;
}

#set .setTools {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #ffffff;
	border: 1px solid #e6e6e6;
	line-height: 60px;
	list-style: none;
	overflow: hidden;
	padding: 0 0 0 24px;
	height: 60px;
	margin: 12px 24px 0 24px;
}

#set .setTools li{
	float: left;
}

#set .setTools .rt{
	float: right;
}

#set .setTools .heading2{
	margin-right: 24px;
	font-size: 14px;
}

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

#set .setTools .price #setDisnt{
	font-family: 'roboto_ltregular';
	display: inline-block;
	padding-left: 12px;
	font-size: 14px;
	color: #888888;
}

#setDisnt.hidden,
#setWDisnt.hidden{
	visibility: hidden;
}

#set .setTools .addCart{
	-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: 60px;
	color: #ffffff;
	height: 60px;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 250px;
	text-decoration: none;
}

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

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

#set .setTools .addSet{
	font-family: 'roboto_condensedlight';
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background: #f8f8f8;
	line-height: 60px;
	color: #000000;
	height: 60px;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 250px;
	text-decoration: none;
	border-left: 1px solid #e6e6e6;
}

#set .setTools .addSet:hover{
	background: #f6f6f6;
}

#set .disabled .wrap{
	transform: scale(0.9);	
	opacity: 0.5;
}

#set .setElement{
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*border-left: 1px solid #e7e8ea;*/
	position: relative;
	padding: 0 24px;
	float: left;
	width: 25%;
}

#set .setElement .wrap{
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#set .setElement:first-child{
	border: 0;
}

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

}

#set .setElement:last-child:after{
	/*	right: 4px;
		content: "=";*/
		display: none;	
}

#set .setElement .picture{
	-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: 250px;
	text-align: center;
	margin-top: 12px;
	display: block;
	height: 250px;
	/*opacity: 0.8;*/
}

#set .setElement:hover .picture,
#set .setElement.general .picture{
	opacity: 1;
}

#set .setElement.disabled .picture{
	opacity: 0.8;
} 

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

#set .setElement .name{

	-webkit-transition: 0.2s all ease-in-out;
	-o-transition: 0.2s all ease-in-out;
	transition: 0.2s all ease-in-out;
	margin-top: 12px;
	font-size: 13px;
	color: #000000;
	display: block;
	text-decoration: none;
	margin-bottom: 12px;
	height: 44px;
	line-height: 44px;
	overflow: hidden;

}

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

#set .setElement .price{
	font-family: 'robotobold';
	text-decoration: none;
	margin-bottom: 12px;
	position: relative;
	font-size: 16px;
	display: block;
	color: #000000;
}

#set .setElement .price .discount{
	font-family: 'roboto_ltregular';
	display: inline-block;
	padding-left: 8px;
	font-size: 14px;
	color: #888888;
}


#set .sCheck,
#set .sWindowCheck{
	background: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/css/../images/sCheck.png) 0 0 no-repeat transparent;
	position: absolute;
	cursor: pointer;
	display: block;
	height: 30px;
	z-index: 99;
	width: 30px;
	right: 0px;
	top: 12px;
}

#set .sCheck{
	right: 24px;
}

#set .sCheck:hover,
#set .sWindowCheck:hover{
	background-position: -30px 0;
}

#set .sCheck:active,
#set .sWindowCheck:active{
	background-position: -60px 0;
}

#set .sCheck.disabled,
#set .sWindowCheck.disabled{
	background-position: -90px 0;
}

#set .sCheck.disabled:hover,
#set .sWindowCheck.disabled:hover{
	background-position: -120px 0;
}

#set .sCheck.disabled:active,
#set .sWindowCheck.disabled:active{
	background-position: -150px 0;
}


#setWindow{
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	display: none;
	height: 100%;
	width: 100%;
	z-index: 999;
	left: 0px;
	top: 0px;
}

#setWindow .container{
	transform: translateX(-50%) translateY(-50%);
	background-color: #ffffff;
	position: relative;
	max-height: 440px;
	overflow: hidden;
	width: 900px;
	left: 50%;
	top: 50%;
}

#setWindow .container .wp{
	overflow: hidden;
}

#setWindow #setWindowTable{
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
}

#setWindow #setWindowTable td{
	padding: 0;
}

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

#setWindow .container .wElement{
	width: 240px;
}

#setWindow .setElement .picture{
	height: 140px;
	line-height: 140px;
}

#setWindow #wProduct{
	border-right: 1px solid #e7e8ea;
	width: 100%;
}

#setWindow #wProduct .picture{
	opacity: 1
}

#setWindow .fr{
	display: inline-block;
	padding-top: 12px;
	font-size: 13px;
}

#setWindow .setElement:last-child:after{
	display: none;
}

#setWindow .close{
	background: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/css/../images/exit.png) 0 0 no-repeat transparent;
	position: absolute;
	display: block;
	height: 21px;
	width: 21px;
    right: 20px;
    top: 20px;
}

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

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

#setWindowPrice{
	background-color: #424242;
	position: relative;
	text-align: center;
	line-height: 60px;
	overflow: hidden;
	font-size: 18px;
	color: #ffffff;
	height: 60px;
}

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

#setWindowPrice li{
	float: left;
}

#setWindowPrice li:last-child{
	text-align: right;
	color: #ffffff;
	float: right;
}

#setWindowPrice li .heading4{
	margin-right: 12px;
	padding-left: 12px;
	font-size: 14px;
}

#setWindowPrice .discount{
    font-family: 'roboto_ltregular';
    display: inline-block;
    margin-left: 12px;
    padding-left: 8px;
    font-size: 14px;
    color: #888888;
}

#setWindowPrice .addCart{
	font-family: 'roboto_condensedlight';
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	min-width: 152px;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	line-height: 60px;
	padding: 0 24px;
	font-size: 16px;
	color: #ffffff;
	height: 60px;
}

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

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

#setWindowPrice .closeWindow{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-left: 1px solid #4c4c4c;
	text-decoration: none;
	font-size: 14px;
	padding: 0 24px;
	color: #ffffff;
	float: left;
}

#setWindowPrice .closeWindow:hover{
	background-color: #262626;
}

#setWindowPrice .closeWindow img{
	vertical-align: middle;
	margin-right: 12px;
}

#setWindow .container .slideBox,
#setCarousel{
	position: relative;
	border: 0;
}

#setWindow .setBtnLeft,
#setWindow .setBtnRight{
	background: url(/local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/css/../images/slideArrowSmall.png) 0 0 no-repeat transparent;
	transform: translateY(-50%);
	position: absolute;
	height: 70px;
	width: 35px;
	z-index: 22;
	top: 50%;
}

#setWindow .setBtnLeft{
	left: 0;
}

#setWindow .setBtnRight{
	right: 0;
}

#setWindow .setBtnLeft:hover{
	background-position: -35px 0;
}

#setWindow .setBtnLeft:active{
	background-position: -70px 0;
}

#setWindow .setBtnRight{
	background-position: 0 -70px;
}

#setWindow .setBtnRight:hover{
	background-position: -35px -70px;
}

#setWindow .setBtnRight:active{
	background-position: -70px -70px;
}

@media all and (max-width: 900px) {
	#set .setTools .addSet{
		display: none;
	}
}

@media all and (max-width: 800px) {
	#set .setElement{
		border-bottom: 1px solid #e7e8ea !important;
		border-right: 1px solid #e7e8ea !important;
		width: 50%;
	}

	#set .setElement:nth-child(-n+2){
		border-top: 1px solid #e7e8ea !important;
	}

	#set .setElement:nth-child(2n+2){
		border-right: 0px !important;
	}

	#set .setElement:after{
		display: none;
	}
	
	#set .setTools .heading2{
		display: none;
	}

	#set .setTools .addCart{
		width: 200px;
	}

	#set .setElement{
  	 	overflow: hidden;
	    height: 380px;
  	}

}

@media all and (max-width: 550px) {
	#set .setTools{
		overflow: hidden;
		padding: 0 24px;
		height: auto;
		margin: 0 0;
		border: 0;
	}

	#set .setTools li{
		float: unset;
	}

	#set .setTools .rt{
		text-align: left;
		display: block;
		float: unset;
		clear: both;
	}

	#set .setTools .addCart{
		clear: both;
	}

	#set .setTools li{
		line-height: 21px;
		margin-top: 24px;
	}

	#set .setTools li:last-child{
		display: none;
	}

	#set .setTools .heading2{
		display: block !important;
		font-size: 16px;
	}

}

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

	#set .setElement{
		border-bottom: 1px solid #e7e8ea !important;
		border-right: 1px solid #e7e8ea !important;
		width: 100%;
	}

	#set .setElement:nth-child(-n+2){
		border-top: 0 !important;
	}

	#set .setElement:nth-child(1n+1){
		border-right: 0px !important;
	}

	#set .setElement:first-child{
		border-top: 1px solid #e7e8ea !important;
	}

}
/* End */
/* /local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/style.css?1772656787103241 */
/* /local/components/maximaster/element.list/templates/banners-in-product-detail/style.css?17482538191438 */
/* /local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/css/review.css?174825381811384 */
/* /local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/css/media.css?17603625556898 */
/* /local/templates/dresscodeV2/components/dresscode/catalog/.default/bitrix/catalog.element/.default/css/set.css?174825381810170 */