/* Start:/local/templates/ls/components/electro/catalog/.fujitsu/style.min.css?175794032415440*/ #catalogLine #onn.asc:hover,#catalogLine #onn.desc:hover{transform:rotate(180deg)}#secLevel2>ul{margin:24px 0}#secLevel2>ul>li{padding:6px 12px 6px 27px;text-transform:uppercase}#secLevel2>ul>li.selected{background-color: rgb(102, 102, 102);color:#fff;position:relative}#secLevel2>ul>li.selected:after{right:-5px;top:0;content:'';position:absolute;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:7px solid rgb(102, 102, 102)}#secLevel2>ul>li.selected>span{color:#fff}#secLevel2>ul>li:last-child{border-bottom-right-radius:3px}#secLevel2>ul>li>a{font:normal normal 14px Roboto,Arial,sans-serif;text-decoration:none;display:inline;color:#333;border-bottom-color:rgba(51,51,51,.3);border-bottom-style:solid;border-bottom-width:1px;outline:0}#catalogLine #on,#catalogLine #onn,#catalogLine .left a{height:26px;display:inline-block}#secLevel2>ul>li>a:active{position:relative;top:1px}#secLevel2>ul>li>a:hover{color:#0089D8;border-bottom-color:rgba(0,137,216,.33)}#secLevel2>ul>li>a.selected{color:#fff;border-bottom-color:#fff}#secLevel2>ul>li>a.selected:hover{color:#fff}#secLevel2>ul>li>span{font-size:11px;padding-left:5px;color:#666}#catalog .productList{overflow:hidden;margin:0;padding:0}#catalog .productList li{margin-right:24px;margin-bottom:24px;border:1px solid #E1E1E1;-o-transition:all .1s ease;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;transition:all .1s ease}#catalog .productList .wrap{width:100%;border:0}#catalog .productList li:hover{border:1px solid #C9C9C9}#catalog>p:first-of-type{margin-top:0}#catalogLine{font:normal normal 13px Roboto,Arial,sans-serif;color:#fff;height:41px;line-height:41px;margin-bottom:24px;margin-top:10px;position:relative;border:1px solid #f1f1f1;overflow:hidden;white-space:nowrap;border-radius:3px}#catalogLine .left{width:33%;float:left}#catalogLine .center{text-align:center;color:silver;display:inline-block;margin:0 auto;width:33%}#catalogLine .right{float:right;padding-right:12px}#catalogLine .left span{padding-right:12px;margin-left:8px}#catalogLine .right a.text,#catalogLine .center a.text{vertical-align:baseline;text-align:center;text-decoration:none;background-color:silver;font:normal normal 14px 'Roboto',Arial,sans-serif;line-height:25px;display:inline-block;height:25px;color:#fff;border-radius:3px}#catalogLine .right a.text:hover,#catalogLine .center a.text:hover{background-color:#00a2ff;color:#fff}#catalogLine .right a.text.active,#catalogLine .center a.text.active{background-color:#00a2ff}#catalogLine .left a,#catalogLine .right a,#catalogLine .center a{line-height:26px;text-align:center;color:#999;padding:0 13px;vertical-align:middle;text-decoration:none}#catalogLine .left .count{margin-left:12px}#catalogLine .left a:not(:first-child){margin-left:5px}#catalogLine .left a:active{position:relative;top:1px}#catalogLine .left .active:hover{opacity:.9}#catalogLine .left .price{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) 0 -26px no-repeat}#catalogLine .left .price.active,#catalogLine .left .price:hover{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -26px -26px no-repeat}#catalogLine .left .price.active{position:relative;z-index:1}#catalogLine .left .rating{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -52px -26px no-repeat}#catalogLine .left .rating.active,#catalogLine .left .rating:hover{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -78px -26px no-repeat}#catalogLine .left .rating.active{position:relative;z-index:1}#catalogLine .left .fav{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -52px -52px no-repeat}#catalogLine .left .fav.active,#catalogLine .left .fav:hover{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -78px -52px no-repeat}#catalogLine .left .fav.active{position:relative;z-index:1}#catalogLine #onn{width:26px;vertical-align:middle;margin-left:-9px;transition:transform .3s ease-in-out}#catalogLine #onn:active{position:relative;top:1px}#catalogLine #onn.asc{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -26px -52px no-repeat}#catalogLine #onn.desc{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) 0 -52px no-repeat}#catalogLine #on{width:24px;vertical-align:middle;border:1px solid #2980B9}#catalogLine #on a{height:15px;display:block;border:0}#catalogLine #on .asc{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/arrows.png) no-repeat}#catalogLine #on .asc.active{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/arrows.png) -24px 0 no-repeat #2980B9}#catalogLine #on .desc{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/arrows.png) 0 -15px no-repeat}#catalogLine #on .desc.active{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/arrows.png) -24px -15px no-repeat #2980B9}#catalogLine .right a{height:26px;display:inline-block;margin-left:5px}#catalogLine .right a:hover{color:#777}#catalogLine .right a.active{color:#fff}#catalogLine .right a:active{position:relative;top:1px}#catalogLine .right .type1{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) no-repeat}#catalogLine .right .type1.active,#catalogLine .right .type1:hover{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -26px 0 no-repeat}#catalogLine .right .type3{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -52px 0 no-repeat}#catalogLine .right .type3.active,#catalogLine .right .type3:hover{background:url(/local/templates/ls/components/electro/catalog/.fujitsu/images/catalogView.png) -78px 0 no-repeat}span.article{font-size:11px;margin-top:3px;display:block;color:#7f7f7f;text-align:left;padding:0 10px}.sorting{font-size:13px}.sorting .h4,.sorting .switcher,.sorting h4{display:inline-block}sorting .switcher{font-size:100%;margin:0}.sorting .switcher .selected{position:relative;background:#f6f1e3;color:#000}.sorting .switcher .selected.sorting_asc:before{border-top:4px solid}.sorting .switcher .selected.sorting_desc:before{border-bottom:4px solid}.sorting .switcher .selected:before{content:'';position:absolute;display:block;border-left:4px solid transparent;border-right:4px solid transparent;margin:-1px .3em 0 0;left:5px;top:50%}.sorting .switcher li{margin-right:5px;padding-left:16px;padding-bottom:0;padding-top:0}.switcher li,ul.switcher li{display:inline-block;background:#fff;margin-right:10px;padding:.2em .5em}.sorting .switcher .selected .pseudo{border-bottom:1px dotted!important;color:#000!important;border-color:rgba(0,0,0,.3)!important;cursor:pointer!important;text-decoration:none} .pdf_specification ul{margin-bottom:0}.pdf_specification ul>li:not(:last-child){padding-bottom:13px}.pdf_specification ul>li{font-size:11px;width:30%}.pdf_specification ul>li a{font-size:13px}li.pdf{position:relative;margin-left:38px;display:block;height:48px}li.pdf:before{width:30px;content:" ";background-image:url(/bitrix/templates/fujitsu/images/type-file.png);position:absolute;left:-35px;top:-3px;height:39px}#middleSlider{overflow:hidden;position:relative}@media only screen and (max-width:1320px){#catalogLine .left .rating,#catalogLine .left .fav{display:none}}@media only screen and (max-width:1200px){#middleSlider:after,#middleSlider:before{width:19px;height:150px;position:absolute;display:inline-block;top:0}#middleSlider:before{content:url(/bitrix/templates/fujitsu/images/banners/actions/left_border.png);left:0}#middleSlider:after{content:url(/bitrix/templates/fujitsu/images/banners/actions/right_border.png);right:0}}.button_compare{background:#f6af95;border:0;color:#fff;font-size:15px;font-weight:800;letter-spacing:.1em;white-space:normal;text-shadow:0 1px 2px #ff6d38}.button_compare:hover{text-shadow:none} .eItemOverflow_overflow{ overflow:hidden;position:relative;padding-bottom:3rem; font-family: Arial; line-height: normal; font-size: 19px; font-weight: 400; } #jsShowButton{margin-top:25px}.bFlatButton.mWhiteCream:hover{color:#0f77b0;background-color:#fff;border-color:#256aa3}.bFlatButton.mWhiteCream:hover{color:#0f77b0;background-color:#fff;border-color:#256aa3}.bFlatButton:hover{color:#fff;background-color:#256aa3;border-color:#256aa3}.bFlatButton.mHuge{height:47px;font-size:16px;font-weight:700;line-height:39px;padding-left:20px;padding-right:20px;-webkit-font-smoothing:antialiased}.bFlatButton.mFullWidth{width:100%}.bFlatButton.mWhiteCream{color:#0f77b0;background-color:#fff;border:1px solid #c9d3d8}.bFlatButton:hover{color:#fff;background-color:#256aa3;border-color:#256aa3}.bFlatButton.mHuge{height:47px;font-size:16px;font-weight:700;line-height:39px;padding-left:20px;padding-right:20px;-webkit-font-smoothing:antialiased}.bFlatButton.mFullWidth{width:100%}.bFlatButton.mWhiteCream{color:#0f77b0;background-color:#fff;border:1px solid #c9d3d8}.bFlatButton{display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px 10px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:Arial,sans-serif;font-size:14px;line-height:17px;color:#fff;text-decoration:none;text-align:center;vertical-align:middle;background-color:#0f77b0;border:1px solid #0f77b0;border-radius:2px;-webkit-transition:all .08s ease;transition:all .08s ease}.bFlatButton{display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px 10px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:Arial,sans-serif;font-size:14px;line-height:17px;color:#fff;text-decoration:none;text-align:center;vertical-align:middle;background-color:#0f77b0;border:1px solid #0f77b0;border-radius:2px;-webkit-transition:all .08s ease;transition:all .08s ease}.eItemOverflow_gradient{position:absolute;content:'';display:block;width:100%;height:70px;bottom:0;left:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)}.badge{border-radius:0;font-weight:400;letter-spacing:0;margin-left:10px}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light a{text-decoration:none;font-weight:100;color:#333;font-size:15px}.badge-light a:hover{border-bottom:1px dashed silver}#catalogLine .center a{margin-left:5px}#catalogLine .center a.text.stock.active,#catalogLine .center a.text.stock:hover{background-color:#27AE60}#catalogLine .center a:active{position:relative;top:1px;box-shadow:0 0 0 3px #f3f3f3}#catalogLine .center a.text{transition-duration:0.1s}#catalogLine .center a.text::before{width:20px;content:url(/local/templates/fujitsu_new/images/clear.png);padding-right:3px}#catalogLine .center a.text:hover::before{width:20px;content:url(/local/templates/fujitsu_new/images/filter.png);padding-right:3px}#catalogLine .center a.text.active::before{width:20px;content:url(/local/templates/fujitsu_new/images/clear.png);padding-right:3px}#catalogLine .center a.text.active::before{width:20px;content:url(/local/templates/fujitsu_new/images/filter.png);padding-right:3px}#catalogLine .center a.text.active:hover{background-color:silver}#catalogLine .center a.text.active:hover::before{width:20px;content:url(/local/templates/fujitsu_new/images/clear.png);padding-right:3px} .description ul{ align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; padding-left:25px; padding-top:10px; row-gap: 24px; } .description ul > li:not(.pdf)::before{content:'—';padding-right:10px} #catalog .description { overflow: hidden; border: 1px solid #f1f1f1; padding: 12px; font: 15px/21px Roboto,Arial,sans-serif; color: #000; border-radius: 0 0 3px 3px; font-weight: 100 } #catalog .description a { color: #1f7dca; border-color: rgba(31,125,202,.3); cursor: pointer; text-decoration: none; border-bottom: 1px solid } #catalog .description.visited { overflow: visible } #catalog .description span { color: #222!important; font-weight: 500 } #catalog .description a span { color: #2c3e50!important; font-weight: 600 } .switch-input { display: none; } .switch-label { position: relative; display: inline-block; min-width: 112px; cursor: pointer; font-weight: 500; text-align: left; margin: 0; margin-right: 30px; padding: 3px 0 3px 48px; color: rgba(0, 0, 0, 0.64); height: 30px; line-height: 23px; } .switch-label:before, .switch-label:after { content: ""; position: absolute; margin: 0; outline: 0; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .switch-label:before { left: 1px; width: 34px; height: 14px; background-color: #9E9E9E; border-radius: 8px; } .switch-label:after { left: 0; width: 20px; height: 20px; background-color: #FAFAFA; border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084); } .switch-label .toggle--on { display: none; } .switch-label .toggle--off { display: inline-block; color: #c0c0c0; } .switch-input:checked + .switch-label:before { background-color: #A5D6A7; } .switch-input:checked + .switch-label:after { background-color: #4CAF50; -ms-transform: translate(80%, -50%); -webkit-transform: translate(80%, -50%); transform: translate(80%, -50%); } .switch-input:checked + .switch-label .toggle--on { display: inline-block; } .switch-input:checked + .switch-label .toggle--off { display: none; } .video-container { position: relative; width: 100%; padding-bottom: 56.25%; } .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .catalog-container { margin: 10px 50px; display: flex; flex-direction: column; align-items: center; } .catalog-container__paragraph { font-size: 20px; line-height: 1.5; margin-right: 30%; } .catalog-container__title { font-size: 48px; margin-top: 50px; text-align: center; } .catalog-container__subtitle { line-height: 1.2; font-size: 30px; text-align: center; margin-bottom: 50px } .catalog-container__list { font-size: 20px; line-height: 1.5; width: 75%; margin-bottom: 50px; } .catalog-container__list li { margin-bottom: 12px; margin-top: 12px; } .hero-image { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://fujitsu-online-shop.ru/upload/uf/77c/FUJITSU_LIFEBOOK_E5510_RUS_5.jpg"); height: 30%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .catalog-container__lead-image_wrap { margin: 0; } .catalog-container__lead-image { width: 100%; } .heading { font: 300 23px Roboto,Arial,sans-serif; display: block; margin: 24px 0 0; background: #fff; line-height: 35px; color: #000; padding-left: 0; border-radius: 3px 3px 0 0; } .catalog-title-wrap { display: flex; align-items: center; gap: 2rem; } span.catalog-title__count { font-weight: 600; color: #b3b3b7; } @media screen and (max-width: 1180px) { .catalog-container__title { font-size: 38px; } .catalog-container__subtitle { font-size: 20px; } .catalog-container__paragraph { font-size: 16px; margin-right: 0; } .catalog-container__list { font-size: 16px; width: 95%; } } @media screen and (max-width: 768px) { } /* End */ /* Start:/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/style.min.css?177808792268036*/ .lifebook-fancybox-light{--fancybox-bg:rgba(255,255,255,.96);--fancybox-color:#1f2933;--fancybox-accent-color:#1677c7}.lifebook-fancybox-light .fancybox__backdrop{background:rgba(255,255,255,.96)}.lifebook-fancybox-light .fancybox__toolbar,.lifebook-fancybox-light .fancybox__infobar,.lifebook-fancybox-light .fancybox__caption{color:#1f2933;text-shadow:none}.lifebook-fancybox-light .fancybox__caption{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.92))}.lifebook-fancybox-light .f-button{color:#1f2933;background:rgba(255,255,255,.82);box-shadow:0 1px 6px rgba(0,0,0,.12)}.lifebook-fancybox-light .f-button:hover{color:#000;background:#fff}.lifebook-fancybox-light .f-button:focus,.lifebook-fancybox-light .f-button:focus-visible{outline:none}.lifebook-fancybox-light .f-thumbs{background:rgba(255,255,255,.88)}.lifebook-fancybox-light .f-thumbs__slide__button{background:#fff}.lifebook-fancybox-light .f-thumbs__slide__button:focus,.lifebook-fancybox-light .f-thumbs__slide__button:focus-visible{outline:none}.lifebook-fancybox-light .is-nav-selected .f-thumbs__slide__button::after{border-color:#1677c7} @-webkit-keyframes stars { 0% { background-position: 0 0 } to { background-position: -3360px 0 } } @keyframes stars { 0% { background-position: 0 0 } to { background-position: -3360px 0 } } @keyframes icon-favorites { 0%,to { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.2); transform: scale(1.2) } } /* --- Контейнер блока --- */ .extra__delivery-info { display: flex; flex-direction: column; gap: 6px; font-family: 'Arial', sans-serif; font-size: 14px; color: #333; } /* --- Каждая строка доставки --- */ .extra__delivery-info-line { display: flex; align-items: center; gap: 6px; } /* --- Основной блок доставки --- */ .extra__delivery-info-line strong { display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px; border-radius: 6px; font-weight: 600; white-space: nowrap; flex-direction: row; } /* --- Значок кружка --- */ .extra__delivery-info .sign { flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%; background-color: currentColor; } /* --- Цвета по срокам --- */ .extra__delivery-info--today { background-color: #e6f7ff; color: #0078d4; } .extra__delivery-info--tomorrow { background-color: #fffbe6; color: #d48806; } .extra__delivery-info--date { background-color: #f0f0f0; color: #595959; } /* --- Иконки для курьер/ПВЗ --- */ .extra__delivery-info-line.courier strong::before { content: "🚚"; /* иконка курьера */ margin-right: 4px; } .extra__delivery-info-line.pvz strong::before { content: "📦"; /* иконка ПВЗ */ margin-right: 4px; } /* --- Доставка по России (самолётик) --- */ .extra__delivery-info-line.russia { display: flex; align-items: center; gap: 6px; } /* стиль для внутри russia (согласован с existing strong) */ .extra__delivery-info-line.russia strong { display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px; border-radius: 6px; font-weight: 600; white-space: nowrap; background: #f7fbff; /* лёгкий фон */ color: #0f4b76; /* цвет текста/иконки */ border: 1px solid rgba(15,75,118,0.08); } /* самолётик слева */ .extra__delivery-info-line.russia strong::before { content: "✈️"; margin-right: 6px; display: inline-block; transform: translateY(1px); font-size: 14px; /* при необходимости подкорректировать */ } /* если внутри strong есть .sign — подстраиваем размер */ .extra__delivery-info-line.russia strong .sign { width: 10px; height: 10px; border-radius: 50%; background: currentColor; flex: 0 0 10px; } /* мобильная подгонка — уже у вас есть @media, но добавим явную настройку */ @media (max-width: 480px) { .extra__delivery-info-line.russia { flex-direction: column; align-items: flex-start; gap: 4px; } .extra__delivery-info-line.russia strong { padding: 6px 8px; font-size: 13px; } } /* --- Адаптивность --- */ @media (max-width: 480px) { .extra__delivery-info { font-size: 13px; } .extra__delivery-info-line { flex-direction: column; align-items: flex-start; } } #catalogElement #hint span { font-size: 14px; font-weight: 600; display: block } #catalogElement #elementInfoRight a { font: 100 16px Roboto,Arial,sans-serif; border: 1px solid #c8e5ff; color: #ff3a4d; height: 35px; line-height: 35px; display: block; text-decoration: none; padding: 0 18px; text-align: center; margin-top: -10px } ins.marker:before { background: url(/bitrix/templates/fujitsu/components/electro/catalog/.fujitsu/bitrix/catalog.element/fujitsu/images/marker.png); content: ""; width: 4px; height: 23px; display: inline-block; left: -4px; position: absolute; top: -1px } #catalogElement .stickers { display: flex; flex-direction: column; gap: 20px } #catalogElement #elementTableInfo>tbody>tr>td:first-child { width: 70%; text-align: center; padding-right: 13px } #catalogElement #elementTableInfo>tbody>tr>td { vertical-align: top; width: 30% } #catalogElement #itworkSlide li a img { min-width: 450px; vertical-align: middle; -moz-transition: -moz-transform .3s ease-out; -webkit-transition: -webkit-transform .3s ease-out; -ms-transition: -ms-transform .3s ease-out; transition: transform .3s ease-out } #catalogElement #itworkSlide li a img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } #catalogElement #additional .main .review ins { color: #000; padding-left: 12px; font-size: 14px; margin-bottom: 6px; display: inline-block } #catalogElement #additional .main .review img { vertical-align: middle; display: inline-block; padding-left: 12px } #catalogElement #additional .main .review li p { padding: 0 12px; color: #333; margin: 0 } #catalogElement #additional .main .review li p a { color: #000 } #catalogElement #additional .main .shortProp tr:nth-child(odd) { background-color: #f8f7f5 } #catalogElement #additional .main .shortProp td:first-child { width: 60% } #catalogElement #additional .main .shortProp td { padding: 8px 12px; border-bottom: 1px solid #fbfbfb } #catalogElement #additional .main .sectional li img { vertical-align: middle; max-width: 100px } #catalogElement #additional .extra .price s { color: #acacac; font-size: 14px; position: absolute; top: 4px; display: block; right: 20px } #catalogElement #additional .extra .rating i.m { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/rating.png) 0 -14px; width: 0; z-index: 10 } #catalogElement #additional #itworkSelect_offers img { cursor: pointer } #catalogElement #additional #itworkSelect_offers:hover { color: #111 } #catalogElement #additional #itworkSelect_offers ins { display: block; line-height: 25px; text-decoration: none; padding-left: 12px; cursor: pointer } #catalogElement #additional #itworkSelect_offers ins+img { position: absolute; display: block; top: 50%; right: 12px } #catalogElement #additional #itworkSelect_offers ul { position: absolute; top: 23px; z-index: 1000; background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/color.png) #ff3a4d; width: 110px; left: -1px; display: none } #catalogElement #additional #itworkSelect_offers ul li { display: block; padding-bottom: 4px; padding-top: 4px; padding-left: 12px; cursor: pointer; color: #fff; margin: 0!important } #catalogElement #additional #itworkSelect_offers ul li:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/color2.png) #f72136 } #catalogElement #elementInfoLeft li img { vertical-align: middle; padding: 0 8px } #catalogElement .offersTable .addCompare img { padding-right: 4px } #catalogElement .offersTable th { border-right: 1px solid #f1f1f1; padding: 8px; text-align: center; font-weight: 400; background: #f9f9f9 } #catalogElement .offersTable .ofpr s { position: absolute; font-size: 12px; top: 4px; right: 12px; color: #acacac } #catalogElement .offersTable td .offersPic img { vertical-align: middle; max-height: 60px; max-width: 50px } #catalogElement .stats .cap td { font-size: 19px; padding: 10px 12px 0 } #catalogElement #reviews li li .name { display: inline-block; margin-bottom: 6px; color: #000; font-size: 16px } #catalogElement #reviews p { color: #666; line-height: 21px; margin: 0 } #catalogElement #reviews small { margin-left: 12px; color: #7f7f7f; display: inline-block; background: #f4f4f4; padding: 6px } #catalogElement #newReview .usedSelect li { float: left; margin-right: 12px; margin-bottom: 12px } #catalogElement #newReview table td { vertical-align: top; width: 50%; padding: 12px } #catalogElement #newReview label { display: block; margin: 12px 0 } #catalogElement #newReview input:focus,#catalogElement #newReview textarea:focus { border: 1px solid #68c2ff } #zoomMorePhoto div { margin: 4px auto; width: 376px; position: relative } #catalogElement #hint ins:active { opacity: .5 } #zoomMorePhoto li a { display: block; height: 35px; line-height: 35px } #zoomPhotoExit span { position: absolute; top: 3px } #zoomPhotoToolsKit>ul>li img { vertical-align: middle; padding-right: 2px } #zoomPhotoToolsKit ul li span.line { line-height: 20px } #catalogElement #additional .main .review li p a:hover { color: #ff3a4d } #quantityModal table { border-collapse: collapse; border: 0; width: 100% } #quantityModal tr:first-child td { border: 0 } #quantityModal ins { display: inline-block; width: 14px; height: 14px } #zoomPhotoMoreInfo li:first-child sub { display: block; text-align: left; font: 100 14px Roboto,Arial,sans-serif; margin-bottom: 8px } .setTools .addCart,.setTools .addSet { color: #fff; height: 40px; margin: 12px 0; text-align: center; display: block; text-decoration: none } .stats ul li:before { content: "—"; position: relative; left: -5px; margin: 0 0 0 -12px } @media all and (max-width:1200px) { .setList .price s { position: absolute; right: -50px; width: 70px; top: -20px } } @media all and (max-width:1170px) { .set .product .addCart,.set .product .price { margin: 12px auto; float: none } .setList .addCart { width: 150px } .setList .addSet { width: 166px } } @media screen and (max-width:1280px) { #zoomPhotoTools { margin-top: 0 } #zoomPhotoRight span.heading { font: 100 15px Roboto,Arial,sans-serif; padding: 21px 32px } } span.old_price:before { border-bottom: .12em solid rgba(255,0,0,.7); content: ""; left: -5%; position: absolute; top: .35em; width: 72%; transform: rotate(-5deg) } .clubcard span:first-of-type:not(.rouble) { display: block } .clubcard span:nth-child(2) { display: block; font-size: 20px; font-weight: 600; color: #3e3e3e } .media-heading a,.pdf_specification ul>li a { font-size: 15px; border-bottom: 1px solid #6ea6dc61; text-decoration: none } .media-heading a { border-bottom: 1px solid #dadada; font-size: 23px; line-height: 1.1em; color: #16a1ff; font-family: Roboto,Arial } .media-heading a:hover { border-bottom: 0 } blockquote { font-weight: 100; font-family: Roboto,Arial,serif; font-size: 21px; line-height: 27px; background: #f2f2f2; padding: 30px!important; margin: 50px } .blockquote-reverse footer:after { content: "" } #catalogElement #elementMorePhoto ul li a img,#catalogElement .catalog-brand-logo img,#catalogElement .offersTable td img,#catalogElement .stickers li img,#quantityModal img { vertical-align: middle } #catalogElement #elementMorePhoto ul li:first-child,#catalogElement #elementMorePhoto ul li:nth-child(6n+1),#zoomMorePhoto li:first-child { margin-left: 0 } #catalogElement #additional,#catalogElement #newReview table,#catalogElement .offersTable,#elementTableInfo,#setTable,#setWindow #setWindowTable { table-layout: fixed; border-collapse: collapse } #catalogElement { margin-bottom: 24px; min-width: 950px } #catalogElement #hint { position: absolute; border: 1px solid #e4e4e4; background: #fff; width: 300px; padding: 12px; font-size: 13px; z-index: 1001; border-radius: 2px; box-shadow: 0 10px 20px -5px rgba(0,0,0,.4) } #catalogElement #hint ins { cursor: pointer; background: url(/bitrix/templates/fujitsu/images/exit.png) no-repeat; width: 17px; height: 19px; display: block; position: absolute; top: 5px; right: 5px } #catalogElement .catalog-brand-logo { height: 50px; line-height: 50px; position: absolute; left: 15px; width: 140px; top: 23px; z-index: 30 } #catalogElement .top_article { font-size: 13px; color: #5d5d64; font-weight: 400; display: block; letter-spacing: .1ex; width: fit-content; margin-top: 10px } #catalogElement .top_article:before { padding-left: 0; padding-right: 10px; font-size: 25px; color: #34495e } #catalogElement .caption { height: 32px; line-height: 32px; background-color: #f8f7f5; border: 1px solid #e4e4e4; margin-bottom: 12px; border-radius: 3px } #catalogElement .caption li { float: left } #catalogElement .caption li:first-child { border-radius: 2px 0 0 2px } #catalogElement .caption li:hover { background-color: #2ecc71 } #catalogElement .caption li a { font: 100 15px Roboto,Arial,sans-serif; color: #000; text-decoration: none; display: block; padding: 0 18px; line-height: 30px } #catalogElement .caption .active a,#catalogElement .caption li a:hover { color: #fff } #catalogElement .caption .active { background-color: #16a1ff; color: #fff } #catalogElement .caption .active:hover { background: #2ecc71 } #catalogElement #elementInfoLeft { float: left; max-width: 70% } #catalogElement #elementInfoLeft li { float: left; margin-right: 18px; font: 100 14px Roboto,Arial,sans-serif; line-height: 19px } #catalogElement #elementInfoLeft li a { text-decoration: none; font: 100 14px Roboto,Arial,sans-serif; color: #ff3a4d } #catalogElement #elementInfoLeft li a:hover { color: #f72136 } #catalogElement #elementInfoLeft li a:active,#catalogElement #elementInfoRight a:active { position: relative; top: 1px } #catalogElement #elementInfoRight { float: right } #catalogElement #elementInfoRight a:hover { color: #f72136; border: 1px solid #7fc2fd } #elementTableInfo { width: 100%; font: 100 14px Roboto,Arial,sans-serif } #elementTableInfo #zoomer { position: relative } #elementTableInfo #zoomer>ins { color: #fff; font: 12px/16px Roboto,Arial,sans-serif; left: 0; padding: 1px 7px; border-radius: 0 3px 3px 0; position: absolute; top: 5px; z-index: 33; background: #26b0ff } #catalogElement #extraFixed { position: fixed; width: 210px; float: right; top: 0; background-color: #f8f7f5 } #catalogElement #extraFixed .wrap { border: 1px solid #d5d5d5 } #catalogElement .stickers { position: absolute; overflow: hidden; clear: both; z-index: 5; left: 12px; bottom: 0 } #catalogElement .stickers li { display: block; float: left; width: 25%; line-height: 30px; height: 35px; text-align: left } #catalogElement .zoom { position: absolute; display: block; width: 22px; height: 22px; right: 13px; top: 13px; background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/zoom.png) no-repeat; z-index: 2 } .tinkoff { position: absolute; right: 13px; top: 13px; z-index: 7; } #catalogElement .zoom:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/zoom.png) -22px 0 no-repeat } #catalogElement .zoom:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/zoom.png) -44px 0 no-repeat } #addToBasket { width: 100%; } #catalogElement #elementMorePhoto ul li { float: left; width: 15%; margin-left: 2%; margin-top: 12px; position: relative } #elementMorePhoto ul li,noindex:-o-prefocus { width: 22.8% } #catalogElement #elementMorePhoto { overflow: hidden; position: relative; opacity: 0 } #catalogElement #elementMorePhoto span.selected { border: 1px solid #16a1ff; position: absolute; display: block; width: 15%; top: 12px; z-index: 2; left: 0; cursor: pointer } #catalogElement #elementMorePhoto ul li a { border: 1px solid #f1f1f1; display: flex; overflow: hidden; justify-content: center; } #catalogElement #elementTableImg { border: 1px solid #f1f1f1; border-bottom: 7px solid #dbdbdb; height: 595px; line-height: 595px; text-align: center; padding: 0; position: relative; overflow: hidden; border-radius: 3px } #catalogElement #itworkSlide { width: 99999px; position: relative; left: 0; z-index: 1 } #catalogElement #itworkSlide li { float: left } #catalogElement #itworkSlide li a { display: block; height: 450px; line-height: 450px; margin: 0 auto } #catalogElement #elementTableImg .next,#catalogElement #elementTableImg .prev { height: 21px; width: 21px; display: block; position: absolute; z-index: 200 } #catalogElement #elementTableImg .prev { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselSmall.png) no-repeat; right: 36px; bottom: 12px } #catalogElement #additional .main .controls .prev:hover,#catalogElement #elementTableImg .prev:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselSmall.png) -21px 0 no-repeat } #catalogElement #additional .main .controls .prev:active,#catalogElement #elementTableImg .prev:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselSmall.png) -42px 0 no-repeat } #catalogElement #elementTableImg .next { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselSmall.png) 0 -21px no-repeat; right: 12px; bottom: 12px } #catalogElement #additional .main .controls .next:hover,#catalogElement #elementTableImg .next:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselSmall.png) -21px -21px no-repeat } #catalogElement #additional .main .controls .next:active,#catalogElement #elementTableImg .next:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselSmall.png) -42px -21px no-repeat } #catalogElement #additional { min-width: 210px; width: 100%; } #catalogElement #propSlider,#catalogElement #reviewSlider { position: relative; left: 0; width: 99999px; overflow: hidden } #catalogElement #additional .offers span,#catalogElement #propSlider li,#catalogElement #reviewSlider li { float: left; display: block } #catalogElement #additional .main { vertical-align: top } #catalogElement #additional .main .wrap { width: 95%; border: 1px solid #f1f1f1; overflow: hidden } #catalogElement #additional .main .heading { margin: 12px 0!important; padding-left: 8px; color: #ff3a4d; background: 0 0; line-height: normal } #catalogElement #additional .main .review { margin-top: 12px } #catalogElement #additional .main .review .heading { padding-left: 12px } #catalogElement #additional .main .review li { line-height: 21px; font-size: 14px } #catalogElement #additional .main .shortProp { width: 100%; table-layout: fixed; border-collapse: collapse } #catalogElement #additional .main .analog { color: #333; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #e1e1e1 } #catalogElement #additional .main .analog:hover,#catalogElement #additional .shipping ins { color: #ff3a4d } #catalogElement #additional .main .sectional>li { padding: 12px 0; border-bottom: 1px solid #f1f1f1; overflow: hidden } #catalogElement #additional .main .sectional .shortText { font: 100 13px Roboto,Arial,sans-serif; line-height: 21px } #catalogElement #additional .main .reviewLink { float: left; font-size: 14px; color: #ff3a4d; text-decoration: none; margin-left: 100px } #catalogElement #additional .main .reviewLink:hover,#catalogElement .offersTable td a:hover { color: #f72136 } #catalogElement #additional .main .allProp,#catalogElement #additional .main .allReview { font-size: 14px; text-decoration: none; color: #ff3a4d; padding-bottom: 1px; border-bottom: 1px solid #ff3a4d; float: left; margin: 8px 0 8px 12px } #catalogElement #additional .main .controls { float: right; margin: 8px 12px 8px 0 } #catalogElement #additional .main .controls .next,#catalogElement #additional .main .controls .prev { width: 21px; height: 21px; display: none; float: left } #catalogElement #additional .main .controls .prev { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselSmall.png) no-repeat; margin-right: 4px } #catalogElement #additional .main .controls .next { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselSmall.png) 0 -21px no-repeat } #catalogElement #additional .extra { width: 100%; vertical-align: top; min-width: 210px; position: relative } #catalogElement #additional .extra .wrap { border: 1px solid #eaeaea; background-color: #f8f7f5; padding: 2rem 1rem 1rem; border-radius: 13px; box-shadow: 0 12px 12px rgba(0, 0, 0, .1), 0 12px 12px rgb(0 0 0 / 4%), 0 12px 20px rgb(0 0 0 / 4%), 0 6px 5px rgb(0 0 0 / 4%), inset 0 8px 0 #f08144; } #catalogElement #additional .extra .sectional li { padding: 12px 0; margin: 0 12px; overflow: hidden } #catalogElement #additional .extra .price { font: 100 35px Roboto,Arial,sans-serif; color: #3e3e3e; padding: 8px 0 8px 12px!important; margin: 0!important; text-align: left; position: relative; font-weight: 800 } #catalogElement #additional .extra .cash-discount .price { font-size: 25px; } #catalogElement #additional .extra .price_bn { color: #16a1ff; font-size: 15px } #catalogElement #additional .extra .expected_date { color: #d86357; font-size: 17px; padding: 0 0 10px!important } #catalogElement #additional .extra .rat { border-bottom: 1px solid #f1f1f1 } #catalogElement #additional .extra .rating { position: relative; top: 0; z-index: 10; width: 79px; display: block; float: left } #catalogElement #additional .extra .rating i,#zoomPhotoMoreInfo .rating i { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/rating.png); height: 15px; width: 79px; position: absolute; display: block; left: 0; top: 0 } #catalogElement #additional .addCart:active,#catalogElement #additional .addCompare:active,#catalogElement .oneClick:active { position: relative; top: 1px } #catalogElement #additional .score { float: left; display: block; padding-right: 12px } #catalogElement #additional .available,#catalogElement #additional .noAvailable { font: 100 14px Roboto,Arial,sans-serif; display: block; margin: -12px 0 0 } #catalogElement #additional .noAvailable { color: #7f7f7f } #catalogElement #additional .addCompare img,#catalogElement #additional .available img,#catalogElement #additional .noAvailable img { vertical-align: middle; padding-right: 4px } #catalogElement #additional .available { color: #b00000 } #catalogElement #additional .inCart { padding-top: 0!important; } #catalogElement #additional .addCart,#catalogElement #additional .addSku { background: rgba(0, 91, 255, 1); color: rgba(255, 255, 255, 1); font: 100 20px Roboto,Arial,sans-serif; display: flex; align-items: center; justify-content: center; height: 50px; text-decoration: none; text-align: center; float: none; margin: 0; font-weight: 100; border-radius: 12px; padding: 16px 24px; } #catalogElement #additional .addCart.disabled,#catalogElement #additional .addSku.disabled { background-color: #16a1ff } #catalogElement #additional .addCart:hover { background: #2ecc71 } #catalogElement #additional .addCart.disabled:hover,#catalogElement #additional .addSku.disabled:hover { background-color: #42b3ff } #catalogElement #additional .fastBay { border-bottom: 1px solid #e4e4e4 } #catalogElement #additional .oneClick { color: #fff; display: block; height: 40px; line-height: 40px; text-align: center; background: #ffbd2e; text-decoration: none } #catalogElement #additional .oneClick:hover { background: #f0aa13 } #catalogElement #additional .compare { text-align: center } #catalogElement #additional .addCompare { text-decoration: none; font: 100 14px Roboto,Arial,sans-serif; color: #11a1ff } #catalogElement #additional .addCompare:hover { color: #2ecc71 } #catalogElement #additional .colors { padding-bottom: 6px!important } #catalogElement #additional .colors img { vertical-align: middle; border: 1px solid #e4e4e4 } #catalogElement #additional .offers { padding-bottom: 0!important } #catalogElement #additional #itworkSelect_offers { font: 100 14px Roboto,Arial,sans-serif; border: 1px solid #f1f1f1; width: 110px; height: 23px; line-height: 21px; background-color: #fff; color: #000; position: absolute; top: -4px; z-index: 40; display: inline-block; margin-left: 6px } #catalogElement #additional .shipping { background-color: #ebebeb; padding: 6px 0!important; margin-top: 12px!important } #catalogElement #additional .shipping span,#zoomPhotoToolsKit ul li a#qtyLink { color: #000 } #catalogElement #additional .shipping img { vertical-align: middle; padding: 0 8px } #catalogElement #additional .method { border-top: 1px solid #f1f1f1; padding-bottom: 0!important } #catalogElement #additional .infoText { padding-top: 12px!important; padding-bottom: 6px!important; font-size: 12px; color: #696969 } #catalogElement .heading { font: 300 23px Roboto, Arial, sans-serif; display: block; margin: 88px 0 20px; background: #ffffff; line-height: 35px; color: #000; clear: both; border-radius: 3rem; border: 3px solid #faebd7; width: fit-content; padding: 1rem 2rem; rotate: 0deg; } #catalogElement .heading:nth-of-type(2) { margin-bottom: 25px; } #catalogElement .description { overflow: hidden; border: 1px solid #f1f1f1; padding: 5rem; font: 19px / 35px Arial, sans-serif; color: #000; border-radius: 0 0 3px 3px; font-weight: 400; } #catalogElement .description a { color: #1f7dca; border-color: rgba(31,125,202,.3); cursor: pointer; text-decoration: none; border-bottom: 1px solid } #catalogElement .description.visited { overflow: visible } #catalogElement .description span { color: #222!important; font-weight: 500 } #catalogElement .description a span { color: #2c3e50!important; font-weight: 600 } .description li { flex: 0 0 calc(90% - 16px); } #catalogElement .offersTable { font: 14px/21px Roboto,Arial,sans-serif; border: 1px solid #f1f1f1; margin-top: 12px; width: 100% } #catalogElement .offersTable .addCart,#catalogElement .offersTable .addCompare { font: 14px/25px Roboto,Arial,sans-serif; height: 25px; text-decoration: none } #catalogElement .offersTable .addCart { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/incart.png) #ff3a4d; color: #fff; display: inline-block; width: 86px } #catalogElement .offersTable .addCart:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/incartHover.png) #f72136; color: #fff } #catalogElement .offersTable .addCompare { background: #ffbd2e; color: #fff; display: block; width: 90px; margin: auto } #catalogElement .offersTable .addCompare:hover { background: #f0aa13; color: #fff } #catalogElement .offersTable .names { width: 23% } .set .product { width: 35%; min-width: 250px; } #catalogElement .offersTable .mnct,#catalogElement .offersTable .pct { width: 100px } #catalogElement #newReview #newRating,#catalogElement .offersTable .ofpr { position: relative } #catalogElement .offersTable td { text-align: center; padding: 8px; border-top: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; vertical-align: middle } #catalogElement .offersTable tr:nth-child(odd) td { background: -moz-linear-gradient(top,#fff 0,#fbfbfb 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fbfbfb)); background: -webkit-linear-gradient(top,#fff 0,#fbfbfb 100%); background: -o-linear-gradient(top,#fff 0,#fbfbfb 100%); background: -ms-linear-gradient(top,#fff 0,#fbfbfb 100%); background: linear-gradient(to bottom,#fff 0,#fbfbfb 100%) } #catalogElement .offersTable td a { display: block; color: #000 } #catalogElement .stats { font-size: 13px; width: 100%; padding: 12px; border-collapse: collapse; border: 1px solid #f2f2f2; border-radius: 0 0 3px 3px } #catalogElement .stats tr:last-child td { padding-top: 30px } #catalogElement .stats .question { display: inline-block; margin-left: 4px; width: 23px; height: 15px; background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/questions.png); vertical-align: middle } #catalogElement .stats .question:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/questions.png) -23px 0 } #catalogElement .stats .question:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/questions.png) -46px 0 } #catalogElement .stats tr:hover td { background: #fcfcfc } #catalogElement .stats .cap,#catalogElement .stats .cap:hover td { background-color: #fff!important; border: 0!important } #catalogElement .stats .name { width: 40%; padding: 3px 12px; vertical-align: top } #catalogElement .stats .analog { font-size: 11px; text-decoration: none; color: #16a1ff; border-bottom: 1px solid #16a1ff; padding-bottom: 1px } #catalogElement .stats .analog:hover { color: #2980b9; border-bottom-color: #2980b9 } #catalogElement #reviews .controls a:active,#catalogElement .stats .analog:active { position: relative; top: 1px } #catalogElement .stats .right { text-align: right; padding-right: 5%; white-space: nowrap } #catalogElement #relatedCarousel,#catalogElement #similarCarousel { display: block; overflow: hidden; position: relative; border: 1px solid #f1f1f1; padding: 0 10px; } #catalogElement #relatedCarousel .relatedLeft,#catalogElement #relatedCarousel .relatedRight,#catalogElement #similarCarousel .similarLeft,#catalogElement #similarCarousel .similarRight { display: block; position: absolute; width: 30px; height: 75px; top: 45%; margin-top: -55px } #catalogElement #relatedCarousel .relatedLeft,#catalogElement #similarCarousel .similarLeft { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselProduct.png) no-repeat; left: 0 } #catalogElement #relatedCarousel .relatedLeft:hover,#catalogElement #similarCarousel .similarLeft:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselProduct.png) -30px 0 no-repeat } #catalogElement #relatedCarousel .relatedLeft:active,#catalogElement #similarCarousel .similarLeft:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselProduct.png) -60px 0 no-repeat } #catalogElement #relatedCarousel .relatedRight,#catalogElement #similarCarousel .similarRight { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselProduct.png) 0 -75px no-repeat; right: 0 } #catalogElement #relatedCarousel .relatedRight:hover,#catalogElement #similarCarousel .similarRight:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselProduct.png) -30px -75px no-repeat } #catalogElement #relatedCarousel .relatedRight:active,#catalogElement #similarCarousel .similarRight:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselProduct.png) -60px -75px no-repeat } #catalogElement #relatedCarousel ul,#catalogElement #similarCarousel ul { left: 0; width: 99999px; position: relative } #catalogElement #relatedCarousel li,#catalogElement #similarCarousel li { float: left; margin: 24px 0; text-align: center; font: 100 14px Roboto,Arial,sans-serif; display: block } #catalogElement #similarCarousel li:first-child { margin-left: 10px; } #catalogElement #relatedCarousel .wrap { border: 0; text-align: left } #catalogElement #similarCarousel .wrap { border: 0; text-align: center; height: 120px; } #catalogElement #similarCarousel .wrap::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(41,43,83,.03); display: block; z-index: 2; } .wrap__bottom { background: #f8f8fa; margin: 0 10px; text-align: left; padding: 10px; } .wrap__bottom_article { font-size: 11px; } #catalogElement #relatedCarousel .price,#catalogElement #similarCarousel .price { float: none!important; display: inline-block!important; margin-top: 12px!important; white-space: nowrap; text-align: left; } #catalogElement #relatedCarousel .addCart,#catalogElement #relatedCarousel .addSku,#catalogElement #similarCarousel .addSku { float: none!important; display: inline-block!important; margin: 0 auto; padding: 0 } #catalogElement #similarCarousel .addCart { padding: 0; display: block; float: none; margin: 20px 0; } #catalogElement #relatedCarousel .addCart.added,#catalogElement #similarCarousel .addCart.added { border: 1px solid #27ae60; color: #27ae60 } #catalogElement .newReview { float: right; margin-right: 12px; color: #ff3a4d } #catalogElement .newReview:hover { color: #f72136 } #catalogElement #reviews>li { margin-bottom: 24px; border: 1px solid #f1f1f1; padding: 24px; overflow: hidden; position: relative } #catalogElement #reviews li li { padding: 3px 0 } #catalogElement #reviews .controls { background: #f4f4f4; position: absolute; bottom: 12px; right: 12px; height: 35px; line-height: 35px; width: 260px; text-align: center } #catalogElement #reviews .controls a,#showallReviews { text-decoration: none } #catalogElement #reviews .controls .good { color: #009e02; margin-right: 4px } #catalogElement #reviews .controls .good:hover { color: #008902 } #catalogElement #reviews .controls .bad { color: red } #catalogElement #reviews .controls .bad:hover { color: #9d9d9d } #catalogElement #reviews .comment { clear: both } #catalogElement #reviews .label { line-height: 21px; margin-right: 6px; color: #5a5a5a; padding-left: 0; font-size: 100% } #catalogElement #reviews .rating { display: inline-block; position: relative; top: -3px; width: 79px } #catalogElement #reviews .rating i { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/rating.png); height: 15px; width: 79px; position: absolute; display: block; left: 0; top: -9px } #catalogElement #reviews .rating i.m,#zoomPhotoMoreInfo .rating i.m { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/rating.png) 0 -14px; width: 0; z-index: 10 } #catalogElement #reviews .hide { display: none } #showallReviews { display: block; width: 170px; background: #f3f3f3; color: #000; height: 35px; line-height: 35px; text-align: center; margin-top: -12px } #catalogElement #newReview { margin: 12px 0 } #catalogElement #newReview .heading { font: 100 18px Roboto,Arial,sans-serif; display: block; margin: 24px 0 0; background: #f2f2f2; line-height: 35px; color: #000; padding-left: 12px; border-radius: 3px 3px 0 0 } #catalogElement #newReview ins { margin: 12px 0 42px; display: block; font-size: 16px } #catalogElement #newReview .rating { left: 125px; position: absolute; top: -3px; width: 150px; z-index: 10; cursor: pointer } #catalogElement #newReview .rating i { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/newRating.png); height: 22px; width: 150px; position: absolute; display: block; left: 0; top: 0 } #catalogElement #newReview .rating i.m { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/newRating.png) 0 -22px; width: 0; z-index: 10 } #catalogElement #newReview .usedSelect { overflow: hidden; clear: both } #catalogElement #newReview .submit,#catalogElement #newReview .usedSelect li a { border-radius: 3px; text-decoration: none; text-align: center; height: 35px; line-height: 35px } #catalogElement #newReview .usedSelect li a { display: block; font-size: 14px; color: #000; padding: 0 12px } #catalogElement #newReview .usedSelect li a:hover { color: #696969 } #catalogElement #newReview .usedSelect li a:active,#setWindow #wProduct a:active { position: relative; top: 1px } #catalogElement #newReview .usedSelect li a.selected { background: #16a1ff; color: #fff } #catalogElement #newReview .usedSelect li a,#catalogElement #newReview input,#catalogElement #newReview textarea { background: -moz-linear-gradient(top,#fff 0,#fbfbfb 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fbfbfb)); background: -webkit-linear-gradient(top,#fff 0,#fbfbfb 100%); background: -o-linear-gradient(top,#fff 0,#fbfbfb 100%); background: -ms-linear-gradient(top,#fff 0,#fbfbfb 100%); border: 1px solid #e4e4e4; background: linear-gradient(to bottom,#fff 0,#fbfbfb 100%) } #catalogElement #newReview table { width: 100%; border: 1px solid #f1f1f1; padding: 12px } #catalogElement #newReview textarea { border-radius: 3px; resize: none; height: 90px; width: 88%; padding: 1% } #catalogElement #newReview input { height: 35px; width: 63%; padding-left: 1%; display: inline-block; margin-bottom: 12px; vertical-align: top } #catalogElement #newReview .submit { display: inline-block; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#00a2df),color-stop(100%,#006fcb)); background: -webkit-linear-gradient(top,#00a2df 0,#006fcb 100%); background: -moz-linear-gradient(top,#00a2df 0,#006fcb 100%); background: -ms-linear-gradient(top,#00a2df 0,#006fcb 100%); background: -o-linear-gradient(top,#00a2df 0,#006fcb 100%); background: linear-gradient(to bottom,#00a2df 0,#006fcb 100%); color: #fff; vertical-align: middle; margin-left: 3%; width: 23% } #catalogElement #newReview .submit:hover { background: #00a2df; background-image: linear-gradient(#00a2df 0,#0a7ddd 100%) } #catalogElement #newReview .submit,#catalogElement #newReview .submit:active { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) } #catalogElement #newReview .submit:active { position: relative; top: 1px; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0a7ddd),color-stop(100%,#00a2df)); background: -webkit-linear-gradient(top,#0a7ddd 0,#00a2df 100%); background: -moz-linear-gradient(top,#0a7ddd 0,#00a2df 100%); background: -ms-linear-gradient(top,#0a7ddd 0,#00a2df 100%); background: -o-linear-gradient(top,#0a7ddd 0,#00a2df 100%); background: linear-gradient(to bottom,#0a7ddd 0,#00a2df 100%); box-shadow: inset 0 3px 2px 1px rgba(0,0,0,.22) } #catalogElement #newReview .reviewError { border: 1px solid #f1f1f1; overflow: hidden; padding: 24px; margin-top: 24px } #catalogElement #newReview .reviewError .cap { color: #ff3a4d; font-size: 16px } #catalogElement #newReview .reviewError img { vertical-align: middle; float: left; margin-right: 24px } #zoomNext,#zoomPhoto,#zoomPrev { border-radius: 4px; position: absolute; top: 50% } #zoomPhoto { background-color: #fff; box-shadow: 1px 1px 12px #000; height: 600px; width: 1001px; left: 50%; margin-top: -300px; margin-left: -500px; z-index: 1001; display: none } #zoomNext,#zoomPrev { display: block; width: 30px; height: 75px; margin-top: -48px } #zoomPrev { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselProduct.png) no-repeat; left: 10px } #zoomPrev:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselProduct.png) -30px 0 no-repeat } #zoomPrev:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselProduct.png) -60px 0 no-repeat } #zoomNext { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselProduct.png) 0 -75px no-repeat; right: 10px } #zoomNext:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselProduct.png) -30px -75px no-repeat } #zoomNext:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/buttonCarouselProduct.png) -60px -75px no-repeat } #zoomPhotoLeft { float: left; width: 750px; position: relative; overflow: hidden } #zoomPhotoLeft ul { position: relative; left: 0; cursor: move } #zoomMorePhoto li,#zoomPhotoLeft li { float: left; text-align: center; list-style: none } #zoomPhotoLeft li { position: relative; height: 540px; line-height: 540px } #zoomPhotoLeft li img { max-height: 95%; vertical-align: middle; max-width: 1150px } #zoomMorePhoto { position: absolute; height: 59px; line-height: 3px; bottom: 0; margin-bottom: 0; padding: 12px 0; right: 240px; width: 761px; background-color: #6f6f6f; overflow: hidden; border-bottom-left-radius: 4px } #zoomMorePhoto a.next,#zoomMorePhoto a.prev { display: block; height: 22px; width: 9px; top: 50%; position: absolute; margin-top: 7px } #zoomMorePhoto a.next { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/arrowsModal.png) 0 -22px no-repeat; right: -24px } #zoomMorePhoto a.next:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/arrowsModal.png) -9px -22px no-repeat } #zoomMorePhoto a.next:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/arrowsModal.png) -18px -22px no-repeat } #zoomMorePhoto a.prev { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/arrowsModal.png) no-repeat; left: -24px } #zoomMorePhoto a.prev:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/arrowsModal.png) -9px 0 no-repeat } #zoomMorePhoto a.prev:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/arrowsModal.png) -18px 0 no-repeat } #zoomMorePhoto li { height: 35px; line-height: 35px; width: 40px; margin-left: 8px; opacity: .65; background-color: #fff; border-radius: 3px; border: 1px solid #6f6f6f } #zoomMorePhoto li:hover { opacity: 1 } #zoomMorePhoto li.active { opacity: 1; border: 1px solid #cbff5f } #zoomPhotoExit:hover span,.product .sCheck.disabled+a,.product .sWindowCheck.disabled+a { opacity: .5 } #zoomMorePhoto li img { max-height: 90%; max-width: 90%; vertical-align: middle } #zoomPhotoRight { width: 260px; float: right; position: relative; background-color: #6f6f6f; border-top-left-radius: 15px; border-top-right-radius: 4px; border-bottom-right-radius: 4px } #zoomPhotoRight span.heading { font: 100 21px Roboto,Arial,sans-serif; color: #fff; padding: 32px; display: block; background-color: #16a1ff; right: 10px; top: -5px; width: 295px; position: relative; margin: 0!important; border-radius: 25px 3px 15px 0; box-shadow: 0 9px 8px -5px #0066ab } #zoomPhotoRight span.heading span { display: block; line-height: 27px } #zoomPhotoExit { width: 30px; height: 30px; display: block; position: absolute; top: 4px; right: -15px; z-index: 10 } #zoomPhotoExit:active { top: 7px } #zoomPhotoExit span:after,#zoomPhotoExit span:before { position: absolute; left: 15px; content: " "; height: 23px; width: 2px; background-color: #fff } #zoomPhotoExit span:before { transform: rotate(45deg) } #zoomPhotoExit span:after { transform: rotate(-45deg) } #zoomPhotoExit span:active { background: url(/bitrix/templates/fujitsu/images/exit.png) 0 -41px no-repeat } #zoomDecorLine { display: block; height: 0; width: 0; right: 10px; top: -5px; position: relative; border-style: solid; border-width: 0 10px 13px 0; border-color: transparent #0066ab transparent transparent } #zoomPhotoTools { width: 240px; margin-top: 59px; margin-left: 10px; margin-bottom: 12px } #zoomPhotoToolsKit { border: 1px solid #eaeaea; border-radius: 3px; background-color: #f8f7f5; width: 210px; margin: 0 auto; position: relative } #zoomPromo { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/marker.png) no-repeat; position: absolute; top: 4px; left: -4px; color: #fff; font: 100 12px Roboto,Arial,sans-serif; line-height: 20px; width: auto; padding: 0 8px; height: 23px } #zoomPhotoToolsKit ul li:first-child { overflow: hidden; text-overflow: ellipsis; padding-right: 5px } #zoomPhotoToolsKit ul li a#qtyLink:active,#zoomPhotoToolsKit ul li a.addCart:active,#zoomPhotoToolsKit ul li a.addCompare:active,#zoomPhotoToolsKit ul li a.addSku:active,#zoomPhotoToolsKit ul li a.fastBay:active { top: 1px; position: relative } #zoomPhotoToolsKit>ul>li,#zoomPhotoToolsKit>ul>li.price s { font: 100 14px Roboto,Arial,sans-serif } #zoomPhotoToolsKit>ul>li { padding: 12px 0; margin: 0 12px; color: #000 } #zoomPhotoToolsKit>ul>li.price s { display: block } #zoomPhotoToolsKit>ul>li.price { font: 100 24px Roboto,Arial,sans-serif; padding: 8px 0 12px 12px!important; border-bottom: 1px solid #e4e4e4; margin: 0!important; text-align: left; position: relative } #setWindow #wProduct .name:hover,#zoomPhotoToolsKit ul li a#qtyLink:hover { color: #ff3a4d } #zoomPhotoToolsKit ul li a.addCart { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease } #zoomPhotoToolsKit ul li a.addCompare { text-decoration: none; display: inline-block; float: none } #zoomPhotoToolsKit ul li a.addCompare,#zoomPhotoToolsKit ul li a.addSku,#zoomPhotoToolsKit ul li a.fastBay { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease } #zoomPhotoToolsKit ul li a.fastBay { font: 100 12px Roboto,Arial,sans-serif; color: #fff; text-decoration: none; display: inline-block; float: none } #zoomPhotoToolsKit ul li.price_bn { padding: 12px 0; overflow: hidden; color: #16a1ff; font-size: 24px } #zoomPhotoToolsKit ul li.addCompare { padding: 12px 0 } #zoomPhotoToolsKit ul li a.addCompare { font: 100 14px Roboto,Arial,sans-serif; color: #7f7f7f } #zoomPhotoToolsKit ul li.addCompare,#zoomPhotoToolsKit ul li.warranty { border-top: 1px solid #e4e4e4; text-align: center } #zoomPhotoToolsKit ul li a.fastBay { height: 24px; text-align: center; line-height: 24px } #zoomPhotoToolsKit ul li a.addCart,#zoomPhotoToolsKit ul li a.addSku { background-color: #27ae60; font: 100 20px Roboto,Arial,sans-serif; line-height: 40px; display: block; height: 40px; color: #fff; text-decoration: none; text-align: center; float: none; margin: 0; border-radius: 3px; font-weight: 100 } #quantityBlock input.qty,#quantityModal td,#zoomPhotoMoreInfo { font: 100 12px Roboto,Arial,sans-serif } #zoomPhotoToolsKit ul li a.addCart.disabled,#zoomPhotoToolsKit ul li a.addCart.disabled:hover,#zoomPhotoToolsKit ul li a.addSku.disabled,#zoomPhotoToolsKit ul li a.addSku.disabled:hover { background-color: #16a1ff } #zoomPhotoToolsKit ul li a.addCart:hover { background: #2ecc71 } #zoomPhotoToolsKit ul li a.fastBay { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/colorRed.png) #c70d01; width: 120px } #zoomPhotoToolsKit ul li a.fastBay:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/colorRedHover.png) #b41506 } #zoomPhotoToolsKit ul li a.addCompare:hover { color: #2ecc71 } #quantityBlock { display: inline-block; vertical-align: middle; position: relative } #quantityBlock input.qty { width: 30px; text-align: center; float: left; border: 0; height: 20px } #quantityBlock .minus,#quantityBlock .plus { display: block; float: left; height: 20px; width: 20px; border: 0; cursor: pointer } #quantityBlock .minus { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/plusMinus.png) no-repeat } #quantityBlock .minus:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/plusMinus.png) -20px 0 no-repeat; border: 0 } #quantityBlock .minus:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/plusMinus.png) -40px 0 no-repeat; top: 0 } #quantityBlock .plus { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/plusMinus.png) 0 -20px no-repeat } #quantityBlock .plus:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/plusMinus.png) -20px -20px no-repeat; border: 0 } #quantityBlock .plus:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/plusMinus.png) -40px -20px no-repeat; top: 0 } #quantityModal { position: absolute; top: 0; left: -180px; width: 250px; background-color: #1e1e1e; text-align: left; z-index: 999; box-shadow: 1px 1px 12px #000; border: 1px solid #000; display: none } #quantityModal td { border-top: 1px solid #2d2d2d; color: #c6c6c6; position: relative; border-collapse: collapse; padding: 8px 12px } #quantityModal td:first-child { padding-right: 0 } #quantityModal ins.available { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/quantity.png) no-repeat } #quantityModal ins.noAvailable { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/quantity.png) -14px 0 no-repeat } #zoomPhotoMoreInfo { text-align: right; width: 200px; margin-left: 20px; color: #fff } #zoomPhotoMoreInfo .reviewCnt { display: inline-block; vertical-align: middle; margin-left: 12px; padding-top: 2px; font-size: 13px } #setTable td,#setWindow #setWindowTable td { vertical-align: top } #zoomPhotoMoreInfo li:first-child img { float: left; vertical-align: middle } #zoomPhotoMoreInfo li:first-child a { font: 100 12px Roboto,Arial,sans-serif; text-decoration: none; color: #ff3a4d; display: block; padding-top: 3px; text-align: center; margin-left: 70px } #zoomPhotoMoreInfo li:first-child a:hover { color: #f72136 } #zoomPhotoMoreInfo .rating { position: relative; display: block; float: left; z-index: 10; width: 79px; margin-top: 2px } #zoomPhotoMoreInfo li { padding: 12px; border-bottom: 1px solid #8c8c8c; text-align: left; list-style: none } #set { margin-top: 24px; padding: 24px; border: 1px solid #9e9e9e; border-radius: 50px; background: #9e9e9e; } #set .heading,#set .product .price { margin-top: 0 } #setWindow .heading3 .close,.economize,i.bgbgbg,i.rounded { display: block; position: absolute } .economize { color: #333; background-color: #fecc32; padding: 1px 3px; z-index: 50; width: fit-content; bottom: 5px; left: -10px; box-shadow: -3px -3px 20px 0px #c3c3c3; } .setTools .addCart.added { background-color: #3ac267!important; color: #fff; font-weight: 500 } #setTable,#setWindow #setWindowTable { width: 100% } #setWindow .container,.set { position: relative; overflow: hidden } .set { margin-top: 12px; margin-left: -1.3%; margin-right: -1.3% } .set .product .wrap { overflow: visible; border: 1px solid #f1f1f1; border-radius: 50px; background: #fff; } .set .product .pic { -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s } .set .equally,.set .plus { font-size: 42px; float: left; width: 2%; text-align: center; line-height: 240px } .setTools { width: 290px; padding: 12px 0 12px 12px } .setTools .wrap { background-color: #f8f7f5; border: 1px solid #f1f1f1; padding: 28px 12px; position: relative; border-radius: 50px } .setTools .setList .hr { border-top: 1px solid #d5d5d5; margin: 12px 0 } .setTools .heading2,.setTools .price { display: block; text-align: center; font-size: 16px } .setTools .price { font-size: 24px; margin: 12px 0; position: relative } .setTools .price s { padding-left: 12px; font-size: 16px; color: #acacac } .setTools .addCart { background-color: #005bff; padding: 0; font: 15px/40px Roboto,Arial,sans-serif; border-radius: 3px } .setTools .addCart:hover { background: #2980b9 } .setTools .addSet { background: #ffbd2e; line-height: 40px } .setTools .addSet:hover { background: #f0aa13 } #setWindow { position: fixed; z-index: 995; background-color: rgba(0,0,0,.298); height: 100%; width: 100%; top: 0; left: 0; display: none; overflow: visible } #setWindow .container { width: 880px; margin-top: -205px; z-index: 999; top: 50%; left: 50%; margin-left: -440px; background-color: #efefef; box-shadow: 12px 12px 1px rgba(0,0,0,.6); padding: 8px; height: 410px } #setWindow .heading3 { border: 1px solid #000; background: #2d2d2d; margin-bottom: 18px; position: relative; text-align: center; line-height: 60px; font-size: 18px; display: block; height: 60px; color: #fff } #setWindow #wProduct .name,#setWindow .fr { color: #000; display: block; text-align: center } #setWindow .heading3 .close { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/exit.png) no-repeat; width: 17px; height: 19px; top: 20px; right: 24px } #setWindow .heading3 .close:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/exit.png) 0 -20px no-repeat } #setWindow .heading3 .close:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/exit.png) 0 -41px no-repeat } #setWindow .wElement { position: relative; z-index: 100; width: 240px } #setWindow #wProduct { width: 240px; height: 319px; background: #fff; border: 1px solid #dfdfdf; text-align: center } #setWindow .fr { font-size: 16px; padding-top: 18px } #setWindow #wProduct .pic { text-align: center; line-height: 165px; display: block; height: 165px } #setWindow #wProduct .pic img { vertical-align: middle; max-height: 95%; max-width: 95% } #setWindow #wProduct .name { text-decoration: none; padding: 0 12px; margin-bottom: 12px } #setWindow #wProduct .price { display: block; text-align: center; position: relative; font-size: 22px; color: #000; padding-top: 18px } #setWindow #wProduct .price s { position: absolute; color: #acacac; font-size: 14px; top: 0 } #setWindow #wProduct .addCart { background: #f72136; color: #fff; display: inline-block; font: 14px/25px Roboto,Arial,sans-serif; height: 25px; text-align: center; text-decoration: none; width: 86px; margin: 12px auto } #setWindow #wProduct .addCart:hover { background: #f72136 } #setWindow #setCarousel { position: relative } #setWindow #setCarousel .wp { overflow: hidden } #setWindow #setCarousel .setBtnLeft,#setWindow #setCarousel .setBtnRight { display: block; height: 43px; width: 24px; position: absolute; top: 50%; margin-top: -21.5px } #setWindow #setCarousel .setBtnLeft { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/slideArrow.png) no-repeat; left: 6px } #setWindow #setCarousel .setBtnLeft:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/slideArrow.png) -24px 0 no-repeat } #setWindow #setCarousel .setBtnLeft:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/slideArrow.png) -48px 0 no-repeat } #setWindow #setCarousel .setBtnRight { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/slideArrow.png) 0 -43px no-repeat; right: -6px } #setWindow #setCarousel .setBtnRight:hover { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/slideArrow.png) -24px -43px no-repeat } #setWindow #setCarousel .setBtnRight:active { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/slideArrow.png) -48px -43px no-repeat } #setWindow .productList { position: relative; overflow: hidden; left: 0 } #setWindow .product { text-align: center; overflow: hidden; float: left } #setWindow .product .wrap { border: 1px solid #dfdfdf; overflow: hidden; background: #fff; margin: 0 12px; padding: 12px 0; width: 93% } #setWindow .product .price { font-size: 20px; text-align: center; display: inline-block; float: none } #setWindow #setWindowPrice { position: relative; margin: 12px; background: #fff; border: 1px solid #dfdfdf; height: 50px; line-height: 50px; width: 624px } #setWindow #setWindowPrice ul { width: 590px; overflow: hidden; float: right } #setWindow #setWindowPrice li { width: 33.333%; float: left } #setWindow #setWindowPrice .price { display: block; position: relative; font-size: 22px } #setWindow #setWindowPrice .price s { padding-left: 12px; color: #acacac; font-size: 15px } #setWindow #setWindowPrice .heading4 { font-size: 16px; display: block; padding: 0 12px } #setWindow #setWindowPrice .addCart { background: #f72136; color: #fff; display: inline-block; font: 14px/35px Roboto,Arial,sans-serif; height: 35px; text-align: center; text-decoration: none; width: 150px } #setWindow #setWindowPrice .addCart:hover { background: #f72136 } .product .sCheck,.product .sWindowCheck { background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/sCheck.png) no-repeat; position: absolute; cursor: pointer; display: block; height: 33px; z-index: 10; width: 33px; left: 12px; top: 12px } .product .sCheck:hover,.product .sWindowCheck:hover { background-position: -33px 0 } .product .sCheck:active,.product .sWindowCheck:active { background-position: -66px 0 } .product .sCheck.disabled,.product .sWindowCheck.disabled { background-position: -99px 0 } .product .sCheck.disabled:hover,.product .sWindowCheck.disabled:hover { background-position: -132px 0 } .product .sCheck.disabled:active,.product .sWindowCheck.disabled:active { background-position: -165px 0 } .stats ul li { padding: 0 0 5px } .alert { color: #000; padding: 5px!important; margin: 10px 0 0; margin-bottom: 0!important; text-shadow: 0 1px 0 rgba(255,255,255,.5); border: 1px solid #fbeed5!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-image: initial } .hide-description,.show-description { text-decoration: none; color: #16a1ff; border-bottom: 1px #16a1ff dotted } .img_description { bottom: 1px; left: -1px; font-size: 9px; background: #16a1ff; padding: 0 5px; white-space: nowrap; height: 10px; line-height: 10px; text-overflow: ellipsis; overflow: hidden; width: 95%; z-index: 2 } .big_img_description,.img_description,.main_img_description { color: #fff; text-align: left; position: absolute } .main_img_description { bottom: 25px; line-height: 15px; left: 0; background: #16a1ff; padding: 10px 10px 10px 17px; margin: 0 25px 0 0; width: auto; border-radius: 0 15px 10px } .big_img_description { background: #0093dc; padding: 10px 15px 10px 50px; margin: 0 0 10px; width: 65%; font-size: 1.3em; line-height: 1.3em; bottom: 5%; border-radius: 0 15px 15px 0; font-weight: 800; font-family: Roboto,Arial } i.bgbgbg,i.rounded { height: 15px; width: 15px; bottom: 59px; right: 260px } i.rounded { border-bottom-right-radius: 15px; background: #fff; z-index: 50 } i.bgbgbg { background: #6f6f6f } .element { display: none; } @media screen and (max-width:1280px) { #zoomPhotoTools { margin-top: 0 } #zoomPhotoRight span.heading { font: 100 15px Roboto,Arial,sans-serif; padding: 21px 32px } } #zoomMorePhoto ul { margin-bottom: 0 } .old_price { color: #636466; margin-bottom: -.3rem; display: block; font-size: 15px; line-height: 12px; width: 50%; position: relative; font-weight: 200 } .discount_description,.discount_value { display: inline-block; font-size: 12px } .discount { margin-top: -15px } .discount_value { background: #cbff5f!important; border-radius: .3rem; padding: 0 .4rem; font-weight: 600 } .discount_description { font-weight: 100 } li.clubcard { padding-top: 0!important } .clubcard i { color: #27ae60; font-size: 12px } .popup-window { border-radius: 5px } .pdf_specification { float: left; border: 0; width: 100% } .pdf_specification ul>li { font-size: 11px; float: left; width: 30%; } li.pdf:before { top: 3px } #simple-prediction .popup-window-close-icon { background: url(/bitrix/templates/fujitsu/images/exit_white.png) no-repeat 0 0; width: 17px; height: 19px; display: block; position: absolute; top: 8px; right: 8px; opacity: 1; background: 0 0 } .catalog__item__icons { position: absolute; right: 5px; top: 5px; z-index: 10 } .catalog__item__sale { position: relative; display: block; z-index: 10; width: 56px; height: 56px; background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/sale.svg) no-repeat; background-size: contain; left: 0; top: 0 } .catalog__item__sale:before { content: ""; position: relative; display: block; width: 100%; height: 100%; background: url(/local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/images/stars.png) no-repeat; background-size: auto 56px; -webkit-animation: stars 3s steps(60,end) infinite; animation: stars 3s steps(60,end) infinite } #catalogElement #additional .addCart.added { color: #27ae60; margin: 0 auto; padding: 0; border: 1px solid #27ae60 } .product-spec-wrap__body { margin-bottom: 50px; padding: 5rem; background: antiquewhite; border-radius: 5rem; /* font-size: 4rem; */ position: relative; } .product-spec-wrap__body .title { margin-top: -4px; margin-bottom: 12px; line-height: 1.3em; font-size: 38px; position: absolute; top: -18px; left: -20px; color: #444437cc; display: block; } .product-spec { position: relative; margin: 0; color: #404040; background: #faebd7; } .product-spec__name { display: inline-block; width: 35%; margin: 0 0 7px; vertical-align: top; background: inherit } .product-spec__name-inner { position: relative; padding: 0 10px 0 0; background: #faebd7; z-index: 2; font-size: 18px; color: #404040; font-weight: 400; } .product-spec__name:after { position: absolute; right: 5px; left: 0; height: 5px; margin: .85em 0 0; content: ""; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAO0lEQVQImWP4//+/6P////v/////AUqL/v//nwEdM0AlkUE/LoUf0BR+wKaQiYGBYT4DKkDnQwCxbgQAtS+GMTXz/u8AAAAASUVORK5CYII=) 0 0 repeat-x; } .product-spec__value { display: inline-block; width: 64%; margin: 0 0 7px; vertical-align: bottom; background: inherit; color: #404040; font-size: 15px } .product-spec__value-inner { position: relative; display: block; padding: 0 0 0 10px; background: inherit; z-index: 2; font-family: monospace; font-size: 23px; } .product-spec-wrap__title { /* margin-bottom: 20px!important; */ padding: 30px 0 10px; /* border-bottom: 1px solid #e7e7e7 */ } #simple-prediction { box-shadow: 0 13px 30px 0 rgba(83,92,105,.4),0 -1px 10px 0 transparent } #simple-prediction .popup-window-close-icon:after,#simple-prediction .popup-window-close-icon:before { content: ""; position: absolute; width: 100%; top: 50%; left: 0; background: #9e9e9e; height: 2px; margin-top: -2px } #simple-prediction .popup-window-close-icon:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } #simple-prediction .popup-window-close-icon:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } #simple-prediction .popup-window-close-icon:hover { background: 0 0 } #simple-prediction .popup-window-close-icon:hover::after,#simple-prediction .popup-window-close-icon:hover::before { background: #1ebcc5 } .link_favorite { display: flex; margin-top: 15px; align-items: center } .favor { margin: auto; display: flex; cursor: pointer; align-items: flex-start } .active svg,.favor svg { stroke: currentcolor; animation-name: icon-favorites; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: stroke .25s,fill .25s } .favor svg { margin-right: 6px; color: #898f97; fill: transparent } .active svg { color: #16a1ff; fill: currentColor } .guarantee_period { text-align: center } .popup-window-dark { background-color: #000 } @media screen and (max-width:1540px) { aside, .element { display: none; } .aside { /*width: calc(100% - 300px);*/ } } .header_block { display: grid; grid-template-areas: "img title intel_logo" "img title iris_xe" "img tizers irix_xe"; grid-template-columns: 200px auto min-content; column-gap: 2rem; } .header_block img { grid-area: intel_logo; padding-top: 10px; margin-right: 10px; } .header_block img.iris_xe { grid-area: iris_xe; } .header_block h1.name { grid-area: title; } .header-img { grid-area: img; align-self: center; position: relative; } .header-img--blackout { background-color: #005ab514; border-radius: 12px; height: 100%; position: absolute; width: 100%; } .header-img img { padding: 0; border-radius: 12px; } .header-title { grid-area: title; } .made-in-japan { height: 150px; margin: 50px 0; background: url(/i/made-in-japan.png) no-repeat; background-size: contain; background-position: center; } span.top_article { padding: 0.5rem 0.8rem; border-radius: 1rem; background: #f5f5f5; } /* End */ /* Start:/local/css/lb-blog-articles.css?17882892965300*/ /* Блок «Статьи и обзоры об этой модели» в карточке товара. Подключается из lb_shared/blog_product_articles.php. Самодостаточен: не зависит от стилей шаблона и блога. */ .lb-ba { --lb-ba-accent: #f17a38; --lb-ba-accent-hover: #d9661f; --lb-ba-bg: #f6f6f7; --lb-ba-card: #ffffff; --lb-ba-text: #1a1a1a; --lb-ba-muted: #6b7280; --lb-ba-cover: #ececef; --lb-ba-radius: 16px; --lb-ba-radius-card: 12px; box-sizing: border-box; margin: 32px 0; padding: 28px 28px 24px; background: var(--lb-ba-bg); border-radius: var(--lb-ba-radius); color: var(--lb-ba-text); font-family: inherit; } .lb-ba *, .lb-ba *::before, .lb-ba *::after { box-sizing: border-box; } .lb-ba__kicker { margin: 0 0 6px; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lb-ba-accent); } .lb-ba__heading { margin: 0 0 20px; font-size: 24px; line-height: 1.2; font-weight: 700; color: var(--lb-ba-text); } .lb-ba__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .lb-ba__card { display: flex; flex-direction: column; min-width: 0; background: var(--lb-ba-card); border-radius: var(--lb-ba-radius-card); overflow: hidden; transition: box-shadow 0.2s ease, transform 0.2s ease; } .lb-ba__card:hover { box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12); transform: translateY(-2px); } @media (prefers-reduced-motion: reduce) { .lb-ba__card, .lb-ba__card:hover { transition: none; transform: none; } } .lb-ba__cover { display: block; position: relative; aspect-ratio: 16 / 9; background: var(--lb-ba-cover); overflow: hidden; } .lb-ba__cover img { display: block; width: 100%; height: 100%; object-fit: cover; } .lb-ba__cover-empty { position: absolute; inset: 0; background: linear-gradient(135deg, #f3f3f5 0%, #e6e6ea 100%); } .lb-ba__body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 14px 16px 16px; } .lb-ba__title { margin: 0 0 8px; font-size: 15px; line-height: 1.35; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .lb-ba__title a { color: inherit; text-decoration: none; } .lb-ba__title a:hover { color: var(--lb-ba-accent); } .lb-ba__excerpt { margin: 0 0 12px; font-size: 13px; line-height: 1.45; color: var(--lb-ba-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .lb-ba__more { margin-top: auto; font-size: 14px; font-weight: 600; color: var(--lb-ba-accent); text-decoration: none; } .lb-ba__more:hover, .lb-ba__all a:hover { color: var(--lb-ba-accent-hover); } .lb-ba__all { margin: 20px 0 0; text-align: center; font-size: 14px; font-weight: 600; } .lb-ba__all a { color: var(--lb-ba-accent); text-decoration: none; } /* Планшет: две колонки */ @media (max-width: 1024px) { .lb-ba__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lb-ba { padding: 22px 20px 20px; } .lb-ba__heading { font-size: 21px; } } /* Телефон и мобильный шаблон: горизонтальная лента с прокруткой. Карточки не сжимаются в столбик — блок остаётся компактным по высоте, а листать вбок на телефоне привычнее. */ @media (max-width: 640px) { .lb-ba { margin: 24px -12px; padding: 20px 12px 16px; border-radius: 0; } .lb-ba__heading { font-size: 19px; margin-bottom: 14px; } .lb-ba__grid { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 2px 0 8px; margin: 0 -12px; padding-left: 12px; padding-right: 12px; scrollbar-width: none; } .lb-ba__grid::-webkit-scrollbar { display: none; } .lb-ba__card { flex: 0 0 76%; max-width: 320px; scroll-snap-align: start; } .lb-ba__all { margin-top: 12px; } } /* Мобильный шаблон сайта (ls_mobile) — лента всегда, независимо от ширины. */ .lb-ba--mobile { margin: 24px 0; padding: 20px 12px 16px; border-radius: 12px; } .lb-ba--mobile .lb-ba__heading { font-size: 19px; margin-bottom: 14px; } .lb-ba--mobile .lb-ba__grid { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 2px 0 8px; scrollbar-width: none; } .lb-ba--mobile .lb-ba__grid::-webkit-scrollbar { display: none; } .lb-ba--mobile .lb-ba__card { flex: 0 0 76%; max-width: 320px; scroll-snap-align: start; } .lb-ba--mobile .lb-ba__all { margin-top: 12px; } /* End */ /* /local/templates/ls/components/electro/catalog/.fujitsu/style.min.css?175794032415440 */ /* /local/templates/ls/components/electro/catalog/.fujitsu/bitrix/catalog.element/lifebook-shop/style.min.css?177808792268036 */ /* /local/css/lb-blog-articles.css?17882892965300 */