/* Start:/bitrix/templates/dresscode/components/bitrix/catalog/.default/style.css?153001519738*/ #middleSlider{ margin-bottom: 24px; } /* End */ /* Start:/bitrix/components/dresscode/catalog.item/templates/detail/style.css?178336790557630*/ #left{ position: relative; } #left .collapsed{ position: absolute; width: 100%; z-index: 99; } .changeName + br{ display: none; } .cheaper-product-name{ visibility: hidden; } .videoFrame{ border: 0; } #catalogElement{ border-top: 1px solid #e7e8ea; } #catalogElement .getStoresWindow{ text-decoration: none; } #elementSmallNavigation{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #e7e8ea; background-color: #f9f9f9; line-height: 50px; overflow: hidden; padding: 0 24px; display: none; height: 50px; } #elementSmallNavigation .tab{ padding-right: 18px; margin-left: 18px; float: left; } #elementSmallNavigation .tab:first-child{ border-left: 1px solid #e7e8ea; padding-left: 18px; margin-left: 0px; } #elementSmallNavigation a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; text-decoration: none; text-align: center; position: relative; font-size: 13px; color: #000000; display: block; } #elementSmallNavigation a:hover{ color: #888888; } #elementSmallNavigation a:active{ position: relative; top: 1px; } #elementSmallNavigation a img{ vertical-align: middle; padding-right: 12px; } #tableContainer{ border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #tableContainer .column{ display: table-cell; } #tableContainer .column:nth-child(2){ vertical-align: middle; padding-bottom: 24px; } #elementNavigation{ background-color: #f3f3f3; position: relative; padding-left: 24px; text-align: right; width: 355px; } #elementNavigation.fixed .tabs{ position: fixed; width: 355px; top: 0; } #elementNavigation .tabs.maxScroll{ position: absolute; bottom: 0px; right: 0px; top: unset; } #elementNavigation .tabs a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; display: inline-block; padding: 16px 24px; font-size: 13px; color: #000000; } #elementNavigation .tabs .tab{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0; } #elementNavigation .tabs .tab.disabled, #elementSmallNavigation .tabs .tab.disabled{ display: none; } #elementNavigation .tabs .tab.active a{ -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-color: #ffffff; } #elementNavigation .tabs img{ -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; vertical-align: middle; padding-left: 24px; opacity: 0.8; } #elementNavigation .tabs a:hover{ color: #888888; } #elementNavigation .tabs a:hover img{ opacity: 1; } #smallElementTools{ padding: 0 24px; display: none; } #smallElementTools .fastBack{ display: inline-block; width: 220px; height: 45px; margin-bottom: 12px; line-height: 45px; text-align: center; background: #fff; border-radius: 2px; } #smallElementTools .smallSpecialTime{ display: none; } .smallElementToolsContainer{ padding: 24px 24px 12px 24px; margin-bottom: 18px; border: 1px solid #e7e8ea; } #elementTools .priceContainer{ display: inline-block; } #smallElementTools .priceContainer{ display: inline-block; vertical-align: middle; /*padding-right: 18px;*/ /*пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅ, пїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅ "пїЅпїЅ"*/ } #elementContainer #smallElementTools .purchaseBonus{ display: block; vertical-align: middle; margin-left: 0; margin-right: 0; margin-bottom: 0; margin-top: 12px; } #smallElementTools .columnRowWrap{ font-size: 0; } #smallElementTools .columnRow{ display: inline-block; vertical-align: middle; width: 50%; box-sizing: border-box; padding-right: 6px; } #smallElementTools .columnRow:last-child{ padding: 0 0 0 6px; } #smallElementTools .columnRow .fastBack{ height: 60px; line-height: 60px; box-sizing: border-box; border-radius: 4px; border: 1px solid #d8d8d8; } #smallElementTools .columnRow .addCart{ margin-top: 0; } #smallElementTools .columnRow .addCart{ width: 100%; margin-bottom: 6px; } #smallElementTools .columnRow .fastBack{ width: 100%; margin-bottom: 6px; } #smallElementTools .secondTool .row{ display: inline-block; vertical-align: middle; margin-right: 24px; } #smallElementTools .smallElementToolsContainer .secondTool .row:last-child{ margin-right: 0; margin-bottom: 12px; } #elementTools{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f3f3f3; padding: 24px 24px 0 24px; position: relative; width: 400px; z-index: 1; } #elementTools.fixed .fixContainer{ background-color: #f3f3f3; margin-top: 12px; position: fixed; width: 400px; z-index: 33; top: 0; } #elementTools .fixContainer.maxScroll{ padding-bottom: 12px; position: absolute; bottom: 0px; top: unset; left: 24px; } #elementTools .picture{ display: none; } #elementTools .picture img{ max-width: 280px; } #elementTools.fixed .fixContainer .picture{ display: block; } #elementTools .row, #smallElementTools .row{ margin-bottom: 12px; } #catalogElement .qtyBlock{ margin-bottom: 12px; } #catalogElement .qtyBlock .qty { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: inline-block; text-align: center; font-size: 12px; margin: 0 2px; height: 19px; width: 40px; padding: 0 2px; border: 0; } #catalogElement .qtyBlock .qty { background-color: #e7e8ea; color: #000000; } #catalogElement .qtyBlock .qty.error{ border: 1px solid #ff0000; } #catalogElement .qtyBlock .plus, #catalogElement .qtyBlock .minus { vertical-align: middle; display: inline-block; height: 19px; width: 19px; } #catalogElement .qtyBlock .plus, #catalogElement .qtyBlock .minus{ background: url(/bitrix/components/dresscode/catalog.item/templates/detail/images/plusMinusElement.png) 0 0 no-repeat #424242; } #catalogElement .qtyBlock .plus{ background-position: 0 -19px; } #catalogElement .qtyBlock .plus:hover{ background-position: -19px -19px; } #catalogElement .qtyBlock .plus:active{ background-position: -38px -19px; } #catalogElement .qtyBlock .minus:hover{ background-position: -19px 0x; } #catalogElement .qtyBlock .minus:active{ background-position: -38px 0px; } #catalogElement .qtyBlock label { padding-right: 12px; } #elementTools .secondTool .row:last-child{ margin-bottom: 0px; } #elementTools .row img, #smallElementTools .row img{ vertical-align: middle; padding-right: 6px; margin-top: -4px; } #elementTools .requestPrice{ cursor: pointer; } #elementTools .label, #smallElementTools .label{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'roboto_condensedlight'; text-decoration: none; line-height: 21px; font-size: 15px; color: #717171; } #smallElementTools .label{ vertical-align: middle; display: inline-block; } #smallElementTools .qtyBlock img{ margin-top: 0px; } #elementTools .label:hover, #smallElementTools .label:hover{ color: #000000; } #elementTools .label:active, #smallElementTools .label:active{ position: relative; top: 1px; } #elementTools .article, #smallElementTools .article{ margin-bottom: 12px; font-size: 14px; color: #888888; } #elementTools .price, #smallElementTools .price{ font-family: 'robotobold'; text-decoration: none; margin-bottom: 12px; position: relative; font-size: 21px; display: block; color: #000000; } #elementTools .price .discount, #smallElementTools .price .discount{ color: #f03e17; } #elementTools .price .oldPriceLabel, #smallElementTools .price .oldPriceLabel{ font-family: 'roboto_condensedlight'; text-decoration: none; margin-bottom: 6px; margin-right: 12px; font-size: 14px; display: inline-block; color: #f03e17; } #elementTools .purchaseBonus{ font-family: "roboto_condensedlight"; margin-top: 6px; font-size: 14px; color: #888888; display: block; } #elementTools .priceBlock, #smallElementTools .priceBlock{ display: block; } #elementTools .purchaseBonus span{ display: inline-block; vertical-align: top; padding-right: 6px; font-family: "roboto_cnregular"; } #smallElementTools .purchaseBonus{ margin-top: 6px; font-family: "roboto_condensedlight"; font-size: 14px; color: #888888; } #smallElementTools .purchaseBonus span{ display: inline-block; vertical-align: top; padding-right: 6px; font-family: "roboto_cnregular"; } #elementTools .oldPriceDifference{ } #elementTools .priceValue, #smallElementTools .priceValue{ border-bottom: 1px dashed #bbbbbb; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; padding-bottom: 8px; color: #000000; } #elementTools .priceValue:hover, #smallElementTools .priceValue:hover{ color: #333333; } #elementTools .priceValue:active, #smallElementTools .priceValue:active{ position: relative; top: 1px; } #elementTools .priceIcon, #smallElementTools .priceIcon{ margin-right: 12px; } #elementTools .addCart, #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; /*font-family: 'roboto_condensedlight';*/ margin-bottom: 12px; width: 220px; } #elementTools .fastBack{ display: inline-block; width: 220px; height: 45px; margin-bottom: 12px; line-height: 45px; text-align: center; background: #fff; border-radius: 2px; } #elementTools .addCart.added, #smallElementTools .addCart.added{ background: #2b2b2b; } #elementTools .addCart.added:hover, #smallElementTools .addCart.added:hover{ background: #3b3b3b; } /*#elementTools .outOfStock, #smallElementTools .outOfStock{ color: #ff0000; } #elementTools .outOfStock:hover, #smallElementTools .outOfStock:hover{ color: #ff0000; }*/ #elementTools .rating, #elementContainer .mainContainer .rating, #smallElementTools .rating{ display: inline-block; vertical-align: middle; margin-left: 6px; margin-top: -4px; position: relative; overflow: hidden; height: 15px; width: 79px; z-index: 2; } #elementTools .rating i, #elementContainer .mainContainer .rating i, #smallElementTools .rating i{ background: url(/bitrix/components/dresscode/catalog.item/templates/detail/images/rating.png) repeat 0 0px transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0px; top: 0px; } #elementTools .rating i.m, #elementContainer .mainContainer .rating i.m, #smallElementTools .rating i.m{ background: url(/bitrix/components/dresscode/catalog.item/templates/detail/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, #smallElementTools .secondTool{ } .ya-share-label{ margin-bottom: 6px; margin-top: 30px; color: #717171; } #elementContainer{ position: relative; width: 100%; } #elementContainer .mainContainer{ border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } #elementContainer .description{ margin: 12px 0; font-family: "roboto_ltregular"; } #elementContainer .description .heading{ margin-bottom: 6px; font-size: 16px; } #elementContainer .changeShortDescription{ font-size: 13px; line-height: 16px; } #elementContainer .description .readMore{ -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin: 4px 0; display: block; color: #888888; } #elementContainer .description .readMore:hover{ color: #000000; } #elementContainer .mainContainer .col{ position: relative; vertical-align: middle; display: table-cell; padding: 24px 0; width: 50%; } #elementContainer .mainContainer .secondCol{ position: static; padding-right: 24px; } #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:first-child{ display: block; } #elementContainer #pictureContainer .pictureSlider .item{ padding: 0 24px; display: none; } #elementContainer #pictureContainer .item a{ text-align: center; display: block; } #elementContainer #pictureContainer .item a img{ vertical-align: middle; max-width: 90%; } #elementContainer #moreImagesCarousel{ transition: all 0.3s ease-in-out; visibility: hidden; position: relative; padding-top: 24px; margin-top: 24px; overflow: hidden; opacity: 0; } #elementContainer #moreImagesCarousel.show{ visibility: visible; opacity: 1; } #elementContainer #moreImagesCarousel.hide{ display: none; } #elementContainer #moreImagesCarousel #moreImagesLeftButton, #elementContainer #moreImagesCarousel #moreImagesRightButton{ background: url(/bitrix/components/dresscode/catalog.item/templates/detail/images/carouselArrowSmall.png) 0 0 no-repeat transparent; position: absolute; margin-top: 3px; height: 16px; opacity: 0.5; z-index: 2; width: 14px; top: 50%; } #elementContainer #moreImagesCarousel #moreImagesLeftButton:hover, #elementContainer #moreImagesCarousel #moreImagesRightButton:hover{ opacity: 0.8; } #elementContainer #moreImagesCarousel #moreImagesLeftButton:active, #elementContainer #moreImagesCarousel #moreImagesRightButton:active{ opacity: 1; } #elementContainer #moreImagesCarousel #moreImagesLeftButton{ left: 32px; } #elementContainer #moreImagesCarousel #moreImagesRightButton{ background-position: -14px 0; right: 32px; } #elementContainer #moreImagesCarousel .carouselWrapper{ overflow: hidden; margin: auto; width: 80%; } #elementContainer #moreImagesCarousel .slideBox{ position: relative; overflow: hidden; list-style: none; height: 62px; padding: 0; margin: 0; } #elementContainer #moreImagesCarousel .slideBox .item{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; text-align: center; line-height: 50px; opacity: 0.5; height: 50px; float: left; } #elementContainer #moreImagesCarousel .slideBox .item.selected{ opacity: 1; } #elementContainer #moreImagesCarousel .slideBox .item.selected:after{ transform: translateX(-50%); border-bottom: 2px solid #000000; position: absolute; display: block; content: ""; width: 30%; left: 50%; bottom : -12px; } #elementContainer #moreImagesCarousel .slideBox .item a{ display: block; line-height: 50px; height: 50px; } #elementContainer #moreImagesCarousel .slideBox .item img{ vertical-align: middle; /*margin-top: -4px;*/ max-height: 100%; max-width: 100%; } #elementContainer .mainContainer .markerContainer{ position: absolute; z-index: 3; left: 24px; top: 24px; } #elementContainer .wishCompWrap{ position: absolute; z-index: 2; right: 30px; top: 24px; } #elementContainer .wishCompWrap .elem{ display: block; position: relative; width: 34px; height: 34px; line-height: 34px; text-align: center; margin-bottom: 8px; border: 1px solid #f1f1f1; border-radius: 2px; background: #fff; font-size: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #elementContainer .wishCompWrap .elem:before, #elementContainer .wishCompWrap .elem:after{ content: ""; position: absolute; left: 9px; top: 9px; width: 16px; height: 16px; background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/wishCompImage.png") 0 0 no-repeat; transition: all 0.2s ease-in-out; } #elementContainer .wishCompWrap .elem:after{ opacity: 0; } #elementContainer .wishCompWrap .addWishlist:before{ background-position: 0px 0px; } #elementContainer .wishCompWrap .addWishlist:after{ background-position: -16px 0px; } #elementContainer .wishCompWrap .addCompare:before{ background-position: 0px -16px; } #elementContainer .wishCompWrap .addCompare:after{ background-position: -16px -16px; } #elementContainer .wishCompWrap .elem:hover { border-color: #e7e8ea; background: #e7e8ea; } #elementContainer .wishCompWrap .elem:active { top: 1px; } #elementContainer .wishCompWrap .elem.added:before { opacity: 0; } #elementContainer .wishCompWrap .elem.added:after { opacity: 1; } #elementContainer .wishCompWrap .elem img{ display: none; display: inline-block; vertical-align: middle; } #elementContainer .marker { font: normal normal 12px "roboto_ltregular" , arial , sans-serif; background-color: #424242; margin-bottom: 8px; color: #fff; padding: 3px 4px; line-height: 16px; z-index: 2; } #elementContainer .brandImageWrap{ display: block; } #elementContainer .brandImageWrap .tb{ width: auto; } #elementContainer .brandImage{ vertical-align: middle; display: inline-block; margin-bottom: 24px; margin-right: 66px; } #elementContainer .bindAction{ vertical-align: middle; display: inline-block; margin-bottom: 24px; line-height: 18px; font-size: 13px; } /*#elementContainer .tb{ width: auto; }*/ #elementContainer .bindActionImage{ width: 38px; } #elementContainer .bindActionImage .image{ display: block; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; background-size: contain; } #elementContainer .bindAction a { position: relative; font-size: 13px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #elementContainer .bindAction a:active { position: relative; top: 1px; } .newReviewTable{ font-size: 0; } .newReviewTable .left{ display: inline-block; width: 50%; vertical-align: top; font-size: 14px; padding-right: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; } .newReviewTable .right{ display: inline-block; width: 50%; vertical-align: top; font-size: 14px; } .reviewsBtnWrap{ padding-bottom: 6px; border-bottom: 1px solid #e8e8e8; } .reviewsBtnWrap .row{ display: inline-block; vertical-align: top; margin: 0 36px 12px 0; font-family: 'roboto_ltregular'; font-size: 13px; } .reviewsBtnWrap .row:last-child{ margin-right: 0; } .reviewsBtnWrap .row img{ vertical-align: middle; padding-right: 6px; margin-top: -4px; } .reviewsBtnWrap .label{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 21px; color: #717171; } .reviewsBtnWrap .labelDotted{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; color: #000000; border-bottom: 1px dashed #b9b9b9; } .reviewsBtnWrap a.label:hover .labelDotted{ border-color: #000000; } .reviewsBtnWrap a.label:hover{ color: #000000; } .reviewsBtnWrap a.label:active{ position: relative; top: 1px; } .reviewsBtnWrap .row{ display: inline-block; vertical-align: top; margin: 0 36px 12px 0; font-family: 'roboto_ltregular'; font-size: 13px; } .reviewsBtnWrap .row:last-child{ margin-right: 0; } .reviewsBtnWrap .row img{ vertical-align: middle; padding-right: 6px; margin-top: -4px; } .reviewsBtnWrap .label{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 21px; color: #717171; } .reviewsBtnWrap .labelDotted{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; color: #000000; border-bottom: 1px dashed #b9b9b9; } .reviewsBtnWrap a.label:hover .labelDotted{ border-color: #000000; } .reviewsBtnWrap a.label:hover{ color: #000000; } .reviewsBtnWrap a.label:active{ position: relative; top: 1px; } /*звезды в отзыве*/ .reviewHeader .reviewRating { display: inline-block; vertical-align: middle; margin-left: 12px; } .reviewHeader .rating { position: relative; display: inline-block; vertical-align: middle; height: 15px; width: 79px; } .reviewHeader .rating i { background: url(/bitrix/templates/dresscode/images/rating.png) repeat 0 0 transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0; top: 0; } .reviewHeader .rating i.h { background-position: 0 0; } .reviewHeader .rating i.m { background-position: 0 -15px; z-index: 10; } /*========= обтекание отзыва в рамке ======*/ /* Общий контейнер отзыва */ #catalogReviews .reviewItem { margin-bottom: 24px; border-radius: 4px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } /* Шапка отзыва (синий фон) */ #catalogReviews .reviewHeader { background-color: #d4e9f7; /*#e8f4f8 Светло-синий */ padding: 16px 20px; display: flex; align-items: center; gap: 16px; } #catalogReviews .reviewDate { font-size: 13px; color: #666; font-family: 'roboto_ltregular'; } #catalogReviews .reviewAuthor { font-size: 15px; font-weight: 600; color: #000; font-family: 'robotomedium'; } #catalogReviews .reviewRating { margin-left: auto; } /* Текст отзыва (желтый/золотой фон) */ #catalogReviews .reviewText { background-color: #fff9e6; /* Светло-желтый */ padding: 20px; } #catalogReviews .reviewText p { margin: 0; font-size: 14px; line-height: 1.6; color: #333; font-family: 'roboto_ltregular'; } /* Фото и видео отзыва */ #catalogReviews .reviewPhotos { background-color: #fff9e6; padding: 0 20px 20px 20px; } #catalogReviews .reviewPhoto { display: inline-block; margin-right: 12px; margin-top: 12px; border-radius: 4px; overflow: hidden; transition: all 0.2s ease-in-out; } #catalogReviews .reviewPhoto:hover { opacity: 0.8; transform: scale(1.05); } #catalogReviews .reviewPhoto img { max-width: 250px; max-height: 250px; display: block; border-radius: 4px; } #catalogReviews .reviewVideo { display: inline-block; margin-right: 12px; margin-top: 12px; /* Добавьте эту строку */ border-radius: 4px; overflow: hidden; transition: all 0.2s ease-in-out; position: relative; } #catalogReviews .reviewVideo:hover { opacity: 0.8; transform: scale(1.05); } #catalogReviews .reviewVideo video { max-width: 300px; max-height: 300px; display: block; border-radius: 4px; } #catalogReviews .videoPlayIcon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 48px; color: rgba(255, 255, 255, 0.9); pointer-events: none; } /* Звёзды в шапке отзыва */ #catalogReviews .reviewHeader .rating { position: relative; display: inline-block; vertical-align: middle; height: 15px; width: 79px; } #catalogReviews .reviewHeader .rating i { background: url(/bitrix/templates/dresscode/images/rating.png) repeat 0 0 transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0; top: 0; } #catalogReviews .reviewHeader .rating i.h { background-position: 0 0; } #catalogReviews .reviewHeader .rating i.m { background-position: 0 -15px; z-index: 10; } /* Адаптивность */ @media (max-width: 768px) { #catalogReviews .reviewHeader { flex-wrap: wrap; } #catalogReviews .reviewRating { margin-left: 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: 34px; max-width: 200px; } #elementContainer .brandImage:hover img{ opacity: 0.7; } #elementContainer .headingBox{ table-layout: fixed; display: table; width: 100%; } #elementContainer .headingBox .heading{ display: table-cell; vertical-align: top; padding-bottom: 12px; font-size: 16px; } #elementContainer .headingBox .moreProperties{ vertical-align: top; display: table-cell; padding-right: 24px; padding-left: 12px; width: 40%; } #elementContainer .headingBox .morePropertiesLink{ -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; /*text-decoration: none;*/ color: #888888; } #elementContainer .headingBox .morePropertiesLink:hover{ color: #000000; } #elementContainer .elementProperties .propertyTable{ table-layout: fixed; display: table; width: 100%; } #elementContainer .elementProperties .propertyTable{ font-size: 13px; } #elementContainer .elementProperties .propertyTable .propertyName, #elementContainer .elementProperties .propertyTable .propertyValue{ background-color: #ffffff; vertical-align: middle; display: table-cell; position: relative; overflow: hidden; padding: 2px 0; } #elementContainer .elementProperties .propertyTable .propertyValue{ padding-left: 12px; width: 40%; } #elementContainer .elementProperties .propertyTable .analog{ -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; color: #000000; } #elementContainer .elementProperties .propertyTable .analog:hover{ color: #888888; } #elementContainer .elementProperties .propertyTable .propertyName:after{ border-bottom: 1px dotted #cccccc; position: absolute; margin-left: 12px; height: 13px; content: ''; width: 100%; } #elementContainer .elementSkuPropertyValue{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #elementContainer .elementSkuPropertyValue.loading{ opacity: 0.5; } #elementContainer .elementSkuVariantLabel{ margin-top: 12px; font-size: 16px; } #elementContainer .elementSkuPropertyName{ font-size: 13px; color: #888888; } #elementContainer .elementSkuPropertyList{ overflow: hidden; list-style: none; margin: 0px -2px 0 -4px; padding: 0px; } #elementContainer .elementSkuProperty{ overflow: hidden; margin: 6px 0 12px; } #elementContainer .elementSkuPropertyDropdown{ margin: 6px 0 12px; } #elementContainer .elementSkuProperty li{ box-sizing: border-box; overflow: hidden; min-width: 54px; padding: 4px 2px 2px 4px; float: left; } #elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{ position: relative; /*top: -2px;*/ } #elementContainer .elementSkuProperty .disabled{ display: none; } #elementContainer .elementSkuPropertyLink{ border: 1px solid #dddddd; text-decoration: none; text-align: center; font-size: 13px; line-height: 22px; padding: 6px 6px; display: block; color: #000000; } #elementContainer .elementSkuPropertyLink:active{ position: relative; top: 1px; } #elementContainer .elementSkuPropertyList img{ vertical-align: middle; max-height: 100%; max-width: 100%; } #catalogElement .elementSkuDropDownProperty{ overflow: visible; } #catalogElement .elementSkuDropDownProperty .skuDropdownListItem { box-sizing: content-box; overflow: visible; min-width: auto; padding: 0px; float: none; } #catalogElement .skuDropdown{ background-color: #ffffff; border: 1px solid #e7e8ea; position: relative; line-height: 13px; font-size: 13px; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-radius: 2px; width: 264px; margin-top: 4px; } #catalogElement .skuCheckedItem{ background: url(/bitrix/components/dresscode/catalog.item/templates/detail/images/selectArrow.png) 97% 50% no-repeat transparent; padding: 12px 30px 12px 8px !important; border-radius: 4px; display: block; cursor: pointer; } #catalogElement .skuCheckedItem:hover{ opacity: 0.8; } #catalogElement .skuCheckedItem:active{ position: relative; top: 1px; } #catalogElement .skuDropdown label:before, #catalogElement .skuCheckboxList label:before { display: none; } #catalogElement .skuDropdownList { background-color: #ffffff; border: 1px solid #e7e8ea; visibility: hidden; position: absolute; list-style: none; margin: 0 -1px; opacity: 0; padding: 0; z-index: 9999; top: 44px; right: 0; left: 0; } #catalogElement .skuDropdownList.opened{ visibility: visible; opacity: 1; } #catalogElement .pics .skuDropdownList{ top: 52px; } #catalogElement .skuDropdownList .elementSkuPropertyValue{ border-top: 1px solid #e7e8ea; position: relative; display: block; } #catalogElement .skuDropdownList .elementSkuPropertyValue:first-child{ border-top: 0px; } #catalogElement .skuDropdownList .selected{ font-family: "robotomedium"; background-color: #f9f9f9; cursor: pointer; color: #ffffff; opacity: 0.8; } #catalogElement .skuDropdownList .elementSkuPropertyValue:hover{ background-color: #f9f9f9; cursor: pointer; color: #ffffff; opacity: 0.8; } #catalogElement .skuDropdownList .skuPropertyItemLink{ padding: 12px 8px !important; text-decoration: none; line-height: 18px; text-align: left; font-size: 13px; color: #000000; display: block; border: 0px; } #catalogElement .skuDropdownList .skuDropdownListItem.selected .skuPropertyItemLink{ border: 0px; } #catalogElement .skuDropdownList .skuDropdownListItem.disabled{ display: none; } #catalogElement .skuDropdownList .elementSkuPropertyValue:active .skuPropertyItemLink, #catalogElement .skuDropdownList .skuPropertyItemLink:active{ position: relative; top: 1px; } .changePropertiesNoGroup{ margin-top: 24px; } #elementContainer #detailText{ -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{ border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 0; font-weight: 800; font-size: 20px; } #elementContainer #detailText img{ max-width: 100%; } #morePhotoSlider{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin: 24px 48px 0 48px; } #morePhotoSlider .morePhotos{ -webkit-transition: opacity 0.6s ease-in-out; -o-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; visibility: hidden; overflow: hidden; opacity: 0; } #morePhotoSlider .morePhotos .photoItem{ /*transform: scale(0.7);*/ position: relative; text-align: center; opacity: 0.6; float: left; } #morePhotoSlider .morePhotos .photoItem.selected{ padding-bottom: 24px; /*transform: scale(1);*/ opacity: 1; } #morePhotoSlider .morePhotos .photoItem.selected:after{ transform: translateX(-50%); border-bottom: 2px solid #000000; position: absolute; display: block; content: ""; width: 30%; left: 50%; bottom : 0px; } #morePhotoSlider .morePhotos .photoItem a{ display: inline-block; line-height: 100px; height: 100px; } #morePhotoSlider .morePhotos .photoItem img{ max-width: 100%; max-height: 100%; vertical-align: middle; } #elementContainer .zoom{ cursor: zoom-in; } #related, #similar{ margin-top: 24px; } #related .heading, #similar .heading{ border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; } #catalogElement .productList{ border-left: 0px; } #catalogElement .product{ width: 25%; } #giftContainer{ padding-bottom: 24px; margin-top: 24px; } #giftContainer .heading{ border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #elementProperties{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*margin-top: 24px;*/ padding: 0 24px; overflow: auto; } #elementProperties .heading{ border-top: 1px solid #efefef; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 0px 24px 0; font-weight: 800; font-size: 20px; display: block; } .elementProperties a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #000000; } #elementProperties .stats { /*min-width: 600px;*/ width: 100%; padding: 12px; border-collapse: collapse; table-layout: fixed; } #elementProperties .stats a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #000000; } #elementProperties .stats a:active{ position: relative; top: 1px; } #elementProperties .stats td{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #elementProperties .stats .question { background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/questions.png") 0 0 transparent; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; vertical-align: middle; display: inline-block; margin-left: 4px; height: 19px; width: 19px; } #elementProperties .stats .question:hover { background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/questions.png") -19px 0 transparent; } #elementProperties .stats .question:active { background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/questions.png") -38px 0 transparent; } #elementProperties .stats tr { border: 1px solid #e4e4e4; } #elementProperties .stats .gray td { background-color: #F6F6F6; } #elementProperties .stats tr:hover td { background: #eee; } #elementProperties .stats .cap, #elementProperties .stats .cap:hover td { background-color: #fff !important; border: 0 !important; } #elementProperties .stats .cap td { font-size: 18px; color: #000000; padding: 12px 0; } #elementProperties .stats td { padding: 6px 0px; } #elementProperties .stats .name { text-overflow: ellipsis; /*white-space: nowrap;*/ 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{ border-top: 1px solid #efefef; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #files .items{ overflow: hidden; } #files .item{ margin-bottom: 24px; overflow: hidden; height: 65px; float: left; width: 25%; } #files .item .tb{ table-layout: fixed; display: table; width: 100%; } #files .item .tbr{ display: table-row; } #files .item .icon{ vertical-align: middle; display: table-cell; width: 20%; } #files .item .icon a{ display: block; } #files .item .icon img{ vertical-align: middle; max-width: 100%; } #files .item .info{ vertical-align: middle; display: table-cell; padding-right: 18px; width: 50%; } #files .item .info .name{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 25px; overflow: hidden; font-size: 14px; display: block; color: #000000; height: 25px; } #files .item .info .name span{ vertical-align: middle; display: inline-block; line-height: 21px; } #files .item small{ display: block; } #video{ margin-top: 24px; } #video .wrap{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #video .heading{ border-top: 1px solid #efefef; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #video .items{ overflow: hidden; margin: 0 -12px; } #video .items.sz1{ margin: 0; } #video .item{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 33.33333%; padding: 0px 12px 24px 12px; } #video .item iframe{ height: 200px; width: 100%; } #video .items.sz1 .item{ padding: 0px; width: 100%; } #video .items.sz1 iframe{ height: 500px; } #video .items.sz2 .item{ width: 50%; } #video .items.sz2 iframe{ height: 300px; } #elementError { background-color: rgba(0, 0, 0, 0.298); display: none; height: 100%; left: 0px; overflow: visible; position: fixed; top: 0px; width: 100%; z-index: 998; } #elementErrorContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.500); background-color: #ffffff; margin-left: -150px; margin-top: -130px; position: relative; overflow: hidden; color: #000000; width: 300px; z-index: 999; left: 50%; top: 50%; } #elementErrorContainer span.heading { background-color: #424242; color: #ffffff; display: block; font-size: 16px; line-height: 50px; height: 50px; text-align: center; margin: 0; padding: 0; } #elementErrorContainer p { text-align: center; color: #000000; padding: 12px; } #elementErrorContainer #elementErrorClose { background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/exit.png") 0px 0px no-repeat transparent; margin-bottom: 24px; position: absolute; display: block; height: 21px; right: 24px; width: 21px; top: 16px; } #elementErrorContainer #elementErrorClose:hover { background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/exit.png") 0px -21px no-repeat transparent; } #elementErrorContainer #elementErrorClose:active { background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/exit.png") 0px -42px no-repeat transparent; } #elementErrorContainer .close { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: block; height: 35px; line-height: 35px; text-align: center; color: #cccccc; background: #424242; width: 140px; text-decoration: none; margin: 0px auto 12px; } #elementErrorContainer .close:hover { background: #2b2b2b; } #elementErrorContainer .close:active { position: relative; top: 1px; } #catalogElement #hint { position: absolute; border: 1px solid #bdbdbd; background: #fff; width: 300px; box-shadow: 1px 1px 12px #dbdbdb; padding: 12px; } #catalogElement #hint span { font-size: 14px; line-height: 31px; font-weight: 600; display: block; } #catalogElement #hint ins { background: url("/bitrix/components/dresscode/catalog.item/templates/detail/images/clear.png") no-repeat 0 0 transparent; display: block; position: absolute; top: 12px; right: 12px; width: 10px; height: 9px; cursor: pointer; } #catalogElement #hint ins:active { top: 13px; } #skuOffersTable{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; } #skuOffersTable .offersTableContainer{ box-sizing: border-box; padding: 0px 24px; } #skuOffersTable .offersTableContainerBtn{ margin-top: 24px; text-align: center; } #skuOffersTable .catalogProductOffersNext img{ vertical-align: middle; display: inline-block; margin-right: 8px; margin-top: -2px; } #skuOffersTable .catalogProductOffersNext.btn-simple{ border-radius: 4px; width: 156px; } #skuOffersTable .heading{ font-family: 'robotomedium'; text-transform: uppercase; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #skuOffersTable .offersTable{ /*border-collapse: collapse;*/ /*border-spacing: 8px;*/ width: 100%; } #skuOffersTable .tb{ transition: all 0.2s ease-in-out; width: 100%; } #skuOffersTable .tableElem .tb:hover{ background-color: #fdfdfd; } #skuOffersTable .tc{ box-sizing: border-box; text-align: center; padding: 8px 6px; } #skuOffersTable .thead{ border-radius: 4px; background: #f1f1f1; } #skuOffersTable .thead .tc{ padding: 12px 6px; } #skuOffersTable .tableElem{ border: 1px solid #f1f1f1; border-radius: 4px; margin-top: 8px; } #skuOffersTable .offersTable th, #skuOffersTable .offersTable td{ text-align: center; } #skuOffersTable .offersTable th{ background-color: #f1f1f1; padding: 12px 0px; font-weight: 400; font-size: 14px; color: #000000; } #skuOffersTable .offersTable td{ border-bottom: 1px solid #f3f3f3; border-top: 1px solid #f3f3f3; padding-bottom: 8px; padding-top: 8px; } #skuOffersTable .offersTable th{ border-bottom: 1px solid #f3f3f3; border-top: 1px solid #f3f3f3; } #skuOffersTable .offersTable th:first-child, #skuOffersTable .offersTable td:first-child{ border-left: 1px solid #f3f3f3; } #skuOffersTable .offersTable th:last-child, #skuOffersTable .offersTable td:last-child{ border-right: 1px solid #f3f3f3; } #skuOffersTable .offersTable .offersName{ text-align: left; width: 220px; } #skuOffersTable .offersTable .offersName + td{ padding-left: 12px; } #skuOffersTable .offersTable .offersPicture{ width: 96px; } #skuOffersTable .offersTable .offersPicture img{ vertical-align: middle; max-height: 54px; max-width: 42px; height: auto; width: auto; } #skuOffersTable .offersTable .priceWrap { width: 184px; } #skuOffersTable .offersTable .quantity img{ vertical-align: middle; display: inline-block; padding-right: 6px; margin-top: -4px; } #skuOffersTable .offersTable .price{ font-family: "robotomedium"; position: relative; font-size: 16px; } #skuOffersTable .offersTable .quanBaskWrap{ width: 250px; padding: 0; } #skuOffersTable .offersTable .quanBaskWrap .tc{ width: 50%; } #skuOffersTable .offersTable .basket{ padding-right: 12px; } #skuOffersTable .offersTable .price .priceIcon{ margin-right: 6px; } #skuOffersTable .offersTable .price .lnk{ border-bottom: 1px dashed #000000; transition: all 0.2s ease-in-out; padding-bottom: 2px; } #skuOffersTable .offersTable .price:hover .lnk{ border-color: #888888; } #skuOffersTable .offersTable .property{ /*font-family: "robotobold";*/ font-size: 14px; } #skuOffersTable .offersTable .discount{ font-family: 'roboto_ltregular'; position: absolute; font-size: 13px; color: #f03e17; display: block; right: -12px; top: -16px; } #skuOffersTable .offersTable .basket .addCart{ /*width: 76px;*/ transition: all 0.2s ease-in-out; text-decoration: none; display: inline-block; text-align: center; border-radius: 4px; line-height: 30px; padding: 0 12px; color: #ffffff; height: 30px; } #skuOffersTable .offersTable .basket .addCart.requestPrice{ margin-top: 0px; } #skuOffersTable .offersTable .basket .addCart:active{ position: relative; top: 1px; } #skuOffersTable .offersTable .basket .addCart img{ vertical-align: middle; display: inline-block; margin-right: 12px; margin-top: -4px; } #skuOffersTable .outOfStock{ color: #888888; } #complect{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #complect .heading{ border-top: 1px solid #efefef; font-family: 'robotobold'; text-transform: uppercase; padding: 24px 0px 12px 0; letter-spacing: 1px; font-weight: 800; font-size: 20px; display: block; } #complect .complectList{ overflow: hidden; margin: 0 -12px; } #complect .complectListItem{ position: relative; height: 355px; float: left; width: 25%; } #complect .complectListItemWrap{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 12px; } #complect .complectListItemPicture img{ -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; vertical-align: middle; max-height: 90%; max-width: 90%; } #complect .complectListItemPicture:hover img{ opacity: 0.8; } #complect .complectListItemPicLink{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: block; text-align: center; height: 240px; line-height: 240px; } #complect .complectListItemLink{ -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; margin-bottom: 12px; line-height: 44px; overflow: hidden; font-size: 14px; display: block; height: 44px; } #complect .complectListItemLink .middle{ display: inline-block; vertical-align: top; line-height: 21px; } #complect .complectListItemPrice{ font-family: 'robotobold'; font-size: 18px; display: block; text-decoration: none; margin-bottom: 12px; } #complect .complectListItemPrice .measure{ font-size: 16px; } #complect .complectListItemPrice .discount{ font-family: 'roboto_ltregular'; padding-left: 4px; font-size: 14px; } #complect .complectResult{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e8e8e8; background-color: #fdfdfd; padding-right: 24px; padding-left: 24px; line-height: 60px; overflow: hidden; height: 60px; } #complect .complectPriceResult{ font-family: 'robotobold'; display: inline-block; margin-left: 12px; font-size: 18px; } #complect .complectResult .discount{ font-family: 'roboto_ltregular'; margin-left: 12px; font-size: 14px; color: #f03e17; } #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(/bitrix/components/dresscode/catalog.item/templates/detail/images/exitBig.png) 0 0 no-repeat transparent; height: 50px; opacity: 0.5; width: 50px; } #zoomer #zoomerExitLink:hover{ opacity: 0.8; } #zoomer #zoomerExitLink:active{ height: 48px; opacity: 1; top: 25px; } #zoomerMoreImagesContainerWrapper .item{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #zoomerMoreImagesContainerWrapper .item:hover{ opacity: 0.9 !important; } #zoomerMoreImagesContainerWrapper .selected{ opacity: 1 !important; } #zoomerBigPrevMore, #zoomerBigNextMore{ background: url(/bitrix/components/dresscode/catalog.item/templates/detail/images/carouselArrowsBig.png) 0 0 no-repeat transparent; opacity: 0.5; } #zoomerBigNextMore{ background-position: -57px 0; } #zoomerNextMore, #zoomerPrevMore{ background: url(/bitrix/components/dresscode/catalog.item/templates/detail/images/carouselArrows.png) 0 0 no-repeat transparent; opacity: 0.5; } #zoomerNextMore{ background-position: -80px 0; } #zoomerPrevMore:hover, #zoomerNextMore:hover, #zoomerBigPrevMore:hover, #zoomerBigNextMore:hover{ opacity: 0.8; } #zoomerPrevMore:active, #zoomerNextMore:active, #zoomerBigPrevMore:active, #zoomerBigNextMore:active{ opacity: 1; } #zoomerNextMore:active{ right: -1px !important; } #zoomerPrevMore:active{ left: -1px !important; } #zoomerBigPrevMore:active{ left: 23px !important; } #zoomerBigNextMore:active{ right: 23px !important; } #zoomerMoreImagesContainerWrapper .link:active{ position: relative; top: 1px; } .catalogProductOffersPager{ text-align: center; } .catalogProductOffersNext{ margin-top: 24px; } #catalogElement input[type="radio"]:not(checked){ position: absolute; opacity: 0; } #catalogElement input[type="radio"] + label{ cursor: pointer; } #catalogElement input[type="radio"]:not(checked) + label{ position: relative; padding-left: 28px; } .smallSpecialTime{ padding-bottom: 12px; color: #ffffff; font-size: 0; line-height: 0; } .smallSpecialTime .specialTimeItem{ display: inline-block; box-sizing: border-box; border-radius: 2px; text-align: center; overflow: hidden; margin-left: 4px; padding: 8px 0px; line-height: 14px; height: 42px; width: 48px; } .smallSpecialTime .specialTimeItem:first-child{ margin-left: 0px; } .smallSpecialTime .specialTimeItemValue{ font-family: 'robotomedium'; font-size: 14px; } .smallSpecialTime .specialTimeItemlabel{ font-family: "roboto_ltregular"; font-size: 12px; } .detail-text-wrap{ box-sizing: border-box; margin-top: 12px; padding: 0 24px 24px; border-top: 1px solid #ededed; } .detail-text-wrap .heading { font-family: "robotomedium"; padding: 30px 0 0px; display: block; font-size: 20px; text-transform: uppercase; line-height: 24px; font-weight: 400; color: #000000; text-decoration: none; } #elementContainer .new-list-items-wrap{ box-sizing: border-box; margin-top: 12px; margin-bottom: 0; padding: 0 24px; border-top: 1px solid #ededed; } .new-list-items-wrap .heading{ display: block; padding: 36px 0 18px; font-family: "robotomedium"; font-size: 20px; text-transform: uppercase; line-height: 24px; font-weight: 400; color: #000000; text-decoration: none; } #elementContainer .new-list-items{ max-width: none; margin: 0 -12px; font-size: 0; } .new-list-items .list-item-wrap{ display: inline-block; vertical-align: top; width: 33.333%; padding: 12px; box-sizing: border-box; } .new-list-items .list-item{ padding: 24px 18px; border: 1px solid #e7e8ea; border-radius: 2px; } .new-list-items .image{ width: 54px; padding-right: 18px; } .new-list-items .image-container{ display: block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .new-list-items .image-container:hover{ opacity: 0.9; } .new-list-items .image-container:active{ position: relative; top: 1px; } .new-list-items .text{ color: #000000; } .new-list-items .name{ display: block; margin-bottom: 12px; font-size: 14px; line-height: 18px; max-height: 18px; overflow: hidden; text-decoration: none; color: #000000; } .new-list-items .name:active{ position: relative; top: 1px; } .new-list-items .price{ position: relative; display: inline-block; padding-right: 18px; font-size: 18px; font-family: "robotobold" } .new-list-items .old-price{ position: absolute; right: 0; top: -12px; font-size: 13px; line-height: 15px; font-family: "roboto_ltregular"; font-size: 13px; color: #888888; } .new-list-items .active-link{ display: inline-block; font-family: "roboto_ltregular"; font-size: 14px; color: #000000; text-decoration: none; border-bottom: 1px dashed #000000; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* ===== ОКОНЧАТЕЛЬНОЕ РЕШЕНИЕ ДЛЯ РћРўРЎРўРЈРџРћР’ ===== */ @media (max-width: 1800px) { /* Контейнер каталога */ #catalogElement { padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box !important; } /* Убираем отступы Сѓ вложенных элементов */ #tableContainer { padding-left: 0 !important; padding-right: 0 !important; } #tableContainer .column { padding-left: 0 !important; padding-right: 0 !important; } #smallElementTools { padding-left: 0 !important; padding-right: 0 !important; } .smallElementToolsContainer { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; box-sizing: border-box !important; } .mainTool, .secondTool { width: 100% !important; box-sizing: border-box !important; } .product-info-accordion { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 15px 0 !important; box-sizing: border-box !important; } } @media (max-width: 480px) { #catalogElement { padding-left: 10px !important; padding-right: 10px !important; } } /* ФИНАЛЬНОЕ РЕШЕНИЕ - отступы для обычной Рё fixed колонки */ @media all and (max-width: 1700px) { /* Главный контейнер - для обычного состояния */ #catalogElement { padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box !important; } /* РљРѕРіРґР° колонки становятся FIXED РїСЂРё скролле */ #elementTools.fixed, #elementNavigation.fixed { right: 15px !important; box-sizing: border-box !important; } /* Контейнер внутри fixed колонок */ #elementTools.fixed .fixContainer, #elementNavigation.fixed .tabs { width: 280px !important; max-width: calc(100vw - 30px) !important; box-sizing: border-box !important; } /* Контейнер инструментов (мобильная версия) */ #smallElementTools { width: 100% !important; padding: 0 !important; box-sizing: border-box !important; } /* Контейнер РєРЅРѕРїРѕРє */ .smallElementToolsContainer { width: 100% !important; padding: 24px !important; box-sizing: border-box !important; } /* Аккордеон */ .product-info-accordion { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 15px 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* Р’СЃРµ блоки внутри */ .mainTool, .secondTool, .columnRowWrap { width: 100% !important; box-sizing: border-box !important; } } @media all and (max-width: 480px) { #catalogElement { padding-left: 10px !important; padding-right: 10px !important; } #elementTools.fixed, #elementNavigation.fixed { right: 10px !important; } #elementTools.fixed .fixContainer, #elementNavigation.fixed .tabs { max-width: calc(100vw - 20px) !important; } } .reviewPhotos { margin-top: 15px; } .reviewPhoto { display: inline-block; max-width: 150px; margin-right: 10px; margin-bottom: 10px; vertical-align: top; } .reviewPhoto img { display: block; width: 100%; height: auto; border-radius: 4px; } /* Активная подсветка SKU-плашки через класс selected на родительском li */ .elementSkuPropertyValue.selected .elementSkuPropertyLink { border-color: #007bff; background-color: #007bff; color: #fff !important; position: relative; top: 0; } .elementSkuPropertyValue:not(.selected) .elementSkuPropertyLink:hover { border-color: #007bff !important; background-color: #e6f3ff; color: #003366 !important; } .elementSkuPropertyValue.selected .elementSkuPropertyLink:hover { background-color: rgba(0, 123, 255, 0.1); color: #000000 !important; } .elementSkuPropertyLink { border-radius: 4px; } .elementSkuPropertyName { color: #000000 !important; }/* Фикс: заглушка для видео отзывов с preload=none */ #catalogReviews .reviewVideo video { background-color: #1e1e2a; } #pictureContainer { } /* PSI Fix: Жесткое резервирование места под главный слайдер (устранение CLS) */ #pictureContainer { aspect-ratio: 1 / 1 !important; min-height: 300px !important; /* Fallback для мобильных, пока JS не инициализируется */ } #elementTools .price .economy, #smallElementTools .price .economy{ color: #f03e17; font-weight: bold; } /* End */ /* Start:/bitrix/components/bitrix/player/videojs/video-js.min.css?151681558341434*/ .video-js .vjs-big-play-button:before,.video-js .vjs-control:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");font-weight:normal;font-style:normal}.vjs-icon-play,.video-js .vjs-big-play-button,.video-js .vjs-play-control{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-play:before,.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing:before{content:"\f103"}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-0{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before{content:"\f104"}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-1{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before{content:"\f105"}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-volume-menu-button.vjs-vol-2{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before{content:"\f106"}.vjs-icon-volume-high,.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before{content:"\f107"}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control:before{content:"\f108"}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.vjs-icon-subtitles,.video-js .vjs-subtitles-button{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button:before{content:"\f10c"}.vjs-icon-captions,.video-js .vjs-captions-button{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-captions:before,.video-js .vjs-captions-button:before{content:"\f10d"}.vjs-icon-chapters,.video-js .vjs-chapters-button{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.vjs-icon-circle,.video-js .vjs-mouse-display,.video-js .vjs-play-progress,.video-js .vjs-volume-level{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-circle:before,.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button:before{content:"\f115"}.vjs-icon-replay{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.vjs-icon-audio-description,.video-js .vjs-descriptions-button{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-audio-description:before,.video-js .vjs-descriptions-button:before{content:"\f11d"}.vjs-icon-audio,.video-js .vjs-audio-button{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-audio:before,.video-js .vjs-audio-button:before{content:"\f11e"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:normal;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js *:before,.video-js *:after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{outline:0;position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,0.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;transform:translate(-50%,-50%)}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,0.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0;border:0;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto;font-family:Arial,Helvetica,sans-serif}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,0.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:bold;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,0.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,0.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3.0em;background-color:#2b333f;background-color:rgba(43,51,63,0.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em white}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-width:4em}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{font-family:Arial,Helvetica,sans-serif;visibility:visible;font-size:.6em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-tooltip-progress-bar,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-0.333333333333333em;right:-0.5em;font-size:.9em}.video-js .vjs-time-tooltip,.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{visibility:hidden;pointer-events:none;position:absolute;top:-3.4em;right:-1.9em;font-size:.9em;color:#000;content:attr(data-current-time);padding:6px 8px 8px 8px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-time-tooltip,.video-js .vjs-play-progress:before,.video-js .vjs-play-progress:after{z-index:1}.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after{display:none}.video-js .vjs-load-progress{background:#bfc7d3;background:rgba(115,133,159,0.5)}.video-js .vjs-load-progress div{background:white;background:rgba(115,133,159,0.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-time-tooltip{display:inline-block;height:2.4em;position:relative;float:right;right:-1.9em}.vjs-tooltip-progress-bar{visibility:hidden}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.vjs-mouse-display .vjs-time-tooltip,.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,0.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;background-color:#73859f;background-color:rgba(115,133,159,0.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em white;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-0.5em;left:-0.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-0.3em;right:-0.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em;height:8em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical:hover .vjs-menu-content,.vjs-volume-menu-button-vertical:focus .vjs-menu-content,.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content{height:2.9em;width:8em}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,0.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-0.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,0.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;animation:0s linear .3s forwards vjs-spinner-show}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:white}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,0.2,0,0.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,0.2,0,0.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:white}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:white;-webkit-animation-delay:.44s;animation-delay:2s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:white}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:white}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2b333f;background-color:rgba(43,51,63,0.75);color:#fff;margin:0 auto;padding:.5em;height:16em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:1em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-font:after,.vjs-caption-settings .vjs-tracksettings-controls:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px;border:0}.vjs-caption-settings .vjs-tracksetting label,.vjs-caption-settings .vjs-tracksetting legend{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px;vertical-align:top;float:right}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings fieldset{margin-top:1em;margin-left:.5em}.vjs-caption-settings fieldset .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-caption-settings input[type="button"]{width:40px;height:40px}.video-js .vjs-modal-dialog{background:rgba(0,0,0,0.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,0.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,0.8),rgba(255,255,255,0))}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}@media print{.video-js>*:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}@media \0screen{.vjs-user-inactive.vjs-playing .vjs-control-bar:before{content:""}}@media \0screen{.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden}} /* End */ /* Start:/bitrix/components/bitrix/player/videojs/videojs-playlist.css?14930325251209*/ /** * videojs-playlist-thumbs * @version 0.1.5 * @copyright 2016 Emmanuel Alves * @license MIT */ .video-js{position:relative} .video-js.vjs-playlist{display:block} .video-js .vjs-button-prev,.video-js .vjs-button-next{cursor:pointer;font-size:15px;margin-bottom:2px;font-weight:bold;} .video-js .vjs-button-prev:before{content:"<<"} .video-js .vjs-button-next:before{content:">>"} .video-js .vjs-playlist-items{height:100%;position:absolute;right:0;top:0;overflow:hidden;overflow-y:auto;margin:0;padding:0 10px 0 10px; list-style: none; background: rgba(43, 51, 63, 0.7)} .video-js .vjs-playlist-items li{background-size:cover;height:120px;position:relative;margin: 10px 0 0 0;} .video-js .vjs-playlist-items li .vjs-playlist-video-title{position:absolute;top:5px;text-shadow:1px 2px 3px #000;left:5px;} .video-js .vjs-playlist-items li .vjs-playlist-video-title div{margin-top:8px} .video-js .vjs-playlist-items li div.vjs-playlist-video-upnext{font-size:12px;color:#f00; display: none;} .video-js .vjs-playlist-items li:hover{cursor:pointer} .video-js .vjs-playlist-items :last-child { margin: 10px 0 10px 0;} .video-js .vjs-playlist-items li.current {border: 2px solid #8b0000;} /* End */ /* Start:/bitrix/components/bitrix/player/templates/.default/style.min.css?1516815440122*/ td.popupmenu div.popupitem .playlist-edit{background-image:url(/bitrix/components/bitrix/player/images/playlist_edit.gif)} /* End */ /* Start:/bitrix/templates/dresscode/components//bitrix/system.pagenavigation/round/style.css?15300151972357*/ .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } /* End */ /* Start:/bitrix/components/dresscode/catalog.section/templates/squares/style.css?153001519589*/ .items.productList{ margin-bottom: 24px; } .removeFromWishlist{ display: none; } /* End */ /* Start:/bitrix/components/dresscode/catalog.item/templates/detail/css/review.css?15300151949110*/ #catalogReviews{ margin-top: 24px; overflow: hidden; } #catalogReviews .heading{ border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; } #catalogReviews .heading .reviewAddButton{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-bottom: 1px dashed #888888; font-family: "robotoregular"; text-decoration: none; display: inline-block; vertical-align: middle; padding-bottom: 4px; margin-left: 24px; font-weight: 400; font-size: 12px; color: #888888; } #catalogReviews .heading .reviewAddButton:active{ position: relative; top: 1px; } #catalogReviews .heading .label{ font-family: "robotoregular"; text-transform: none; display: inline-block; letter-spacing: 0; font-weight: 400; font-size: 14px; color: #888888; } #catalogReviews .ratingContainer{ line-height: 20px; float: right; } #catalogReviews .ratingContainer .rating, #reviews .rating{ display: inline-block; vertical-align: middle; margin-left: 6px; margin-top: 0px; position: relative; height: 15px; width: 79px; z-index: 2; } #catalogReviews .ratingContainer .rating{ margin-left: 12px; } #catalogReviews .ratingContainer .rating i, #reviews .rating i { background: url(/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/rating.png) repeat 0 0px transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0px; top: 0px; } #catalogReviews .ratingContainer .rating i.m , #reviews .rating i.m{ background: url(/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/rating.png) repeat 0 -14px transparent; width: 0px; z-index: 10; } #reviews .rating{ margin-top: -4px; } #catalogElement .ratingContainer .newReview { float: right; margin-right: 12px; color: #000000; } #catalogElement .newReview:hover { color: #0074d9; } #catalogElement #reviews, #catalogElement #reviews ul{ list-style: none; padding: 0; margin: 0; } #catalogElement #reviews .reviewItem{ border-top: 1px solid #f7f7f7; padding-top: 24px; position: relative; margin-bottom: 24px; } #catalogElement #reviews .reviewItem:first-child{ padding-top: 24px; border-top: 1px solid #e7e8ea; /*padding: 0;*/ /*border: 0;*/ } #reviews .reviewTable{ table-layout: fixed; display: table; width: 100%; } #reviews .reviewTable .reviewColumn{ display: table-cell; vertical-align: top; position: relative; padding: 0 24px; font-size: 14px; } #reviews .reviewTable .reviewColumn .label{ display: inline-block; font-size: 14px; } #reviews .reviewTable .reviewColumn .reviewRating, #reviews .reviewTable .reviewColumn .reviewName{ margin-top: 12px; } #reviews .reviewTable .reviewColumn .reviewDate, #reviews .reviewTable .reviewColumn .reviewName{ line-height: 21px; } #reviews .reviewTable .reviewColumn .advantages, #reviews .reviewTable .reviewColumn .limitations{ margin-bottom: 12px; } #reviews .reviewTable .reviewColumn .advantages .label, #reviews .reviewTable .reviewColumn .impressions .label, #reviews .reviewTable .reviewColumn .limitations .label{ margin-bottom: 4px; font-size: 14px; } #reviews .reviewTable .reviewColumn .advantages p, #reviews .reviewTable .reviewColumn .impressions p, #reviews .reviewTable .reviewColumn .limitations p{ font-size: 13px; } #reviews .reviewTable .reviewColumn:first-child{ vertical-align: middle; text-align: center; width: 30%; } #reviews .reviewTable .reviewColumn .reviewDate{ color: #888888; } #reviews .reviewTable .reviewColumn .reviewName, #reviews .reviewTable .reviewColumn .reviewName .label{ font-size: 16px; } #catalogElement #reviews .controls { background: #f4f4f4; text-align: center; margin-top: 24px; line-height: 35px; /*float: right;*/ width: 260px; height: 35px; } #catalogElement #reviews .controls a { text-decoration: none; } #catalogElement #reviews .controls a:active { position: relative; top: 1px; } #catalogElement #reviews .controls .good { color: #009E02; margin-right: 4px; } #catalogElement #reviews .controls .good:hover { color: #008902; } #catalogElement #reviews .controls .bad { color: #ff0000; } #catalogElement #reviews .controls .bad:hover { color: #9d9d9d; } #catalogElement #reviews p { color: #666; line-height: 21px; margin: 0; } #catalogElement #reviews .comment { clear: both; } #catalogElement #reviews .hide { display: none; } #showallReviews { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #e7e8ea; margin: 24px 24px 24px auto; text-decoration: none; text-align: center; border-radius: 4px; line-height: 40px; display: block; color: #000000; height: 40px; width: 200px; } #catalogElement #newReview{ display: none; } #catalogElement #newReview .heading{ border-bottom: 1px solid #e7e8ea; border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 24px; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #catalogElement #newReview form{ padding: 0 24px; } #catalogElement #newReview ins { text-decoration: none; margin-bottom: 4px; font-size: 14px; display: block; } #catalogElement #newReview #newRating { position: relative; } #catalogElement #newReview .rating { position: absolute; cursor: pointer; width: 150px; left: 100px; z-index: 10; top: -3px; } #catalogElement #newReview .rating i { background: url(/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/newRating.png) repeat 0 0px transparent; height: 22px; width: 150px; position: absolute; display: block; left: 0px; top: 0px; } #catalogElement #newReview .rating i.m { background: url(/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/newRating.png) repeat 0 -22px transparent; width: 0px; z-index: 10; } #catalogElement #newReview .usedSelect { list-style: none; overflow: hidden; clear: both; padding: 0; margin: 0; } #catalogElement #newReview .usedSelect li { float: left; margin-right: 12px; margin-bottom: 12px; } #catalogElement #newReview .usedSelect li a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #e7e8ea; text-decoration: none; text-align: center; line-height: 35px; padding: 0px 12px; font-size: 13px; display: block; height: 35px; color: #000; } #catalogElement #newReview .usedSelect li a:hover { color: #696969; } #catalogElement #newReview .usedSelect li a:active { position: relative; top: 1px; } #catalogElement #newReview .usedSelect li a.selected { color: #fff; } #catalogElement #newReview table { width: 100%; border-collapse: collapse; table-layout: fixed; } #catalogElement #newReview table td { vertical-align: top; width: 50%; } #catalogElement #newReview table td:first-child{ padding-right: 24px; } #catalogElement #newReview label { display: block; margin: 12px 0; } #catalogElement #newReview textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #E4E4E4; font-family: "roboto_ltregular"; padding-left: 12px; padding-top: 12px; background: #fff; resize: none; height: 90px; width: 100%; } #catalogElement #newReview textarea:focus { outline: none; border: 1px solid #CCC; } #catalogElement #newReview input { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; border: 1px solid #E4E4E4; display: inline-block; margin-bottom: 12px; vertical-align: top; background: #fff; padding-left: 12px; height: 50px; width: 74%; } #catalogElement #newReview input:focus { border: 1px solid #CCC; } #catalogElement #newReview .submit { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; display: inline-block; text-decoration: none; text-align: center; line-height: 50px; margin-left: 3%; color: #ffffff; height: 50px; width: 23%; } #catalogElement #newReview .submit:active { position: relative; top: 1px; } #catalogElement #newReview .reviewError { overflow: hidden; padding: 0px 24px 0px 24px; } #catalogElement #newReview .reviewError .cap { color: #000000; font-size: 16px; } #catalogElement #newReview .reviewError img { vertical-align: middle; float: left; margin-right: 24px; } #catalogElement .countReviewsTools{ cursor: pointer; } /* End */ /* Start:/bitrix/components/dresscode/catalog.item/templates/detail/css/media.css?153001519414895*/ @media all and (min-width: 2560px) { #elementNavigation.fixed .tabs{ width: 483px; } } @media all and (min-width: 1921px) { #tableContainer .column:nth-child(2){ width: 1124px; } #catalogElement .product{ width: 20%; } #catalogElement .product:nth-child(5n+5){ border-right-width: 0px; } #complect .complectListItem{ width: 20%; } } @media all and (min-width: 1900px) { #skuOffersTable .offersTable .offersName{ width: 22%; } #skuOffersTable .offersTable .priceWrap{ width: 18%; } #skuOffersTable .offersTable .quanBaskWrap{ width: 24%; } } @media all and (max-width: 1900px) { #catalogElement .product:nth-child(4n+4){ border-right-width: 0px; } } @media all and (max-width: 1800px) { #skuOffersTable .offersTable .quanBaskWrap{ width: 120px; padding: 8px 6px; } #skuOffersTable .offersTable .quanBaskWrap .tc{ display: block; width: 100%; padding: 0; } #skuOffersTable .offersTable .quanBaskWrap .quantity{ padding-bottom: 6px; } .new-list-items{ margin: 0 -6px; } .new-list-items .list-item-wrap{ padding: 6px; } .new-list-items .list-item{ padding: 12px; } .new-list-items .image{ padding-right: 12px; } } @media all and (max-width: 1700px) { #elementTools{ width: 280px; } #files .item .icon{ width: 22%; } } @media all and (max-width: 1600px) { .limiter #left { width: 280px; } #elementNavigation{ width: 280px; } #elementNavigation.fixed .tabs{ width: 280px; } #files .item{ width: 33.33333% } #files .item .icon{ width: 20%; } #complect .complectListItem{ width: 33.33333%; } #complect .complectListItem:nth-child(4n):after{ display: block; } #complect .complectListItem:nth-child(3n):after, #complect .complectListItem:last-child:after{ display: none; } .new-list-items-wrap .heading{ padding: 36px 0 30px; } #elementContainer .new-list-items{ margin: 0 -6px; } } @media all and (max-width: 1520px) { .limiter #left{ width: 320px; } #elementTools{ width: 300px; } #tableContainer #elementNavigation{ display: none; } #elementSmallNavigation{ display: block; } #files .item .icon{ width: 14%; } #skuOffersTable .offersTable .quanBaskWrap{ width: 250px; padding: 0; } #skuOffersTable .offersTable .quanBaskWrap .tc{ display: table-cell; width: 50%; padding: 8px 6px; } #skuOffersTable .offersTable .quanBaskWrap .quantity{ padding: 8px 6px; } #catalogElement #newReview input{ width: 67%; } #catalogElement #newReview .submit{ width: 30%; } } @media all and (max-width: 1366px) { .limiter #left{ width: 280px; } .smallSpecialTime .specialTime{ padding: 12px 0px; } } @media all and (max-width: 1340px) { #elementSmallNavigation .tab:first-child{ padding-left: 0px; border-left: 0px; margin-left: 0px; } #elementSmallNavigation .tab { /*padding-right: 0px;*/ border-right: 0px; margin-left: 24px; } } @media all and (max-width: 1280px) { .limiter #left{ width: 330px; } #elementTools{ width: 270px; padding: 12px 24px 0; } .smallSpecialTime{ padding-bottom: 6px; } #files .item .icon{ width: 18%; } .ya-share-label{ margin-top: 0; } #elementContainer .brandImage{ margin-right: 24px; margin-bottom: 12px; } #elementContainer .bindAction{ margin-bottom: 12px; } .reviewsBtnWrap{ padding-bottom: 0; } .reviewsBtnWrap .row{ margin: 0 24px 12px 0; } #elementContainer .elementSkuVariantLabel{ display: none; } .productDetailText .heading{ font-size: 14px; } #catalogElement .product{ width: 33.333%; } #catalogElement .product:nth-child(4n+4){ border-right-width: 1px; } #catalogElement .product:nth-child(3n+3){ border-right-width: 0px; } } @media all and (max-width: 1250px){ #skuOffersTable { display: none; } } @media all and (max-width: 1100px) { #tableContainer #elementTools{ display: none; } #smallElementTools{ overflow: hidden; display: block; } .ya-share-label{ display: none; } .new-list-items .list-item-wrap{ width: 50%; } #smallElementTools .price{ margin-bottom: 16px; } #smallElementTools .columnRowWrap .row{ margin-bottom: 16px; } } @media all and (max-width: 1024px) { .limiter #left{ width: 100%; } } @media all and (max-width: 1023px) { #files .item{ width: 50%; } #files .item .icon{ width: 14%; } } @media all and (max-width: 1000px) { .pictureSlider{ margin-top: 24px; } #elementContainer .mainContainer .col{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 24px 0; } #elementContainer .brandImage{ margin-bottom: 18px; } #elementContainer .bindAction{ margin-bottom: 18px; } #complect .heading{ border: none; } #elementTools .addCart{ margin-top: 12px; } #smallElementTools .columnRow .fastBack{ height: 50px; line-height: 50px; } #smallElementTools .columnRow .addCart{ height: 50px; line-height: 50px; } .changePropertiesNoGroup{ margin: 12px 0 18px; } #smallElementTools .columnRow .fastBack, #smallElementTools .columnRow .addCart{ margin: 0; } .newReviewTable .left{ width: 100%; padding: 0; } .newReviewTable .right{ width: 100%; margin-top: 18px; } } @media all and (max-width: 800px) { /* #files .item .icon{ width: 25%; }*/ #files .item .icon{ width: 70px; } #files .item .info{ width: 100%; } #reviews .reviewTable { display: block; } #reviews .reviewTable .reviewColumn{ display: block; } #reviews .reviewTable .reviewColumn:first-child{ margin-bottom: 24px; text-align: left; } #showallReviews{ margin: 0 0 0 24px; } #zoomerMoreImagesContainer{ display: none !important; } #zoomerBigPrevMore, #zoomerBigNextMore{ display: none !important; } #imageContainerSlider{ height: 100% !important; } #complect .complectList{ border-top: 1px solid #e7e8ea; margin: 0 -24px 12px; } #complect .complectListItem{ width: 50%; height: 140px; box-sizing: border-box; border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; } #complect .complectListItem:nth-child(2n){ border-right-width: 0px; } #complect .complectListItem:after{ display: none; } .complectListItemTable{ display: table; width: 100%; table-layout: fixed; } .complectListItemCelImage{ display: table-cell; vertical-align: middle; width: 110px; padding-right: 12px; } .complectListItemCelText{ display: table-cell; vertical-align: middle; } #complect .complectListItemPicLink{ height: 120px; line-height: 120px; } #complect .complectListItemPrice .discount{ display: block; padding: 0; } #complect .complectListItemPrice{ margin: 0; font-size: 14px; } #complect .complectListItemPrice .discount{ font-size: 13px; line-height: 16px; color: #888888; } #complect .complectListItemLink{ height: 36px; margin-bottom: 2px; line-height: 36px; } #complect .complectListItemLink .middle{ vertical-align: middle; line-height: 18px; } #elementProperties .stats{ table-layout: auto; } #elementProperties .stats td{ padding: 12px 0px; } #elementProperties .stats .name span{ padding: 0; } #elementProperties .stats tr td:first-child{ padding: 0 6px; } #elementProperties .stats tr.cap td:first-child{ padding: 12px 0; } #elementProperties .stats tr td:nth-child(2){ padding-right: 6px; } /* #elementProperties .stats tr td:last-child{ display: none; }*/ #elementProperties .stats tr td:nth-child(n+3){ width: 0; overflow: hidden; padding: 0; max-width: 0px; white-space: nowrap; text-indent: 100px; } #elementProperties .stats .name{ width: 70%; } } @media screen and (max-width: 790px){ .new-list-items{ margin: 0 -3px; } .new-list-items .list-item-wrap{ width: 100%; padding: 3px; } .new-list-items .list-item{ padding: 8px; } #catalogElement .product{ width: 50%; } #catalogElement .product:nth-child(3n+3){ border-right-width: 1px; } #catalogElement .product:nth-child(2n+2){ border-right-width: 0px; } #elementContainer .mainContainer .col{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 24px 0; display: block; width: 100%; } #elementContainer .brandImageWrap{ padding-top: 24px; border-top: 1px solid #e7e8ea; } .changePropertiesNoGroup{ display: none; } #elementContainer .new-list-items{ margin: 0 -3px; } } @media all and (max-width: 700px) { #elementContainer .mainContainer .markerContainer{ top: 12px; left: 24px; } #elementContainer .wishCompWrap{ top: 12px; right: 24px; } #stores th, #stores td{ display: none; } #stores th.name, #stores td.name, #stores th.amount, #stores td.amount{ display: table-cell; } #storesContainer #stores .storeTable{ table-layout: auto; } #storesContainer #stores .wrap{ padding: 0; } #storesContainer #stores .storeTable .name{ width: 70%; padding: 12px 12px 12px 24px; line-height: 16px; } #storesContainer #stores th.amount{ font-family: "robotomedium"; text-align: right; } #storesContainer #stores .storeTable .green{ /*width: 120px;*/ padding: 12px 24px 12px 0; text-align: right; } /* #stores th.name, #stores td.name{ width: auto !important; }*/ #storeMap{ display: none; } #video .item{ width: 100% !important; float: unset; } #reviews .reviewTable .reviewColumn:first-child{ width: 100%; } #reviews .rating{ margin-left: 0px; } #tableContainer .column:nth-child(2), #video .item:last-child{ padding-bottom: 0px; } #elementContainer .mainContainer .secondCol{ margin-top: 18px; padding: 18px 24px 0; border-top: 1px solid #e7e8ea; } #elementContainer .brandImageWrap{ display: none; } .reviewsBtnWrap{ border-bottom: none; } .reviewsBtnWrap .row img{ display: none; } .reviewsBtnWrap .row{ margin: 0 18px 6px 0; } .productDetailText{ margin: 6px 0 12px; } #smallElementTools{ padding: 0; } .smallElementToolsContainer{ margin: 0; border: none; font-size: 0; padding: 12px 24px 0; border-top: 1px solid #e7e8ea; } #smallElementTools .mainTool, #smallElementTools .secondTool{ display: inline-block; vertical-align: top; width: 60%; } #smallElementTools .secondTool{ width: 40%; } #smallElementTools .columnRow{ padding-right: 2px; } #smallElementTools .columnRow:last-child{ display: none; padding: 0 0 0 2px; } .new-list-items-wrap{ padding: 0 12px; } #smallElementTools .secondTool .row{ display: block; margin-right: 0; } #smallElementTools .priceContainer{ line-height: 24px; } #smallElementTools .price{ margin-bottom: 12px; } #smallElementTools .columnRowWrap .row{ width: auto; margin-bottom: 12px; } #smallElementTools .columnRow .addCart{ padding: 0 12px; } #catalogElement #elementContainer .addCompare{ display: none; } } @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: 600px){ #catalogElement .product{ width: 100%; } #catalogElement .product:nth-child(n){ border-right-width: 0px; } #complect .complectListItem:nth-child(n){ width: 100%; border-right-width: 0px; } .complectListItemCelImage { width: 40%; min-width: 110px; max-width: 160px; } #elementProperties .stats{ font-size: 13px; } } @media all and (max-width: 550px) { #moreImagesCarousel{ /*display: none;*/ } #elementContainer #moreImagesCarousel{ padding: 0; margin-top: 12px; } #elementContainer #moreImagesCarousel .carouselWrapper{ width: 90%; } #elementContainer #moreImagesCarousel #moreImagesLeftButton{ margin-top: -12px; left: 0; } #elementContainer #moreImagesCarousel #moreImagesRightButton{ margin-top: -12px; right: 0; } #elementContainer #moreImagesCarousel .slideBox .item{ box-sizing: border-box; padding: 0 6px; } #elementContainer #moreImagesCarousel .slideBox .item{ height: 30px; } #elementContainer #moreImagesCarousel .slideBox .item a{ height: 30px; line-height: 30px; } #elementContainer #moreImagesCarousel .slideBox{ height: 36px; } #elementContainer #moreImagesCarousel .slideBox .item.selected:after{ bottom: -6px; } #elementProperties .stats .right{ width: 0px !important } #elementProperties .stats .analog{ display: none; } #elementProperties .stats .name{ width: 60%; } #catalogElement #newReview input{ width: 100%; } #catalogElement #newReview .submit{ width: 100%; margin: 0; } #catalogReviews .heading .ratingContainer{ display: none; } } @media all and (max-width: 480px) { #catalogElement .product{ /*width: 100% !important;*/ } #catalogElement .product:nth-child(2n+2){ /*border-right: 1px solid #e7e8ea !important;*/ } #catalogElement .product:nth-child(1n+1){ /*border-right: 0 !important;*/ } #complect .complectListItem{ width: 100%; } #elementProperties .stats .name{ width: 100%; } #elementProperties .stats td:nth-child(2){ width: 90px; font-family: "robotomedium"; text-align: right; padding-right: 6px; } #smallElementTools .mainTool, #smallElementTools .secondTool{ width: 100%; } #storesContainer #stores .storeTable .name{ width: 66%; } #storesContainer #stores .storeTable .icon{ display: none; } } @media screen and (max-width: 400px){ .new-list-items .price{ font-size: 16px; } .new-list-items .name{ max-height: 36px; } } @media all and (max-width: 360px){ #smallElementTools .columnRowWrap{ /*margin-bottom: 6px;*/ } #smallElementTools .columnRow{ width: 100%; padding: 0; } #smallElementTools .columnRow:last-child{ padding: 0; } } /* End */ /* Start:/bitrix/components/dresscode/catalog.item/templates/detail/css/set.css?153001519411640*/ #set{ padding-bottom: 24px; box-sizing: border-box; /*margin-top: 24px;*/ } #set .heading{ border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; margin-top: 30px; 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: 14px; color: #000000; display: block; text-decoration: none; margin-bottom: 12px; height: 44px; line-height: 44px; overflow: hidden; } #setWindowTable .setElement .name{ font-size: 13px; } #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(/bitrix/components/dresscode/catalog.item/templates/detail/css/../images/sCheck.png) 0 0 no-repeat transparent; position: absolute; cursor: pointer; display: block; height: 30px; width: 30px; right: 0px; z-index: 2; 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(/bitrix/components/dresscode/catalog.item/templates/detail/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(/bitrix/components/dresscode/catalog.item/templates/detail/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: 1366px) { #set .setElement .picture { height: 200px; line-height: 200px; } } @media all and (max-width: 900px) { #set .setTools .addSet{ display: none; } } @media all and (max-width: 800px) { #set .setList{ border-top: 1px solid #e7e8ea; } #set .setElement{ overflow: hidden; height: 140px; padding: 12px; } #set .setElement:nth-child(n){ border-bottom: 1px solid #e7e8ea; border-right: 1px solid #e7e8ea; width: 50%; } #set .setElement:nth-child(2n){ border-right-width: 0px; } #set .setElement:after{ display: none; } .setListTable{ display: table; width: 100%; table-layout: fixed; } .setListColImage{ display: table-cell; vertical-align: middle; width: 110px; padding-right: 12px; } .setListColText{ display: table-cell; vertical-align: middle; padding-right: 24px; } #set .setElement .picture{ height: 120px; margin: 0; line-height: 120px; } #set .sCheck{ top: 6px; right: 6px; } #set .setElement .name{ margin-top: 0; margin-bottom: 2px; height: 36px; line-height: 36px; } #set .setElement .middle{ line-height: 18px; } #set .setElement .price{ margin-bottom: 0; font-size: 14px; } #set .setElement .price .discount{ display: block; padding: 0; font-size: 13px; line-height: 16px; } #set .setTools .heading2{ display: none; } #set .setTools .addCart{ width: 200px; } } @media all and (max-width: 600px){ #set .setElement:nth-child(n){ width: 100%; border-right-width: 0px; } .setListColImage { width: 40%; min-width: 110px; max-width: 160px; } } @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: 400px) { .setListColImage { width: 50%; } } /* End */ /* /bitrix/templates/dresscode/components/bitrix/catalog/.default/style.css?153001519738 */ /* /bitrix/components/dresscode/catalog.item/templates/detail/style.css?178336790557630 */ /* /bitrix/components/bitrix/player/videojs/video-js.min.css?151681558341434 */ /* /bitrix/components/bitrix/player/videojs/videojs-playlist.css?14930325251209 */ /* /bitrix/components/bitrix/player/templates/.default/style.min.css?1516815440122 */ /* /bitrix/templates/dresscode/components//bitrix/system.pagenavigation/round/style.css?15300151972357 */ /* /bitrix/components/dresscode/catalog.section/templates/squares/style.css?153001519589 */ /* /bitrix/components/dresscode/catalog.item/templates/detail/css/review.css?15300151949110 */ /* /bitrix/components/dresscode/catalog.item/templates/detail/css/media.css?153001519414895 */ /* /bitrix/components/dresscode/catalog.item/templates/detail/css/set.css?153001519411640 */