/* Start:/bitrix/templates/dresscodeV2/components/medi/catalog/.default/style.min.css?16950640139331*/ #catalogLineList,#catalogTableList,.items.productList{margin-bottom:24px}#catalogLine .column h2{margin:0}@media screen and (max-width:800px){#catalogLine .column h2{display:none}}#catalogTableList .itemRow{-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;border-collapse:collapse;border:1px solid #e7e8ea;margin-bottom:24px;table-layout:fixed;display:table;width:100%}#catalogTableList .itemRow:hover{border:1px solid #ccc}#catalogTableList .column{vertical-align:middle;display:table-cell;text-align:center;padding:12px 0}#catalogTableList .column:first-child{width:120px}#catalogTableList .column:nth-child(2){width:20%}#catalogTableList .column.out{display:none;width:0}#catalogTableList .picture{display:inline-block;text-align:center;line-height:60px;height:60px;width:80px}#catalogTableList .picture img{vertical-align:middle;max-height:100%;max-width:100%}#catalogTableList .name{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration:none;text-align:left;font-size:13px;display:block;color:#000}#catalogTableList .rating{margin-top:4px;display:inline-block;position:relative;overflow:hidden;height:15px;width:79px;z-index:2}#catalogLineList .rating i,#catalogTableList .rating i{background:url(/bitrix/templates/dresscodeV2/components/medi/catalog/.default/images/rating.png)0 0;height:15px;width:79px;position:absolute;display:block;left:0;top:0}#catalogLineList .rating i.m,#catalogTableList .rating i.m{background:url(/bitrix/templates/dresscodeV2/components/medi/catalog/.default/images/rating.png)0-14px;width:0;z-index:10}#catalogTableList .price{font-family:"robotobold";text-decoration:none;position:relative;font-size:16px;display:block;color:#000}#catalogTableList .price .measure{font-size:16px}#catalogTableList .price .discount{font-family:"roboto_ltregular";position:absolute;padding-left:4px;font-size:14px;color:#888;right:25%;top:-18px}#catalogTableList .addCart,#catalogTableList .more{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;font-family:"roboto_ltregular";display:inline-block;text-decoration:none;text-align:center;line-height:40px;font-size:14px;color:#fff;height:40px;width:130px}#catalogTableList .addCart.requestPrice{margin-top:0}#catalogTableList .row{display:inline-block;text-align:center}#catalogTableList .icon{vertical-align:middle;display:inline-block;margin-right:4px;margin-top:-4px}#catalogTableList .addCart .icon,#catalogTableList .more .icon{padding-right:4px;margin-top:-4px}#catalogTableList .label{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;font-family:"roboto_condensedlight";text-decoration:none;line-height:21px;text-align:left;margin-top:8px;font-size:15px;color:#717171;display:block}#catalogTableList .label:hover{color:#000}#catalogTableList .article{background-color:#e4e7ed;display:inline-block;line-height:32px;overflow:hidden;padding:0 12px;color:#888;height:32px}#catalogLineList .itemRow{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border:1px solid #e7e8ea;border-collapse:collapse;margin-bottom:24px;display:table;width:100%}#catalogLineList .itemRow:hover{border:1px solid #ccc}#catalogLineList .column{vertical-align:middle;display:table-cell;position:relative;padding:24px 0}#catalogLineList .column:first-child{width:400px;border:0}#catalogLineList .column:last-child{border-left:1px solid #e7e8ea;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:24px;height:100%;width:270px}#catalogLineList .name{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration:none;display:inline-block;margin-bottom:12px;margin-right:12px;font-size:18px;color:#000}#catalogLineList .description{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:12px;padding-right:12px;font-size:12px;color:#888}#catalogLineList .prop{border-spacing:0;width:50%}#catalogLineList .picture{position:relative;text-align:center;display:block}#catalogLineList .picture img{max-height:250px;max-width:80%}#catalogLineList .markerContainer{position:absolute;z-index:22;top:8px;left:8px}#catalogLineList .marker{font:12px"roboto_ltregular",arial,sans-serif;background-color:#424242;margin-bottom:8px;color:#fff;padding:3px 4px;line-height:16px;z-index:2}#catalogLineList .rating{display:inline-block;vertical-align:middle;margin-bottom:12px;margin-right:12px;position:relative;overflow:hidden;margin-top:4px;height:15px;width:79px;z-index:2}#catalogLineList .priceLabel{font-family:"robotobold";margin-right:4px;font-size:21px;float:left}#catalogLineList .price{font-family:"robotobold";text-decoration:none;margin-bottom:12px;position:relative;font-size:21px;display:block;color:#000}#catalogLineList .price .measure{font-size:16px}#catalogLineList .price .discount{font-family:"roboto_ltregular";padding-left:4px;font-size:14px;color:#888;white-space:nowrap}@media (max-width:1200px){#catalogLineList .fastBack,#catalogLineList .fastOrder{display:inline-block;margin:9px auto;line-height:40px!important;padding:0 24px;font-size:14px;height:40px;width:auto!important}}#catalogLineList .addCart{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;line-height:60px;color:#fff;height:60px;font-size:18px;text-align:center;display:block;text-decoration:none;margin-top:16px;margin-bottom:12px}#catalogLineList .icon{vertical-align:middle;display:inline-block}#catalogLineList .addCart .icon{padding-right:12px;margin-top:-6px}#catalogLineList .row{margin-bottom:12px;overflow:hidden}#catalogLineList .label{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;font-family:"roboto_condensedlight";text-decoration:none;line-height:40px;font-size:15px;color:#717171;display:block;width:45%;float:left}#catalogLineList .label:hover{color:#000}#catalogLineList .label:nth-child(1),#catalogLineList .label:nth-child(3){width:55%}#catalogLineList .label .icon{padding-right:6px;margin-top:-4px}#catalogLineList .article{background-color:#e4e7ed;text-align:center;line-height:32px;padding:0 12px;color:#888}#catalogLineList .skuPropertyName{margin-bottom:4px;font-size:13px;color:#000}#catalogLineList .skuPropertyList{overflow:hidden;list-style:none;margin:0-4px;padding:0}#catalogLineList .skuProperty{overflow:hidden;margin:12px 0}#catalogLineList .skuProperty li{box-sizing:border-box;overflow:hidden;min-width:35px;padding:4px;float:left}#catalogLineList .oSkuCheckboxList label:before,#catalogLineList .oSkuDropdown label:before,#catalogLineList .skuProperty .disabled{display:none}#catalogLineList .skuPropertyLink{border:1px solid #ddd;text-decoration:none;text-align:center;line-height:21px;padding:4px 6px;min-width:30px;font-size:13px;display:block;color:#000}#catalogLineList .skuPropertyList img{vertical-align:middle;max-height:100%;max-width:100%}#catalogLineList .prop a{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#000}#catalogLineList .oSkuDropDownProperty:first-child{margin:0}#catalogLineList .oSkuDropDownProperty{overflow:visible;margin-top:12px}#catalogLineList .oSkuDropDownProperty .oSkuDropdownListItem{box-sizing:content-box;overflow:visible;min-width:auto;padding:0;float:none}#catalogLineList .oSkuDropdown{background-color:#fff;border:1px solid #e7e8ea;position:relative;line-height:13px;font-size:13px;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;max-width:250px;width:auto;margin-top:4px}#catalogLineList .oSkuCheckedItem{background:url(/bitrix/templates/dresscodeV2/components/medi/catalog/.default/images/selectArrow.png)97% 50%no-repeat;padding:12px 30px 12px 8px!important;cursor:pointer;display:block;color:#000}#catalogLineList .oSkuCheckedItem:hover{opacity:.8}#catalogLineList .oSkuCheckedItem:active{position:relative;top:1px}#catalogLineList .oSkuDropdownList{background-color:#fff;border:1px solid #e7e8ea;visibility:hidden;position:absolute;list-style:none;margin:0-1px;opacity:0;padding:0;z-index:2;top:42px;right:0;left:0}#catalogLineList .oSkuDropdownList.opened{visibility:visible;opacity:1}#catalogLineList .pics .oSkuDropdownList{top:52px}#catalogLineList .oSkuDropdownList .skuPropertyValue{border-top:1px solid #e7e8ea;position:relative;display:block}#catalogLineList .oSkuDropdownList .skuPropertyValue:first-child{border-top:0}#catalogLineList .oSkuDropdownList .selected{box-shadow:1px 1px 12px #f1f1f1 inset;font-family:"robotomedium"}#catalogLineList .oSkuDropdownList .selected,#catalogLineList .oSkuDropdownList .skuPropertyValue:hover{background-color:#f9f9f9;cursor:pointer;color:#fff;opacity:.8}#catalogLineList .oSkuDropdownList .oSkuPropertyItemLink{padding:12px 8px!important;text-decoration:none;line-height:18px;text-align:left;font-size:13px;color:#000;display:block;border:0}#catalogLineList .oSkuDropdownList .oSkuDropdownListItem.selected .oSkuPropertyItemLink{border:0}#catalogLineList .oSkuDropdownList .oSkuDropdownListItem.disabled,.removeFromWishlist{display:none}#catalogLineList .oSkuDropdownList .oSkuPropertyItemLink:active,#catalogLineList .oSkuDropdownList .skuPropertyValue:active .oSkuPropertyItemLink{position:relative;top:1px}#catalogLineList .oSkuDropdownList .skuPropertyValue.loading:after{left:24px} /* End */ /* Start:/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/style.css?175087273474233*/ .disabled { cursor: auto; } .img_color_atten {font-size:14px;color: #888;line-height:16px;} .podeli_widget .widget-header__info { width: 80px; margin-left: 10px; } .podeli_widget .widget-content__part:before { border-radius: 0; } .podeli_widget { display: none; height: 44px; overflow: hidden; border: 0!important; } .widget-container { padding: 0 0 10px!important; } .widget-container__footer, .widget-footer__left-part{ margin-top: 0!important; } .widget-main-text { font-size: 13px!important; font-family: roboto_ltregular; } #GTM_size_map { display:none; } .mob { display:none; } .desc { display:block; } #salonServicesSlider{ position: relative; display: none; } #salonServicesSlider .wrap, #salonServicesSlider .limiter{ position: relative; overflow: hidden; } #salonServicesSlider ul{ position:relative; } #salonServicesSlider ul li{ display: block; float:left; } #salonServicesSlider ul li img{ vertical-align: middle; max-height: 100%; max-width: 100%; } #salonServicesSlider ol{ margin: 20px; padding: 0px; list-style: none; position: inherit; left: 50%; bottom:0; } #salonServicesSlider ol li{ background: url(/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/slideButton.png) 0 0 no-repeat transparent; margin-right: 4px; width: 18px; height: 18px; float:left; cursor: pointer; } #salonServicesSlider ol li:hover{ background: url(/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/slideButton.png) -18px 0 no-repeat transparent; } #salonServicesSlider ol li:active{ background: url(/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/slideButton.png) -36px 0 no-repeat transparent; } #salonServicesSlider ol li.selected{ background: url(/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/slideButton.png) -54px 0 no-repeat transparent; } #salonServicesSlider ol li.selected:hover{ background: url(/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/slideButton.png) -72px 0 no-repeat transparent; } #salonServicesSlider ol li.selected:active{ background: url(/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/slideButton.png) -90px 0 no-repeat transparent; } #salonServicesSlider .salonServicesSliderBtnLeft, #salonServicesSlider .salonServicesSliderBtnRight{ display: block; height: 50px; width: 50px; position: absolute; top: 50%; margin-top: -25px; z-index: 1090; background: url(/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/slideArrows.png) no-repeat transparent; } #salonServicesSlider .salonServicesSliderBtnLeft{ background-position: 0 0; left: 0px; } #salonServicesSlider .salonServicesSliderBtnLeft:hover{ background-position: -50px 0; } #salonServicesSlider .salonServicesSliderBtnLeft:active{ background-position: -100px 0; } #salonServicesSlider .salonServicesSliderBtnRight{ background-position: 0 -50px; right: 0px; } #salonServicesSlider .salonServicesSliderBtnRight:hover{ background-position: -50px -50px; } #salonServicesSlider .salonServicesSliderBtnRight:active{ background-position: -100px -50px; } .youtube{ position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0; } .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } h1.changeName { font-family: "robotomedium"; } #elementContainer .changePropertiesGroup { } #elementContainer .tabs-wrap { border-bottom: 1px solid #c4c4c4; } #elementContainer .tab-link, #elementContainer .subtab-link { font-size: 18px; width: auto; height: auto; color: #9B9B9B; text-transform: none; border: none; font-family: "robotomedium"; line-height: 24px; position: relative; margin: 0 32px 16px 0; cursor: pointer; } #elementContainer .tab-link.active, #elementContainer .subtab-link.active { color: #000000; } #elementContainer .tab-link.active::after, #elementContainer .subtab-link.active::after { border-bottom: 3px solid #e20074; position: absolute; display: block; content: ""; width: 100%; bottom: -6px; } #elementContainer .tabs-content { border: none; text-align: left; } #elementContainer .tabs-content.hide, .tab-link.salon.hide { display: none; } .video_size_select .size_select { margin-left: 0 !important; } .video_size_select .get_medi_popup_Window { cursor: pointer !important; } .palitra_link { display: none; margin: 10px 0 10px 10px; color: #e20074; text-decoration: none; border-bottom: 1px dashed #e20074; cursor: pointer; font-size: 13px; line-height: 1.3; } .bindAction .tb { margin-bottom: 5px; } .action_over { color: #999; font-size: 13px; } .in-salons:first-letter { text-transform: uppercase } .salons_avail_later { display: block; } .salons_avail_later:first-letter { text-transform: uppercase } .salons_avail_now { font-family: "robotomedium"; } #left { position: relative; } #left .collapsed { position: absolute; width: 100%; z-index: 99; } .tech-icon { width: 15%; max-width: 300px; min-width: 80px; } .tech-icon > img { width: 100%; } .questions-answers-list .heading { padding: 36px 0 24px 0 !important; border-top: none !important; } .changeName + br { display: none; } .cheaper-product-name { visibility: hidden; } .videoFrame { border: 0; } #catalogElement { position: relative; } #catalogElement h2 { margin: 0; } #catalogElement .description { margin-bottom: 24px; max-width: calc(100% - 336px); display: block; color: #9B9B9B; } #catalogElement.loading:after { background: url(/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/loading.gif) no-repeat rgba(0, 0, 0, 0.2) 50% 50%; transition: all 0.2s ease-in-out; pointer-events: none; position: fixed; height: 100vh; width: 100%; content: ""; z-index: 999; top: 0; } #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: 0; } #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 { display: flex; width: 100%; } #tableContainer .column { display: table-cell; } #elementContainer { vertical-align: middle; padding-bottom: 24px; padding-right: 15px; } #elementNavigation { background-color: #e4e7ed; 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: 0; right: 0; 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 { margin: 15px 0; display: none; } #smallElementTools .fastBack { display: inline-block; width: 220px; height: 45px; margin-bottom: 12px; line-height: 45px; text-align: center; background: #e20074; color: #fff; border: 0; /*border-radius: 2px;*/ } #smallElementTools .fastOrder { margin-top: 0; } #smallElementTools .fastOrder.label { display: inline-block; margin-bottom: 6px; text-align: center; background: none; box-sizing: border-box; /*border-radius: 2px;*/ color: #000; border-bottom: 1px dashed; text-decoration: none; font-size: 15px; } #smallElementTools .fastOrder.varb.label { text-decoration: none; width: 100%; text-align: center; box-sizing: border-box; line-height: 40px; height: 40px; font-size: 14px; display: block; background: 0 0; border: 1px solid #e20074; color: #e20074; } #smallElementTools .fastOrder.label:hover { /*border-radius: 2px;*/ } #smallElementTools .smallSpecialTime { /*display: none;*/ } .smallElementToolsContainer { padding: 24px; margin-bottom: 18px; box-shadow: 0px 0px 15px rgb(0 0 0 / 15%); border-radius: 2px; } #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:last-child { font-size: 0; } #smallElementTools .columnRow { display: inline-block; vertical-align: middle; width: 49%; box-sizing: border-box; padding-right: 6px; } #smallElementTools .columnRow:last-child { padding: 0; } #smallElementTools .columnRow .fastBack { height: 60px; line-height: 60px; box-sizing: border-box; /*border-radius: 4px;*/ border: 0; color: #fff; } #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; position: relative; padding: 0 10px; width: 336px; z-index: 1; } #elementTools .fixContainer { padding: 24px 14px 12px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); border-radius: 2px; width: 284px; background: #fff; } #elementTools.fixed .fixContainer { margin-top: 12px; position: fixed; z-index: 33; top: 0; } #elementTools .fixContainer.maxScroll { padding-bottom: 12px; position: absolute; bottom: 0; top: unset; } #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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/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 0; } #catalogElement .qtyBlock .minus:active { background-position: -38px 0; } #catalogElement .qtyBlock label { padding-right: 12px; } #elementTools .secondTool .row:last-child { margin-bottom: 0; } #elementTools .row img, #smallElementTools .row img { vertical-align: middle; padding-right: 6px; margin-top: -4px; } #elementTools .requestPrice { cursor: pointer; } .fastOrderWrap { text-align: center; margin: 24px auto 0; } .availability_block { width: 100%; display: block; margin-top: 16px; text-align: center; } .available_link, .available_link:visited { text-decoration: none; width: 100%; text-align: center; background: none; box-sizing: border-box; line-height: 40px; height: 40px; font-size: 14px; display: block; border: 1px solid #e20074; color: #e20074; } .available_link:hover { color: #fff; background: #e20074; } /* black inline dashed*/ #elementTools .fastOrder.varb.label { text-decoration: none; width: 100%; text-align: center; background: none; box-sizing: border-box; line-height: 40px; height: 40px; font-size: 14px; display: block; background: 0 0; border: 1px solid #e20074; color: #e20074; } #elementTools .fastOrder.varb.label:hover { background: #e20074; color: #fff; } .varb .available_link, .varb .available_link:visited { -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!important; background: none; text-decoration: none; margin: 16px auto 12px; border: 0; border-bottom: 1px dashed; color: #000; font-size: 14px; } /* pink button */ #elementTools .fastOrder.label { -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; background: none; text-decoration: none; margin: 16px auto 12px; border: 0; border-bottom: 1px dashed; color: #000; font-size: 14px; /*text-decoration: none; width: 100%; text-align: center; background: none; box-sizing: border-box; line-height: 40px; height: 40px; font-size: 14px; display: block; background: 0 0; border: 1px solid #e20074; color: #e20074;*/ } /* #elementTools .fastOrder.label:hover { background: #e20074; color: #fff; } */ #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: 0; } #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: 15px; color: #666; } #elementTools .price, #smallElementTools .price { font-family: 'robotobold'; text-decoration: none; margin-bottom: 12px; position: relative; font-size: 21px; display: block; color: #000000; } #elementTools .price .discount, #smallElementTools .price .discount { color: #888888; margin-left: 6px; } #elementTools .price .oldPriceLabel, #smallElementTools .price .oldPriceLabel { font-family: 'roboto_condensedlight'; text-decoration: none; margin-bottom: 6px; margin-right: 12px; font-size: 14px; display: inline-block; color: #888888; } #elementTools .price .oldPriceLabel:last-child, #smallElementTools .price .oldPriceLabel:last-child { color: #e20074; } #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; /*font-family: 'roboto_condensedlight';*/ margin-bottom: 12px; width: 100%; } #elementTools .scan { width: calc(100% - 10px); margin-top: 0; } #elementTools .fastBack { display: inline-block; width: 100%; height: 45px; margin-bottom: 12px; line-height: 45px; text-align: center; background: #e20074; color: #fff; /*border-radius: 2px;*/ } #elementTools .fastBack:hover { color: #fff; background: #c90067; } #elementTools .smpOrder { display: block; width: auto; height: 45px; margin-bottom: 12px; line-height: 45px; text-align: center; background: #c90067; color: #fff; /*border-radius: 2px;*/ } #elementTools .smpOrder:hover { color: #fff; background: #e20074; } #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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/rating.png) repeat 0 0px transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0; top: 0; } #elementTools .rating i.m, #elementContainer .mainContainer .rating i.m, #smallElementTools .rating i.m { background: url(/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/rating.png) repeat 0 -14px transparent; width: 0; 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: calc(100% - 336px); } #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; width: 40%; } #elementContainer .mainContainer .secondCol { vertical-align: top; padding-right: 24px; position: static; } #elementContainer .mainContainer .col.hide { display: none; } #elementContainer .mainContainer .col:first-child { vertical-align: top; text-align: center; width: 60%; padding-left: 0; } #elementContainer #pictureContainer { /* border: 1px solid #C4C4C4; */ } #elementContainer #pictureContainer .pictureSlider { display: flex; align-items: center; visibility: hidden; } #elementContainer #pictureContainer .detail_product.pictureSlider .item { height: 450px; min-width:360px; width: 100%; } .detail_product .item{display: none;} @media screen and (max-width: 790px) { #elementContainer #pictureContainer .detail_product.pictureSlider .item { height: 450px; min-width: 95vw; } } #elementContainer #pictureContainer .item a { text-align: center; display: flex; height: 100%; align-items: center; justify-content: center; } #elementContainer #pictureContainer .item a img { vertical-align: middle; max-height: 100%; max-width: 90%; } #elementContainer #moreImagesCarousel { transition: all 0.3s ease-in-out; visibility: hidden; position: relative; padding-top: 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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/mediCarouselArrowSmall.png) 0 0 no-repeat transparent; position: absolute; height: 31px; z-index: 2; width: 30px; top: calc(50% - 6px); } #elementContainer #moreImagesCarousel #moreImagesLeftButton:hover { background-position: -30px 0; } #elementContainer #moreImagesCarousel #moreImagesRightButton:hover { background-position: -90px 0; } #elementContainer #moreImagesCarousel #moreImagesLeftButton:active, #elementContainer #moreImagesCarousel #moreImagesRightButton:active { transform: scale(0.85); } #elementContainer #moreImagesCarousel #moreImagesLeftButton { left: 0; } #elementContainer #moreImagesCarousel #moreImagesRightButton { background-position: -60px 0; right: 0; } #elementContainer #moreImagesCarousel .carouselWrapper { overflow: hidden; margin: auto; width: calc(100% - 60px); } #elementContainer #moreImagesCarousel .slideBox { position: relative; overflow: hidden; list-style: none; height: 66px; 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: 60px; opacity: 0.5; height: 60px; 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: -16px; } #elementContainer #moreImagesCarousel .slideBox .item a { display: block; line-height: 58px; height: 58px; border: 1px solid #c4c4c4; margin: auto; width: 58px; } #elementContainer #moreImagesCarousel .slideBox .item img { vertical-align: middle; max-height: calc(100% - 2px); max-width: calc(100% - 2px); margin-top: -4px; } #elementContainer .mainContainer .markerContainer { position: absolute; z-index: 3; left: 12px; top: 12px; } #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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/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 0; } #elementContainer .wishCompWrap .addWishlist:after { background-position: -16px 0; } #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 .marker { margin-right: 5px; font-weight: bold !important; font-size: 14px !important; border: 0 !important; } #elementContainer .marker.m-sale { border: 0 !important; font-family: robotomedium !important; font-size: 16px !important; } #elementContainer .marker.m-hit { text-align: center; color: #fff !important; border: 1px solid #ed8b00 !important; background: #ed8b00 !important; } @media screen and (min-width: 700px) { .m-sale, .m-dscnt-20, .m-percent { border: 0 !important; font-size: 15px !important; } } #elementContainer .marker.m-percent { font: bold normal 13px "roboto_ltregular", arial, sans-serif; margin-bottom: 8px; line-height: 16px; padding: 3px 10px; text-align: center; width: 8px; } #elementContainer .brandImageWrap { margin-right: 15px; } #elementContainer .brandImageWrap .tb { width: auto; } #elementContainer .brandImage { vertical-align: middle; display: inline-block; } #elementTools .delivery_methods { width: 100%; border-top: 1px solid #e9e9e9; padding: 1em 0; font-size: 14px; color: #666; line-height: normal; } .delivery_methods .medi-color { font-family: "robotomedium"; } .availability_left { width: 100%; font-size: 13px; color: #666; text-align: center; line-height: normal; } #elementTools .bindAction { width: 100%; border-top: 1px solid #e9e9e9; padding: 1em 0 0; } #elementContainer .bindAction, #elementTools .bindAction { vertical-align: middle; display: inline-block; margin-bottom: 12px; line-height: 18px; font-size: 15px; } /*#elementContainer .tb{ width: auto; }*/ #elementContainer .bindAction .bindActionTitle, #elementTools .bindAction .bindActionTitle { width: 100%; font-family: 'robotomedium'; } #elementContainer .bindActionImage, #elementTools .bindActionImage { width: 38px; } #elementContainer .bindActionImage .image, #elementTools .bindActionImage .image { display: block; width: 30px; height: 30px; font-size: 24px; color: #e20074; line-height: 20px; text-align: center; } #elementContainer .bindAction a, #elementTools .bindAction a, #elementContainer .bindAction a, #elementTools .bindAction { position: relative; font-family: 'robotomedium'; font-size: 14px; color: #333; 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, #elementTools .bindAction a:active { position: relative; top: 1px; color: #e20074; } @media (max-width: 1279px) { #elementContainer #pictureContainer .pictureSlider, #elementContainer #pictureContainer .pictureSlider { height: 450px; } } .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: 15px; border-bottom: 1px solid #e8e8e8; margin-top: 6px; display: flex; align-items: center; } .reviewsBtnWrap .row { display: inline-block; vertical-align: top; font-family: 'robotomedium'; font-size: 15px; color: #666; } .reviewsBtnWrap .row:last-child { margin-right: 0; } .reviewsBtnWrap .row img { vertical-align: middle; padding-right: 6px; margin-top: -4px; } .reviewsBtnWrap .label { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 21px; color: #717171; } .reviewsBtnWrap .labelDotted { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; color: #000000; border-bottom: 1px dashed #b9b9b9; } .reviewsBtnWrap a.label:hover .labelDotted { border-color: #000000; } .reviewsBtnWrap a.label:hover { color: #000000; } .reviewsBtnWrap a.label:active { position: relative; top: 1px; } #elementContainer .brandImage img { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; max-height: 100px; max-width: 100px; } #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 .elementSkuProperty[data-name='SIZE'], #elementContainer .elementSkuProperty[data-name='COLOR'] { 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; opacity: 1; } #elementContainer .elementSkuPropertyValue.loading { opacity: 0.5; } #elementContainer .elementSkuVariantLabel { margin-top: 12px; font-size: 16px; } #elementContainer .elementSkuPropertyName { font-size: 16px; color: #888888; display: flex; align-items: center; font-weight: 600; font-size: 16px; /*height: 45px;*/ min-height: 45px; flex-wrap: wrap; } #elementContainer .elementSkuPropertyList { overflow: hidden; list-style: none; margin: 0; padding: 0; max-width: 700px; display: flex; flex-wrap: wrap; } #elementContainer .elementSkuProperty { overflow: hidden; margin: 0; display: inline-block; } #elementContainer .elementSkuProperty.fix_select { width: 210px; margin: 0; } /* ---- Стилизация select подмененного через JS (использован пока для sku) ---- */ .sku-select { display: inline-block; max-width: 100%; position: absolute; line-height: 40px; padding-right: 10px; /*position: absolute;*/ } .sku-new-select { position: relative; border: 1px solid #c2c2c2; padding: 0 12px; cursor: pointer; user-select: none; font-size: 15px; min-width: 140px; } .sku-new-select__list { position: absolute; top: 41px; left: 0; border: 1px solid #ced4da; cursor: pointer; z-index: 2000; background: #fff; user-select: none; width: 164px; } .sku-new-select__list.on { display: block; } .sku-new-select__item span { display: block; padding: 0 12px; text-align: left; } .sku-new-select__item span:hover { color: #ffffff; background-color: #e20074; font-family: "robotomedium"; } .sku-new-select:after { content: ''; display: block; width: 20px; height: 20px; position: absolute; right: 11px; top: 11px; background: url('/bitrix/templates/dresscodeV2/images/simple-arrow.svg') no-repeat right center; background-size: contain; opacity: 0.6; -webkit-transition: all .27s ease-in-out; -o-transition: all .27s ease-in-out; transition: all .27s ease-in-out; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .sku-new-select.on:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* ------------------- */ #elementContainer .elementSkuPropertyDropdown { margin: 6px 0 6px; } .elementSkuProperty[data-name='SIZE'] .elementSkuPropertyName { justify-content: space-between; padding-right: 5%; } #elementContainer .elementSkuProperty li { box-sizing: border-box; /*overflow: hidden;*/ min-width: 42px; margin: 0 15px 12px 0; opacity: 1; } #elementContainer .elementSkuProperty.fix_select li { box-sizing: border-box; /*overflow: hidden;*/ min-width: 52px; margin: 0 6px 12px 0; } #elementContainer .elementSkuProperty .selected .elementSkuPropertyLink { position: relative; /*top: -2px;*/ opacity: 1; } #elementContainer .elementSkuProperty .disabled { /*display: none;*/ opacity: 0.5; cursor: none; } #elementContainer .elementSkuPropertyLink { border: 1px solid #eee; text-decoration: none; text-align: center; font-size: 15px; line-height: 40px; padding: 0; display: block; color: #000; min-width: 85px; max-height: 40px; overflow: hidden; } #elementContainer .elementSkuPropertyLink.withImg { min-width: 42px; } #elementContainer .elementSkuPropertyLink:active { position: relative; top: 1px; opacity: 1; } #elementContainer .elementSkuPropertyLink:focus { position: relative; top: 1px; opacity: 1; } #elementContainer .elementSkuPropertyLink:focus-within { opacity: 1; } #elementContainer .elementSkuPropertyList img { vertical-align: middle; max-height: 100%; max-width: 100%; width: 43px; } #catalogElement .elementSkuDropDownProperty { overflow: visible; } #catalogElement .elementSkuDropDownProperty .skuDropdownListItem { box-sizing: content-box; overflow: visible; min-width: auto; padding: 0; 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;*/ min-width: 264px; width: 100%; margin-top: 4px; } #catalogElement .skuCheckedItem { background: url(/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/selectArrow.png) 97% 50% no-repeat transparent; padding: 16px 30px 16px 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; } #elementContainer .elementSkuProperty .disabled .elementSkuPropertyLink, #elementContainer .elementSkuProperty .disabled .elementSkuPropertyLink:hover { color: #888!important; } #catalogElement .skuDropdownList { background-color: #ffffff; border: 1px solid #e7e8ea; visibility: hidden; position: absolute; list-style: none; margin: 0 -1px; opacity: 0; padding: 0; z-index: 2; top: 44px; right: 0; left: 0; } #catalogElement .skuDropdownList.opened { visibility: visible; opacity: 1; } #catalogElement .pics .skuDropdownList { top: 52px; } #catalogElement .skuDropdownList .elementSkuPropertyValue { border-top: 1px solid #e7e8ea; position: relative; display: block; } #catalogElement .skuDropdownList .elementSkuPropertyValue:first-child { border-top: 0; } #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 .elementSkuPropertyValue.disabled:hover { } #elementContainer .elementSkuPropertyValue.disabled .elementSkuPropertyLink:hover { cursor: not-allowed; opacity: 0.5; color: #000; border: 1px solid #eee; } #catalogElement .skuDropdownList .skuPropertyItemLink { padding: 12px 8px !important; text-decoration: none; line-height: 18px; text-align: left; font-size: 13px; color: #000000; display: block; border: 0; } #catalogElement .skuDropdownList .skuDropdownListItem.selected .skuPropertyItemLink { border: 0; } #catalogElement .skuDropdownList .skuDropdownListItem.disabled { display: none; } #catalogElement .skuDropdownList .elementSkuPropertyValue:active .skuPropertyItemLink, #catalogElement .skuDropdownList .skuPropertyItemLink:active { position: relative; top: 1px; opacity: 1; } .changePropertiesNoGroup { margin-top: 24px; } #elementContainer #detailText, #elementContainer #detailTags { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*margin-top: 24px;*/ overflow: hidden; padding: 0 24px 24px 0; font-size: 14px; clear: both; } #elementContainer #detailTags { padding-bottom: 0; } #elementContainer #detailText .heading, #elementContainer #detailTags .heading { border-top: 1px solid #C4C4C4; font-family: 'robotomedium'; letter-spacing: 1px; padding: 36px 0; font-size: 21px; } #elementContainer #detailText img { max-width: 100%; } #elementContainer .defailTagsItems { margin-bottom: 12px; } #elementContainer .detailTagsItems .detailTagsItem { vertical-align: middle; display: inline-block; margin-bottom: 12px; margin-right: 12px; } #elementContainer .detailTagsItems .detailTagsItem:last-child { margin-right: 0; } #elementContainer .detailTagsItems .detailTagsLink { transition: all 0.2s ease-in-out; display: block; background-color: #f4f4f4; text-decoration: none; padding: 6px 12px; /*border-radius: 4px;*/ color: #000000; } #elementContainer .detailTagsItems .detailTagsLink.selected { font-family: 'robotomedium'; } #elementContainer .detailTagsItems .detailTagsLink.selected .reset { vertical-align: middle; display: inline-block; margin-left: 6px; font-size: 13px; } #elementContainer .detailTagsItems .detailTagsLink:hover { background-color: #f0f0f0; } #elementContainer .detailTagsItems .detailTagsLink:active { position: relative; top: 1px; } #elementContainer .detailTagsItems .moreButton .detailTagsLink { background-color: #ffffff; border: 1px solid #e7e8ea; } #elementContainer .detailTagsItems .moreButton .detailTagsLink:hover { background-color: #fbfbfb; } #elementContainer .detailTagsItems .detailTagsItem.showAll { display: inline-block !important; } @media all and (max-width: 1100px) { #catalogElement .description { max-width: 100%; } } @media screen and (min-width: 600px) { #elementContainer .detailTagsItems .desktopHidden { display: none; } } @media screen and (max-width: 600px) { #elementContainer .detailTagsItems .mobileHidden, #elementContainer #detailTags.mobileHidden { display: none; } } #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: 0; } #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; } .techList { margin: 0 auto 10px; } .techItem { display: inline-block; width: 85px; margin: 5px; } .techItem img.question { cursor: pointer; } .size_select { display: inline-block; margin: 10px 5px 10px 5px; color: #e20074; border-bottom: 1px dashed #e20074; cursor: pointer; font-size: 16px; } #tech .heading { font-family: 'robotomedium'; padding: 24px 24px 36px 0; font-size: 21px; } #related .heading, #similar .heading { font-family: 'robotomedium'; letter-spacing: 1px; padding: 12px 24px 36px 0; font-size: 21px; } #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;*/ 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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/questions.png") 0 0 transparent; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; vertical-align: middle; display: inline-block; margin-left: 6px; height: 19px; width: 19px; cursor: pointer; } #elementProperties .stats .question:hover { background: url("/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/questions.png") -19px 0 transparent; } #elementProperties .stats .question:active { background: url("/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/questions.png") -38px 0 transparent; } #elementProperties .stats tr { border-top: 1px solid #e4e4e4; border-bottom: 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 0; } #elementProperties .stats .name { text-overflow: ellipsis; /*white-space: nowrap;*/ padding-left: 12px; overflow: hidden; width: 150px; } #elementProperties .stats .name span { box-sizing: border-box; vertical-align: middle; display: inline-block; padding-right: 12px; } #elementProperties .stats .analog { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 13px; text-decoration: none; color: #9d9d9d; border-bottom: 1px solid #d0d0d0; padding-bottom: 1px; } #elementProperties .stats .analog:hover { color: #000000; border-bottom-color: #000000; } #elementProperties .stats .analog:active { position: relative; top: 1px; } #elementProperties .stats .right { text-align: right; padding-right: 10%; } #catalogElement .bx_pagination_bottom { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #files { margin-top: 24px; } #files .wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #files .heading { font-family: 'robotomedium'; letter-spacing: 1px; padding: 36px 24px 36px 0; font-size: 21px; 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: 18px; font-size: 14px; display: block; color: #000000; /*height: 25px;*/ /*height: 25px;*/ } #files .item .info .name span { vertical-align: middle; display: inline-block; line-height: 18px; } #files .item small { display: block; line-height: 24px; } #video .wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #video .heading { font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px 36px 0; 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 12px 12px; } #video .item iframe { width: 100%; } #video .items.sz1 .item { padding: 0; width: 100%; } #video .items.sz1 iframe { height: 500px; } #video .items.sz2 .item { width: 50%; } #video .items.sz2 iframe { } .f-video-item {min-height:240px;width: 100%;} #elementError { background-color: rgba(0, 0, 0, 0.298); display: none; height: 100%; left: 0; overflow: visible; position: fixed; top: 0; 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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/exit.png") 0px -21px no-repeat transparent; } #elementErrorContainer #elementErrorClose:active { background: url("/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/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 0; font-weight: 400; font-size: 14px; color: #000000; } #skuOffersTable .offersTable td { border-bottom: 1px solid #e4e7ed; border-top: 1px solid #e4e7ed; padding-bottom: 8px; padding-top: 8px; } #skuOffersTable .offersTable th { border-bottom: 1px solid #e4e7ed; border-top: 1px solid #e4e7ed; } #skuOffersTable .offersTable th:first-child, #skuOffersTable .offersTable td:first-child { border-left: 1px solid #e4e7ed; } #skuOffersTable .offersTable th:last-child, #skuOffersTable .offersTable td:last-child { border-right: 1px solid #e4e7ed; } #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: #888888; display: block; right: -12px; top: -16px; } #skuOffersTable .offersTable .basket .addCart { /*width: 76px;*/ transition: all 0.2s ease-in-out; text-decoration: none; display: inline-block; text-align: center; /*border-radius: 4px;*/ line-height: 30px; padding: 0 12px; color: #ffffff; height: 30px; } #skuOffersTable .offersTable .basket .addCart.requestPrice { margin-top: 0; } #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: #888888; } #complect .complectResultEconomy { border-left: 1px solid #e8e8e8; padding-left: 24px; float: right; } #complect .complectResultEconomyValue { font-family: 'robotobold'; margin-left: 12px; font-size: 16px; } #complect .complectListItem:after { font-family: 'roboto_thregular'; transform: translateY(-50%); position: absolute; font-size: 48px; display: block; color: #888888; content: "+"; right: -12px; top: 50%; } #complect .complectListItem:last-child:after, #complect .complectListItem:nth-child(4n):after { display: none; } #zoomer { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; transform: scale(0.7); } #zoomer.opened { opacity: 1; visibility: visible; transform: scale(1); } #zoomer #zoomerExitLink { background: url(/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/carouselArrowsBig.png) 0 0 no-repeat transparent; opacity: 0.5; } #zoomerBigNextMore { background-position: -57px 0; } #zoomerNextMore, #zoomerPrevMore { background: url(/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/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; } .action-wrapper { border: 1px solid #e9e9e9; border-radius: 5px!important; } .timer__title { text-align: center; font-family: "roboto_ltregular"; } .tb { border-collapse: inherit!important; border-radius: 0 0 5px 5px; border-spacing: 5px; } .smallSpecialTime { text-align: center; padding-bottom: 6px; color: #000; 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 0; line-height: 14px; height: 42px; width: 48px; background: #FFF!important; } .smallSpecialTime .specialTimeItem:first-child { /*margin-left: 0;*/ } .smallSpecialTime .specialTimeItemValue { font-family: 'robotomedium'; font-size: 18px; margin-bottom: 5px; } .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 0; 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; } #stores { margin-top: 24px; font-size: 14px; } #stores .wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: auto; } #stores .heading { font-family: 'robotomedium'; letter-spacing: 1px; padding: 36px 0px 24px 0 !important; font-size: 21px; } #stores .storeTable { width: 100%; table-layout: fixed; border-collapse: collapse; } #stores .storeTable tr:nth-child(odd) td { background-color: #f9f9f9; } #stores .storeTable th { background-color: #e4e7ed; padding: 12px 24px; font-weight: 400; text-align: center; } #stores .storeTable td { /*border-top: 1px solid #e7e8ea;*/ text-align: center; padding: 12px 24px; } #stores .storeTable .name { text-align: left; width: 35%; } #stores .storeTable td.name { text-align: left; } #stores .storeTable .lb { display: inline-block; text-align: left; } #stores .storeTable .icon { vertical-align: middle; padding-right: 6px; margin-top: -4px; } #stores .storeTable .green { /*font-weight: 800;*/ color: #73b24e; } #stores .storeTable .red { color: #ff0000; } #stores .storeTable .picture { vertical-align: middle; padding-right: 12px; } #stores .storeTable a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: underline; color: #000000; } #stores .storeTable a:hover { color: #888888; } #stores #storeMap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 20px; padding: 0; height: 500px; } #stores .flex-salons:last-child { border-bottom: none; } @media screen and (max-height: 500px) { #stores #storeMap { height: 400px; } } @media (max-width: 1440px) and (min-width: 1100px) { #elementContainer .elementSkuProperty li { margin: 0 6px 18px 0; } } #elementContainer .elementSkuPropertyLink:hover { border: 1px solid #e20074; color: #e20074; } .tooltip img:hover { opacity: 0.5; } #elementContainer .tab-link:hover { color: #000000; } @media (max-width: 960px) { #elementContainer #moreImagesCarousel .slideBox { height: 65px !important; } #elementContainer #moreImagesCarousel .carouselWrapper { width: 100%; } } @media (max-width: 480px) { #smallElementTools .columnRow .addCart { padding: 0 4px !important; } .changeShortDescription { position: absolute; top: -9999px; left: -9999px; } #tech .heading, #detailText .heading, #catalogReviews .heading, #files .heading, #video .heading { display: block; } #elementContainer #moreImagesCarousel .slideBox .item a { height: 43px !important; width: 43px !important; line-height: 43px !important; } #elementContainer #moreImagesCarousel #moreImagesLeftButton { margin-top: -20px !important; } #elementContainer #moreImagesCarousel #moreImagesRightButton { margin-top: -20px !important; } } .palitra_link:hover, .size_select:hover { color: #ff41a2; border-color: #ff41a2; } #elementContainer .elementSkuPropertyList img:hover { /*opacity:0.5;*/ } #elementContainer .elementSkuProperty .selected .elementSkuPropertyLink { border: 2px solid #e20074 !important; color: #e20074; font-weight: bold; opacity: 1; } #elementContainer .bindActionImage .image, #elementTools .bindActionImage .image { display: block; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url(/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/images/action.png); } .bindActionTitle a { text-decoration: none; } #tech .heading, #similar .heading, #related .heading, #detailText .heading, #catalogReviews .heading, #files .heading { text-transform: uppercase; } @media (min-width: 481px) { #tech .heading, #detailText .heading, #files .heading, #video .heading, #elementProperties .heading, #stores .heading { display: none !important; } .acor-container label { display: none; } } .skuDropdownList { display: block !important; } .skuDropdownList li { margin: 0 !important; } .skuDropdownList .selected .elementSkuPropertyLink { border: 0px solid white !important; color: #000 !important; border-color: transparent !important; } .skuDropdownList .elementSkuPropertyLink:hover { border: 0px solid transparent !important; color: #000 !important; } .acor-container input[type=checkbox], #elementProperties .heading, #stores .heading { display: none !important; } @media (max-width: 700px) { #GTM_size_map { display:inline-block; } .mob { display:block; } .desc { display:none; } .body_noscroll { position: fixed; width:100%; overflow:hidden; } .acor-container { margin: 20px 0; } .acor-container .acor-body { margin: 0 auto; height: 0; padding: 0 30px; box-sizing: border-box; overflow: hidden; transition: all .5s; } .acor-container .acor-body p { margin: 0 0 10px; } .acor-container label { cursor: pointer; background-color: #F6F7F8; display: block; padding: 15px 20px; width: 100%; color: #000; font-weight: bold; box-sizing: border-box; z-index: 100; font-size: 18px; margin: 0 0 5px; text-transform: uppercase; font-family: 'robotomedium'; } .acor-container label:hover { color: #000; } .acor-container input { display: none; } .acor-container label:before { content: '\276F'; float: right; transform: rotate(90deg); transition: transform .35s; } .acor-container input:checked + label { background-color: #F6F7F8;; color: #000; } .acor-container input:checked + label:before { transition: transform .35s; transform: rotate(270deg); } .acor-container input:checked + label + .acor-body { height: auto; margin-top: -5px; color: #000; padding: 20px 30px 10px; transition: all .5s; } .acor-container label { display: block; } #elementContainer .tabs-wrap .tab-content.hide { display: none; } } /* End */ /* Start:/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/css/review.css?16950640139803*/ #catalogReviews .reviewUserIcon .userIcon { width: 60%; vertical-align: middle; } #catalogReviews .reviewUserIcon { width: 60px; height: 60px; line-height: 60px; text-align: center; text-transform: uppercase; background-color: #f7f7f7; font-size: 2em; } #catalogReviews a { color: #e20074; } .reviewHeader { display: inline-block; border-bottom: 1px solid #aebcc5; margin-bottom: 12px; padding-bottom: 12px; } #catalogReviews{ margin-top: 24px; overflow: hidden; } #catalogReviews .heading{ font-family: 'robotomedium'; letter-spacing: 1px; font-size: 21px; margin-bottom: 30px; } #catalogReviews .heading .reviewAddButton{ color: #ffffff; margin-bottom: 15px; } #catalogReviews .heading .reviewAddButton:hover { border: 1px solid #c90067; background-color: #ffffff; color: #c90067; } #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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/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 .reviewDate { margin-top: 6px; } #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: top; width: 60px; padding-left: 0; } #reviews .reviewTable .reviewColumn .reviewDate{ color: #888888; } #reviews .reviewAnswer { padding: 24px 1em 24px 2em; background-color: #f7f7f7; } #reviews .reviewAnswerAuthor { -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: "robotoMedium"; display: inline-block; text-decoration: none; position: relative; color: #000000; } #reviews .reviewAnswerAuthor:after { -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 #000000; position: absolute; display: block; content: ""; height: 1px; bottom: 0px; width: 100%; } #reviews .reviewAnswerText { margin-top: 12px; color: #555555; overflow: auto; } #reviews .reviewAnswerText a { display: inline-block; overflow: hidden; vertical-align: middle; max-width: 240px; text-overflow: ellipsis; white-space: nowrap; } #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; padding: 4px 12px; /*border-radius: 4px;*/ line-height: 21px; display: block; color: #000000; width: 160px; } #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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/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; } label .required { color:#e2001a; } /* End */ /* Start:/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/css/media.css?174246867114912*/ @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: 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) { #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; } #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; } #elementContainer { width: calc(100% - 300px); } #elementTools{ width: 300px; } #elementTools .fixContainer { width: 248px; } .smallSpecialTime{ padding-bottom: 6px; } #files .item .icon{ width: 18%; } .ya-share-label{ margin-top: 0; } #elementContainer .brandImage{ margin-right: 24px; margin-bottom: 12px; } #elementContainer .bindAction{ margin-bottom: 12px; } .reviewsBtnWrap{ padding-bottom: 0px; margin-top: 0px; } .reviewsBtnWrap .row{ margin: 0 24px 12px 0; } #elementContainer .elementSkuVariantLabel{ display: none; } .productDetailText .heading{ font-size: 14px; } #catalogElement .product{ width: 33.333%; } #catalogElement .product:nth-child(4n+4){ border-right-width: 1px; } } @media all and (max-width: 1250px){ #skuOffersTable { display: none; } } @media all and (max-width: 1080px) { #elementContainer .mainContainer { border-bottom: none; } #elementContainer .mainContainer .secondCol { padding-right: 0; } #elementContainer { width: 100%; padding-right: 0; } #tableContainer #elementTools{ display: none; } #smallElementTools{ 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; } .availability_block { /*text-align: left;*/ min-width: 170px; } } @media all and (max-width: 1024px) { .limiter #left{ width: 100%; } #left .collapsed{ position: static; } #smallElementTools .columnRow .fastOrder{ margin-top: 0; } } @media all and (max-width: 1023px) { #files .item{ width: 50%; } #files .item .icon{ width: 14%; } } @media all and (max-width: 1000px) { #smallElementTools .columnRow:last-child{ padding: 0 8px 0 0; } #elementContainer .mainContainer .col:nth-child(n) { width: 50%; } .available_link { line-height: 50px; height: 50px; margin-top: 0; margin-bottom: 0; } .available_link.varb { line-height: 1; height: auto; margin-top: 0; margin-bottom: 0; } .pictureSlider{ margin-top: 24px; } #elementContainer .mainContainer .col{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #elementContainer .brandImage{ margin-bottom: 18px; } #elementContainer .bindAction{ margin: 18px 0; } #complect .heading{ border: none; } #elementTools .addCart{ margin-top: 12px; } #smallElementTools .columnRow .fastBack{ height: 50px; line-height: 50px; } .secondTool .row .greyBigButton.reserve { height: 50px; line-height: 50px; padding: 0; font-size: 14px; width: 50%; } #smallElementTools .columnRow .addCart{ height: 50px; line-height: 50px; } #smallElementTools .columnRow .fastOrder{ } .changePropertiesNoGroup{ margin: 12px 0 18px; } #smallElementTools .columnRow .fastBack, #smallElementTools .columnRow .addCart, #smallElementTools .columnRow .fastOrder{ 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: 150px; } } @media screen and (max-width: 790px){ h1.changeName { font-size: 21px; line-height: 25px; margin-bottom: 24px; } #tableContainer .column:nth-child(1) { padding-right: 0; } #elementContainer .mainContainer .col:nth-child(n) { width: 100%; } .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; } #elementContainer .mainContainer .col{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; padding: 0; } #elementContainer .brandImageWrap{ padding-top: 24px; } .changePropertiesNoGroup{ display: none; } #elementContainer .new-list-items{ margin: 0 -3px; } } @media all and (min-width: 701px) { #elementContainer .tabs-wrap .tab-content .answer { display: block!important; } } @media all and (max-width: 700px) { #elementContainer .tabs-wrap .tabs-links { display: none; } #elementContainer .tab-content .m-question { display: block; line-height: 38px; margin: 6px 0; background-color: #f7f7f7; padding: 0 10px; position: relative; font-size: 18px; } #elementContainer .tabs-wrap .tab-content { display: block; } #elementContainer .tabs-wrap .tab-content .answer { display: none; } #elementContainer .tabs-wrap .tab-content.active .answer { display: block; } #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.action, #stores td.action{ display: table-cell; } #stores .tabs-links { padding: 0 24px; } #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; }*/ #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; border-top: 1px solid #e7e8ea; } #elementContainer .brandImageWrap{ border:0; } #elementContainer .brandImageWrap .bindAction {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; } #smallElementTools .mainTool, #smallElementTools .secondTool{ display: inline-block; vertical-align: top; } #smallElementTools .secondTool{ width: 60%; } .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; box-sizing: border-box; } #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: 50%; } #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; } #elementProperties .stats .question{ display: none; } } @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: 150px; } #catalogElement #newReview input{ width: 100%; } #catalogElement #newReview .submit{ width: 100%; margin: 0; } #catalogReviews .heading .ratingContainer{ display: none; } } @media all and (max-width: 480px) { #smallElementTools .columnRow { width: 100%; } #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: 150px; } #elementProperties .stats td:nth-child(2){ width: auto; 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 8px 0 0; } } /* End */ /* Start:/bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/css/set.css?169506401310964*/ #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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/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/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/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 */ /* Start:/bitrix/templates/dresscodeV2/components/dresscode/catalog.store.amount/new_card/style.css?16950640132988*/ #stores .tabs-wrap { margin: 0; } #storesList{ margin-top: 0 ; } .storeListHead { background-color: #e9edf0; text-align: center; color: #000; } #storesList .salons-name{ margin: 20px .5%; width: 33%; } #storesList .salons-metro{ margin: 20px .5%; width: 25%; text-align: center; } #storesList .salons-shedule{ margin: 20px .5%; width: 19%; } .map-balloon .theme-link-dashed {display: inline;font-size: 12px;} .shedule-block .theme-link-dashed {display: inline;} #storesList .salons-phone{ margin: 20px .5%; width: 18%; text-align: center; } #storesList .salons-name a {display: inline;} .shedule-str { display: inline; } .working { display: inline; color:#00cc00; } .not-working { display: inline; color:#952525; } #storesList .salons-phone a { color:#222; text-decoration: none; } #storesList .salons-phone a:hover { color:#c90067; text-decoration: none; } .salons-metro img { width: 20px; height:20px; vertical-align: top; margin-right: 5px; } .salons-metro svg { width: 20px; height:20px; vertical-align: top; margin-right: 5px; } #storesList .storesListItemPhoneLabel{ display: none; } @media all and (max-width: 1280px) { .salons_city_popup { width: 35rem; } #storesList .storesListItemLeft{ width: 70%; } #storesList .storesListItemRight{ background-color: #fbfbfb; text-align: center; width: 30%; } #storesList .storeItemDescription{ max-height: 42px; } #storesList .storesListItemPhone, #storesList .storesListItemEmail, #storesList .storesListItemSchedule{ padding: 0px; width: 100%; float: none; } #storesList .storesListItemSchedule{ display: none; } #storesList .storeListIcon{ display: none; } #storesList .storesListItemPhone{ font-family: "robotoMedium"; margin-bottom: 12px; font-size: 16px; } #storesList .storesListItemScheduleSmall{ display: block; margin-top: 6px; } #storesList .storesListItemPhoneLabel{ font-family: "roboto_ltregular"; margin-bottom: 12px; font-size: 14px; display: block; } } @media (max-width: 1023px) { .storeListHead { display: none!important; } #storesList .salons-name p { margin: 0 0; } #storesList .salons-phone { text-align: left; } #storesList .salons-metro { text-align: left; margin: 0; } .flex-salons { flex-direction: column!important; } .flex-salons .flex-salons-item { width: 100%!important; margin: 10px; } #storesList .greyButton { float:none; } #storesList .salons-shedule { margin: 0; } } .flex-salons { display: flex; flex-direction: row; justify-content: space-between; border-bottom:1px solid #e9edf0; align-items: center; padding: 0 10px; } /* End */ /* /bitrix/templates/dresscodeV2/components/medi/catalog/.default/style.min.css?16950640139331 */ /* /bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/style.css?175087273474233 */ /* /bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/css/review.css?16950640139803 */ /* /bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/css/media.css?174246867114912 */ /* /bitrix/templates/dresscodeV2/components/dresscode/catalog.item/detail_new/css/set.css?169506401310964 */ /* /bitrix/templates/dresscodeV2/components/dresscode/catalog.store.amount/new_card/style.css?16950640132988 */