/******************************************************************************\ Общее \******************************************************************************/ @font-face { font-display: swap; font-family: 'rouble'; src: url('/templates/fonts/rouble.eot'); src: url('/templates/fonts/rouble.eot?#iefix') format('embedded-opentype'), url('/templates/fonts/rouble.ttf') format('truetype'); font-weight: normal; font-style: normal; } html, body { padding: 0; margin:0; } body { } body, table { color: #455E72; font-size: 13px; font-family: 'Montserrat'; } a, .a { color: #5682bf; outline: none; text-decoration: none; cursor: pointer; } a:hover, .a:hover { color: #005fcc; text-decoration: none;} a img { border: none; outline: none; } table { border-collapse: collapse; } td { vertical-align: top; padding: 0px; } p { margin-top: 0; } form { margin: 0; } input, textarea { outline-width: 0; font-family: 'Montserrat'; } label { cursor: pointer; } .hr { height: 0; border: none; border-bottom: 1px solid #e1e1e1; margin: 0 0 10px 0; clear: left;} .ib { display: -moz-inline-stack; display: inline-block; vertical-align: top; /*zoom: 1;*/ *display: inline; } .reds { color: #f1091f; } .rel { position: relative; width:100%; height: 100%; } input[type="checkbox"], input[type="radio"], label { vertical-align: middle; } h1, h2, h3 { margin: 0; font-weight: normal; } h1 { text-transform: uppercase; } h2 { margin-bottom: 4px; font-size: 17px; text-transform: uppercase; } h3 { margin-bottom: 4px; font-size: 15px; } .h2 { margin: 0; font-weight: normal; margin-bottom: 4px; font-size: 17px; text-transform: uppercase; } .page-loader { padding: 20px 0 0; margin-bottom: 40px; text-align: center; } .page-loader a { display: inline-block; padding: 9px 15px 8px; color: #455c73; background: #eaf0f6; border-bottom: 2px solid #d2d8dd; border-radius: 3px; text-decoration: none; cursor: pointer; } .page-loader a { border-bottom: none; background: #f5f5f5; padding: 13px 30px; min-width: 150px; border-radius: 5px; font-size: 12px; color: #5682bf; font-weight: 800; display: inline-block; text-align: center; } .page-loader a:hover { text-decoration: none; background: #e1edfa; color: #005fcc; } .delivery-side-block { } .delivery-side-block .delivery-title { font-size: 15px; line-height: 22px; color: #455c73; margin: 22px 0 9px; } .delivery-side-block .city { font-size: 13px; } .delivery-side-block .date { margin: 4px 0; } .delivery-side-block .carry { } .delivery-side-block .carry .c { font-size: 13px; } .delivery-side-block .map { width: 255px; height: 255px; margin: 13px 0 25px; } .delivery-side-block .pay { background: url('/templates/pictures/payment-logo-side.png') no-repeat 100% 0; padding: 4px 0 8px 0; font-size: 14px; } .delivery-side-block .pay a { border-bottom: 1px solid #b5c8e3; } .delivery-side-block .pay a:hover { border-bottom-color: transparent; } /******************************************************************************\ Шапка \******************************************************************************/ .bg-header { height: 111px; z-index: 100; } .header { position: relative; height: 111px; line-height: 1; border-bottom: 1px solid #EAF0F6; } .logo { position: absolute; display: inline-block; top: 9px; left: 15px; } .header_phone { position: absolute; top: 37px; right: 235px; font-size: 20px; text-align: right; } .header_phone a { color: #455c73; font-weight: 800; } .header_phone span { color: #a3b1bf; font-weight: 500; } .header_phone .order_phone { color: #455E72; display: inline-block; font-size: 12px; margin: 5px 0 0; font-weight: 300; } .user-fn { position: absolute; } .select_region { } .select_region a { background: url('/templates/default/pictures/pic-city.svg') 0 3px no-repeat; padding-left: 21px !important; } .select_region a:hover { } .points_delivery { position: absolute; top: 71px; left: 914px; display: inline-block; height: 16px; } .points_delivery.sel { border-bottom: 2px solid #fad728; } .header_text { position: absolute; top: 10px; left: 320px; height: 90px; width: 270px; font-size: 12px; } .header_text .item { display: none; background: no-repeat 0 50%; background-size: 42px auto; padding-left: 50px; color: #455c73; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .header_text .item span { display: inline-block; vertical-align: middle; } .header_text .item br { display: none; } .header_text .before { display: inline-block; min-height: inherit; height: 100%; vertical-align: middle; } .header_text .item.sel { display: block; } .header_text .item.img-1 { background-image: url('/templates/pictures/header-image-1.png'); } .header_text .item.img-2 { background-image: url('/templates/pictures/header-image-2.png'); } .header_text .item.img-3 { background-image: url('/templates/pictures/header-image-3.png'); } .header_text .item.img-4 { background-image: url('/templates/pictures/header-image-4.png'); } .header_text .item.img-5 { background-image: url('/templates/pictures/header-image-5.png'); } .header_text .item.img-6 { background-image: url('/templates/pictures/header-image-6.png'); } .header_text .item.img-7 { background-image: url('/templates/pictures/header-image-7.png'); } .header_text .item.img-8 { background-image: url('/templates/pictures/header-image-8.png'); } .header_text .item.img-9 { background-image: url('/templates/pictures/header-image-10.png'); background-position: 7px 48%; margin-top: 4px; background-size: 26px auto; } /******************************************************************************\ Подвал \******************************************************************************/ .bg-bottom-catalog { background: #EAF0F6; border-top: 1px solid #d9dfe5; height: 32px; } .bottom-catalog { font-size: 11px; line-height: 11px; padding-top: 11px; overflow: hidden; white-space: nowrap; } .bottom-catalog .placer { padding-left: 24px; } .bottom-catalog a { margin-right: 8px; color: #455c73; vertical-align: top;} .bottom-catalog a.bl { margin-right: 16px; } .bottom-catalog span { display: inline-block; padding-top: 2px; margin-right: 10px; margin-left: 2px; font-size: 6px; line-height: 6px; vertical-align: top; } .data-list-scroll { position: relative; } .data-list-scroll .viewport { height: 20px; margin-left: 18px; margin-right: 18px; overflow: hidden; position: relative; } .data-list-scroll .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } .data-list-btn { position: absolute; top: -10px; bottom: 0; width: 14px; line-height: 0; font-size: 0; height: 31px; background-image: url('/templates/pictures/array-catalog.png'); background-repeat: no-repeat; cursor: pointer; } .data-list-btn.disabled { cursor: default; } .data-list-btn.next { right: 0; background-position: -26px -18px; } .data-list-btn.next:hover, .data-list-btn.next.disabled { right: 0; background-position: -26px 11px; } .data-list-btn.prev { left: 0; background-position: 0 -18px; } .data-list-btn.prev.disabled, .data-list-btn.prev:hover { left: 0; background-position: 0 11px; } /******************************************************************************\ Меню каталога \******************************************************************************/ .catalog-main-place { height: 48px; font-size: 0; border-bottom: 2px solid #EAF0F6; } .catalog-main-place .catalog-menu { padding: 0; margin: -1px 0 0 0; position: relative; z-index: 10; } .catalog-main-place .main { position: relative; display: inline-block; font-size: 12px; line-height: 21px; } .catalog-main-place .main.wide { position: initial; } .catalog-main-place .main .p { display: block; border: 1px solid transparent; border-bottom-width: 3px; height: 32px; padding: 14px 13px 0 53px; color: #455c73; background-position: 14px 14px; background-repeat: no-repeat; font-weight: 600; } .catalog-main-place .main.sel .p { border-bottom: 3px solid #fad728; } .catalog-main-place .main:hover .p { z-index: 1; position: relative; border: 1px solid #ccceda; border-bottom: 1px solid #fff; height: 32px; background-color: #fff; box-shadow: 0 4px 10px 0 #d0d1d6; } .catalog-main-place .main:hover .p:after { content: ""; z-index: 10; position: absolute; border-bottom: 1px solid #eeeff1; left: 0; bottom: -1px; right: 0; } .catalog-main-place .main:hover .l { display: block; border-top: 1px solid #fff; border-left: 1px solid #A0A2AE; border-right: 1px solid #A0A2AE; top: -1px; z-index: 10; position: relative; } .catalog-main-place .active .main .p { background-position: 14px -35px; } .catalog-main-place .sub { cursor: default; } .catalog-main-place .catalog-menu-right { z-index: 2; padding: 16px 5px 14px 42px; display: none; position: absolute; left: 0; top: 47px; background: #fff; right: 0; border: 1px solid #ccceda; box-shadow: 0 4px 10px 0 #d0d1d6; /*min-width: 160px;*/ } .catalog-main-place .catalog-menu-right.alt { right: auto; } .catalog-main-place .catalog-menu-right.left { left: auto; padding-right: 25px; } .catalog-main-place .main.wide .catalog-menu-right { } .catalog-main-place .main:hover .catalog-menu-right { display: block; } .catalog-main-place .submenu-content { position: relative; } .catalog-main-place .catalog-menu-right.alt .submenu-content { display: flex; flex-flow: row-reverse; } .catalog-main-place .catalog-menu-right.left .submenu-content { display: flex; flex-flow: row-reverse; } .catalog-main-place .submenu-content .items { margin-left: -25px; margin-top: 0; } .catalog-main-place .submenu-content .items.alt { margin-left: 0; margin-top: 8px; } .catalog-main-place .submenu-content .l-item { padding: 1px 0 3px 23px; display: block; white-space: nowrap; } .catalog-main-place .submenu-content .podbor { float: right; margin: 5px 50px 10px 50px; width: 278px; padding-top: 112px; background: url('/templates/pictures/menu-car.jpg') no-repeat 0 0; } .catalog-main-place .submenu-content .podbor span { display: block; background: #444c63; color: #fff; border-radius: 20px; padding: 6px 0 7px; text-align: center; margin-top: 20px; } .catalog-main-place .submenu-content .podbor:hover span { background: #495473; } .catalog-main-place .submenu-content .items a { display: inline-block; padding: 0; font-size: 13px; line-height: 19px; color: #455c73; position: relative; margin-left: -13px; } .catalog-main-place .submenu-content .items a:hover { color: #005fcc; } .catalog-main-place .submenu-content .items a span { display: none; } .catalog-main-place .submenu-content .menu-btn a { display: inline-block; background: #444c63; color: #fff; border-radius: 20px; padding: 6px 20px 7px; text-align: center; margin-bottom: 10px; } .catalog-main-place .submenu-content .menu-btn a:hover { background: #495473; color: #fff; } .catalog-main-place .favorite-items { border-collapse: collapse; margin-bottom: 12px; line-height: 25px;} .catalog-main-place .favorite-items td { padding: 0 20px 0 0; } .catalog-main-place .favorite-items .s-h { display: block; font-weight: bold; margin-bottom: 10px; } .catalog-main-place .favorite-items .s-i { display: block; margin-bottom: 5px; } /******************************************************************************\ страница \******************************************************************************/ .bg-page { background: #fff; } .bg-page > .page { background: #fff; } .page-table { width: 100% } .page-table-left { padding: 0; width: 284px; border-right: 2px solid #e6e9ed; } .page-table-right { padding: 0; } .page-table-error { padding: 0; width: 564px;} .product-day { position: absolute; display: inline-block; font-size: 11px; text-transform: lowercase; top: 14px; left: 113px; white-space: nowrap; padding: 6px 0 0 29px; line-height: 1; height: 17px; background: url('/templates/pictures/bg-product-day.gif') 0 0 no-repeat; } .place-advantage { padding: 17px 0 12px 17px; } .place-advantage .item { display: inline-block; background-repeat: no-repeat; background-position: 0 50%; height: 89px; width: 147px; vertical-align: top; padding-left: 75px; color: #455c73; line-height: 17px; margin-left: 40px; } .place-advantage .nm { display: inline-block; vertical-align: middle;} .place-advantage .sl { display: inline-block; height: 100%; vertical-align: middle; width: 0;} .main-text { padding: 30px 0 14px 29px; line-height: 19px; line-height: 1.5; } .main-text h1 { text-transform: uppercase; font-weight: normal; font-size: 18px; margin-bottom: 17px; line-height: 22px; } .main-text h2 { font-size: 17px; margin-bottom: 10px; margin-top: 16px; font-weight: bold; text-transform: none; } .page-text { border-top: 2px solid #e6e9ed; padding: 30px 30px 14px 30px; line-height: 1.5; } .page-text h2 { font-size: 17px; margin-bottom: 10px; margin-top: 16px; font-weight: bold; text-transform: none; } .page-text hr { border: none; border-top: 1px solid #5682bf; margin: 40px -16px; } .text-content { padding: 30px 30px 14px 30px; } .advantage-items { width: 100%; border-collapse: collapse; margin-top: 30px; } .advantage-items td:last-child { width: 1%; } .advantage-item { font-size: 13px; border-left: 2px solid #5682bf; display: inline-block; vertical-align: top; padding: 12px 0 12px 28px; } .advantage-item div { font-size: 15px; text-transform: uppercase; } .advantage-item.award { padding-right: 58px; background: url('/templates/pictures/advantage-award.png') no-repeat 100% 50%; } .advantage-item.insurance { padding-right: 65px; background: url('/templates/pictures/advantage-insurance.png') no-repeat 100% 50%; } .advantage-item.service { padding-right: 75px; background: url('/templates/pictures/advantage-service.png') no-repeat 100% 50%; } /******************************************************************************\ формы \******************************************************************************/ .search-place { padding: 26px 15px 26px 29px; border-bottom: 2px solid #e6e9ed; position: relative; } .search-place.main { border-bottom: none; } .search-place.wide { padding: 26px 15px 26px 0; } .search-place.wide .bm-submit { left: 1000px; } .search-place.wide .input-place { width: 980px; } .search-place.wide .input-place input { width: 930px; } .search-place.hide { display: none; } .input-place { border: 1px solid #cad0d7; border-radius: 3px; behavior: url(/templates/css/PIE.php); /*zoom: 1;*/ height: 36px; width: 688px; position: relative; background: #fff url('/templates/pictures/bg-search.gif') 12px 9px no-repeat; } .input-place input { position: absolute; left: 44px; height: 34px; top: 0; line-height: 37px; border: none; width: 640px; color: #455c73; font-size: 14px; outline: none; } .bm-submit { background: #fad728; cursor: pointer; border-radius: 4px; behavior: url(/templates/css/PIE.php); /*zoom: 1;*/ border: none; border-bottom: 2px solid #d5b722; width: 88px; height: 36px; line-height: 36px; color: #455c73; text-transform: uppercase; font-size: 11px; font-weight: bold; } .bm-submit:hover { background: #ffe100; } .search-place .bm-submit { position: absolute; top: 27px; left: 726px; } .search-place .close-search { position: absolute; top: 7px; right: 2px; width: 14px; height: 14px; background: url('/templates/pictures/help-close.png') no-repeat; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); opacity: 0.3; } .search-place .close-search:hover { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; } .search-place.error { border-bottom: none; padding: 26px 15px 26px 0 !important; } .search-place.error .input-place { width: 433px; } .search-place.error .input-place input{ width: 385px; } .search-place.error .bm-submit { left: 442px; } /*----------------------------------------------------------------------------*\ Диалоговый слой \*----------------------------------------------------------------------------*/ .popup-place, .fon_proccess { position:absolute; top: 0px; left: 0px; width: 0px; height: 0px; z-index: 2147483600; } .fon_proccess { z-index: 2147483647; cursor: progress; display: none; } .popup-bg { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; z-index: 3001; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity: 0.7; background: #000; z-index: 10001;} .popup-bg.transparent { background: none; } .popup-window { z-index: 10010; position: absolute; font-size: 0; } .popup-window-content { opacity: 1; border: 2px solid #fad728; border-collapse: separate; background: #fff; color: #455c73; font-size: 18px; line-height: 25px; padding: 0px; width: 510px; box-shadow: 1px 1px 5px #333; behavior: url(/templates/css/PIE.php); /*zoom: 1;*/ } .popup-window-content-bg { padding: 0; } .popup-window-title { font-size: 15px; line-height: 18px; font-style: normal; padding: 11px 22px 10px; margin: 0; background: #edf0f2; color: #a3b1bf; } .popup-window-alert { padding: 24px 30px 20px 30px; max-width: 900px; } .popup-window-close { position: absolute; font-size: 0; line-height: 0; top: 10px; right: 10px; width: 14px; height: 14px; background: url('/templates/pictures/help-close.png') no-repeat 50% 50%; } .popup-window-close:hover { } .popup-window-function { padding: 10px 20px 25px 30px; margin: 0; background: #fff; text-align: center; } .popup-window-buttons a, .popup-window-buttons input { display: inline-block; background: #fad728; border-bottom: 2px solid #d5b722; margin: 0 5px; font-weight: bold; font-size: 11px; line-height: 16px; border-radius: 3px; color: #455c73; padding: 13px 32px 8px; text-transform: uppercase; text-decoration: none; cursor: pointer; } .popup-window-buttons a:hover, .popup-window-buttons input:hover { text-decoration: none; background: #f3d127; } .borderless .popup-window-content-bg { padding: 0; } /*.popup-window-buttons .continue { background: #5fa0aa; } .popup-window-buttons .continue:hover { background: #4f858d; }*/ .popup-window-alert b { color: #334557; } .popup-help { position: absolute; display: none; z-index: 1000;} .popup-help .ar { background: url('/templates/pictures/bg-help_arrow.png') no-repeat; width: 34px; height: 18px; top: -3px; left: -18px; position: absolute; z-index: 1001;} .popup-help .cl { background: url('/templates/pictures/help-close.png') no-repeat; width: 14px; height: 14px; top: 22px; right: 22px; cursor: pointer; position: absolute; z-index: 1001;} .popup-help .cl:hover { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5; } .popup-help .tx { background: #fff; border: 2px solid #fad728; padding: 11px 23px; color: #455c73; box-shadow: 0 4px 10px 0 #d0d1d6; behavior: url(/templates/css/PIE.php); /*zoom: 1;*/ display: inline-block; width: 300px; position: absolute; top: 13px; left: -134px; z-index: 1000; } .popup-placer { /*position: absolute; z-index: 5001000; left: 0; top: 0;*/ } .popup-placer-bg { position: absolute; z-index: 5001000; left: 0; top: 0; } .popup-helper { position: absolute; display: none; z-index: 5001001; left: 0; top: 0; } .popup-helper-content { position: relative; box-shadow: 0 4px 10px 0 #d0d1d6; border: 2px solid #fad728; behavior: url(/templates/css/PIE.php); /*zoom: 1;*/ display: inline-block; background: #fff; padding: 13px 23px 11px; } .popup-helper-content.a-bottom .popup-helper-corner { background: url('/templates/pictures/bg-help_arrow.png') no-repeat; width: 34px; height: 18px; top: -18px; left: 0; position: absolute; } .popup-helper-content.a-top .popup-helper-corner { background: url('/templates/pictures/bg-help_arrow_down.png') no-repeat; width: 34px; height: 18px; bottom: -18px; left: 0; position: absolute; } .popup-helper-close { background: url('/templates/pictures/help-close.png') no-repeat; width: 14px; height: 14px; top: 8px; right: 8px; cursor: pointer; position: absolute; } .popup-helper-close:hover { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5; } .popup-helper-title { border-bottom: 1px solid #edf0f2; margin: 0 -23px 12px; padding: 0 23px 9px; color: #a3b1bf; font-size: 18px; line-height: 24px; max-width: 650px; text-transform: uppercase; } .popup-helper-text { min-width: 120px; max-width: 800px; font-size: 13px; line-height: 20px; color: #455c73; } .how-calc .popup-helper-text { max-width: 260px; } .how-calc .popup-helper-text > :last-child { margin-bottom: 0; } .popup-helper-text * { vertical-align: top; } .popup-helper-text .helper-text { max-width: 300px; } /*.popup-helper-text .helper-img { max-width: 350px; }*/ .popup-helper-text .helper-img { max-width: 120px; } .popup-helper.small .popup-helper-content { border-radius: 4px; border-width: 1px; max-width: 203px; box-sizing: border-box; padding: 13px 17px 11px; } .popup-helper.small .popup-helper-text { font-size: 10px; line-height: 15px; } .popup-helper.small .popup-helper-close { width: 10px; height: 10px; top: 5px; right: 5px; background-size: 7px; background-position: 50% 50%; } .popup-helper.small .popup-helper-content.a-top .popup-helper-corner { background-size: 18px auto; width: 21px; } /*----------------------------------------------------------------------------*\ подбор товаров \*----------------------------------------------------------------------------*/ #place-select-product { position: relative } .place-filter { padding: 0px 15px 2px; line-height: 1; position: relative; } .place-filter.mark:before { content: ""; position: absolute; left: 4px; top: 4px; right: 0; bottom: -4px; background: #fafafa; z-index: 0; } .place-filter.mark > * { position: relative; z-index: 1; } .catalog-select-title { color: #a3b1bf; text-transform: uppercase; padding: 12px 0px 13px; font-weight: bold; cursor: pointer; } .catalog-select-title .b { display: inline-block; float: right; background: #4bb46b; vertical-align: top; margin-top: 0; width: 10px; height: 10px; background: url('/templates/pictures/filter-arrow.png') no-repeat 0 -98px; } .catalog-select-title.closed .b { background-position: 0 0; } .catalog-select .sub { color: #a3b1bf; padding: 0 0 9px; } .catalog-select .in { display: inline-block; white-space: nowrap; padding-bottom: 4px; overflow: hidden; } .catalog-select .in.checked label:after { content: ""; display: inline-block; width: 11px; height: 11px; background: url('/templates/pictures/filter-close-blue.png') no-repeat 50% 50%; vertical-align: top; margin: 0 0 0 10px; } .catalog-select .in.na label { color: #e0e0dc; } .catalog-select .in.bold label { font-weight: bold; } .catalog-select.col1 .in { width: 252px; } .catalog-select.col2 .in { width: 125px; } .catalog-select.col3 .in { width: 82px; } .catalog-select .ui-select {margin-bottom: 0 ;} .catalog-select.price { padding-left: 0; margin-right: 0; } .catalog-select.price .space { display: inline-block; text-align: center; width: 26px; } .catalog-select.price .v { margin: 0; border: 1px solid #e9e4e0; background: #fff; color: #32394d; padding: 9px 14px; font-size: 13px; line-height: 16px; width: 84px; border-radius: 4px; font-weight: bold; } .catalog-select.price .l { color: #575e61; font-size: 12px; } .catalog-select select {width: 100%;} .left-select .select-button { border-top: 1px solid #edf0f2; padding: 14px 14px 19px 15px; margin-top: 10px; position: relative; } .ui-slider { margin-top: 20px; margin-bottom: 15px; background: #eaf0f6; /*e0e3ea*/ height: 4px; border-radius: 1px; position: relative; width: 253px; } .ui-slider-range { background: #a3b1bf; top: 0; bottom: 0; position: absolute; } a.ui-slider-handle { font-size: 0; line-height: 0; position: absolute; top: -8px; width: 15px; margin-left: -10px; height: 15px; border: none; text-decoration: none; border: 2px solid #a3b1bf; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.15); } .selected-filters { padding: 10px 0 15px 30px } .catalog-select .in.dis { color: #a3b1bf; display: none; } .catalog-select .link a { display: inline-block; margin-left: -20px; padding-left: 20px; } .catalog-select a span { display: inline-block; border-bottom: 1px solid #fff; } .catalog-select a:hover span { border-bottom: 1px solid #455e72; } .page-loader-content { position: relative; min-height: 100px; } .pre-loader-content { position: absolute; top: 0; left: 0; width: 100%; min-height: 100px; background: url('/templates/pictures/bg-loader-content.png'); } .pre-loader-content div { width: 100%; min-height: 100px; background: url('/templates/pictures/pre-loader-content.gif') 50% 25% no-repeat; } .catalog-select-hide { overflow: hidden;} .place-filter .show-more { display: inline-block; padding-top: 3px; padding-right: 16px; color: #5682bf; cursor: pointer; font-size: 12px; background: url('/templates/pictures/bg-show-more.gif') 100% 8px no-repeat ; } .place-filter .show-more.opened { background-position: 100% -6px; } .place-filter .end { position: absolute; background: url('/templates/pictures/bg-end.png') repeat-x; width: 100%; height: 10px; left: 0; bottom: 14px; } .reset { display: inline-block; position: absolute; top: 25px; left: 114px; line-height: 1; cursor: pointer; } .popup-num-product { position: absolute; left: 256px; top: 10px; line-height: 1; width: 40px; height: 72px; background: url('/templates/pictures/bg-select-num.png') no-repeat; z-index: 2147483647; } .popup-num-product div { position: absolute; left: 40px; top: 0; height: 46px; padding: 26px 30px 0 0; background: url('/templates/pictures/bg-select-num.png') 100% 0 no-repeat; white-space: nowrap; } .popup-num-product a { cursor: pointer; text-transform: uppercase; margin-left: 8px; } .side-carry-point-item { border-bottom: 1px solid #edf0f2; padding: 16px 14px 17px 0; line-height: 18px; } .side-carry-point-item .phone { color: #5682bf; font-size: 15px; line-height: 1; margin-bottom: 10px; } .side-carry-point-item .shedule { color: #afbdc8; font-size: 13px; line-height: 1.4; margin-top: 10px; } .side-carry-point-item .shedule div { margin-top: 2px; } /*----------------------------------------------------------------------------*\ формы \*----------------------------------------------------------------------------*/ .form { font-size: 13px; line-height: 16px; } .form input[type="text"], .form input[type="password"], .form select, .form textarea { border: 1px solid #cad0d7; font-size: 13px; line-height: 18px; vertical-align: top; resize: none; padding: 4px 10px 2px; color: #455c73; border-radius: 3px; } .form .sub-line { border-top: 2px solid #e6e9ed; height: 0;} .form .name { font-size: 16px; color: #a3b1bf; padding-bottom: 14px } .form .delivery-logo { vertical-align: top; } .form .info { padding-bottom: 20px; } .form .num { width: 50px; } .form .link-button { float: left; margin-top: 10px; } .form .description { font-size: 12px; line-height: 15px; color: #a3b1bf; padding: 5px 0 0 10px; } .form.disabled .description { display: none; } .form.reg { width: 305px; } .form.reg .label { width: 115px; } .form.reg .input { width: 163px; } .form.reg select.input { width: 230px; padding: 4px 6px 2px } .form.call { width: 370px; } .form.call .label { width: 130px; } .form.call .input { width: 214px; } .form.call select.input { width: 236px; padding: 4px 6px 2px } .form.feedback { width: 350px; } .form.feedback .label { width: 85px; } .form.feedback .input { width: 239px; } .form.feedback select.input { width: 261px; } .form.feedback .item-block .input { width: 328px; } .form.feedback .ui-select { margin-bottom: 0; } .form.order { width: auto; } .form.order .label { width: 149px; } .form.order .input { width: 281px; } .form.order .block { padding: 25px 15px; } .form.order .block-radio { padding-bottom: 25px; } .form.order .radio-item { padding: 7px 0; font-size: 15px; } .form.order .form-placeholder { padding: 7px 0 7px 27px; font-size: 13px; display: none; } .form.order .form-placeholder.open { display: block; } .form.order textarea { width: 452px; height: 100px; } .place-address span { margin-right: 6px; display: inline-block; line-height: 15px; } .place-address .metro { padding: 0 0 0 20px; background: url('/templates/pictures/pic-metro.png') no-repeat 0 -2px; } .place-address .address { color: #5682bf; } .place-address.active:hover .metro { background-position: 0 -17px; } .place-address .worktime { padding: 0 0 0 20px; background: url('/templates/pictures/bg-worktime.png') no-repeat 0 50%; } .form-placeholder table { margin-top: 6px; } .form-placeholder td { vertical-align: middle; padding-right: 4px; } .form-placeholder td input { margin-right: 10px; } .form .price { background: #eaf0f6; border-radius: 2px; behavior: url(/templates/css/PIE.php); /*zoom: 1;*/ padding: 2px 4px 0; font-size: 15px; } .form .price.yellow { background: #ffe100; } .block-total { position: relative; } .block-total .total-payment { /*position: absolute; bottom: 36px; right: 0;*/ } .block.row { display: flex; } .block.row .c1 { flex-shrink: 0; } .block.row .c1 textarea { width: 400px; } .block.row .c2 { padding: 0 20px; } .total-payment .total-summ { font-size: 24px; font-weight: bold; padding: 6px 0 30px; } .total-payment .delivery-summ { font-size: 20px; font-weight: bold; padding: 6px 0 30px; } .delivery-summ-block { margin-top: -15px; } .form.big { padding: 25px 0 15px 30px; } .form.big.alt { padding: 0; } .form.big.alt .form-item { margin-bottom: 15px; } .form.big.alt .label { width: 160px; } .form.big .label { width: 190px; } .form.big .input { width: 490px; } .form.big .input.mid { width: 295px; } .form.big .input.small { width: 210px; } .form.big .description { width: 490px; } .form.big .form-item { margin-bottom: 24px; } .form.big .form-footer { text-align: center; margin-top: 40px; } .form.big .form-footer-comment { text-align: left; width: 720px; padding-top: 24px; } .form.wide { width: 406px; } .form.wide .label { width: 170px; } .form.wide .input { width: 209px; } .form.auth { width: 305px; } .form.auth .label { width: 70px; } .form.auth .input { width: 209px; } .form-footer-info { border-top: 1px solid #edf0f2; padding: 15px 23px 5px; margin: 20px -23px 0; } .form.reg.step2 .label { width: 125px; font-size: 12px; } .form.reg.step2 .input { width: 153px; } .form.def { padding: 15px 0 15px 30px; } .form.def .label { width: 80px; } .form.def .input { width: 285px; margin-bottom: 0; } .form.def select.input { width: 307px; } .form.def .ui-select { margin-bottom: 0; } .form.def .form-item { margin-bottom: 15px; } .form.def .edit-btn { display: inline-block; width: 19px; height: 19px; margin: 5px 0 0 5px; vertical-align: top; background: url('/templates/pictures/form-edit-btn.png') no-repeat; cursor: pointer; } .form.def .form-item.acc { font-size: 18px; line-height: 18px; margin-bottom: 13px; } .form.def .form-item.acc .label { width: auto; } .form-group { padding: 25px 0 15px 30px; margin-left: -30px; border-bottom: 1px solid #edf0f2; } .form-item { margin-bottom: 10px; } .form .req { color: #e34b3f; } .form-item .label { color: #455c73; margin: 7px 0 0 0; display: inline-block; *display: inline; /*zoom: 1;*/ vertical-align: top; } .form-item .item { display: inline-block; *display: inline; /*zoom: 1;*/ vertical-align: top; position: relative; } .form-item .item-block { display: block; vertical-align: top; position: relative; margin-top: 5px; } .form-item .view-item { display: inline-block; *display: inline; /*zoom: 1;*/ vertical-align: top; color: #5682bf; margin: 7px 0 0 5px; } .form-item .hide { display: none; } .form-footer { margin-top: 20px; margin-bottom: 10px; } .form-footer.right { text-align: right; } .form .refresh-code { vertical-align: top; display: inline-block; cursor: pointer; padding-top: 5px; } /*----------------------------------------------------------------------------*\ регистрация/авторизация \*----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------*\ автокомплит \*----------------------------------------------------------------------------*/ .ac_results { border: 1px solid #cad0d7; width: 688px; border-radius: 3px; behavior: url(/templates/css/PIE.php); /*zoom: 1;*/ margin: 3px 0 0 0; color: #455c73; overflow: hidden; z-index: 99999; } .ac_results.main { margin-left: -45px; } .ac_results.brand { margin-left: -40px; margin-top: 5px; } .ac_results.city-select { width: 598px; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;} .ac_results li { margin: 0px; padding: 6px 6px 6px 6px; cursor: default; display: block; font-size: 13px; line-height: 16px; overflow: hidden; } .ac_results li strong { color: #000; } .ac_loading { background-image: url('/templates/pictures/indicator.gif'); background-repeat: no-repeat; background-position: 100% 60%; } .ac_even { background-color: #fff; } .ac_odd { background-color: #eaf0f6; } .ac_over {background-color: #fad728; } .ac_results table { border-collapse: collapse; width: 100%; } .ac_results td { vertical-align: middle; } .ac_results td.tx { font-size: 14px; padding: 2px 10px 0; line-height: 16px; } .ac_results td.img { width: 20px; padding: 0 0 0 4px; line-height: 0;} .ac_results td.img img { width: 24px; } /*----------------------------------------------------------------------------*\ продукция \*----------------------------------------------------------------------------*/ .product-left { width: 100% } .product-left.list { border-bottom: 1px solid #edf0f2; } .product-left .img { width: 80px; height: 90px; vertical-align: middle; text-align: center; padding-right: 10px; } .product-left .text { margin-top: 18px; height: 38px; overflow: hidden; line-height: 18px; padding-right: 18px; } .product-left a, .product-list a { color: #455c73; } .product-left .price, .product-list .price { font-weight: bold; line-height: 1; color: #5682bf; font-size: 15px; margin-top: 2px; } .product-left .rouble, .product-list .rouble { font-size: 16px; text-decoration: none; } .product-left .sprice, .product-list .sprice, .product-list-place.nr .sprice { font-size: 13px; color: #a3b1bf; padding-left: 4px; } .product-left .sprice .rouble, .product-list .sprice .rouble { font-size: 14px; } .rouble { font-family: 'rouble'; text-decoration: none; } .left-select-link { font-size: 11px; padding: 12px 13px 15px 0; } .left-select-link a { color: #5682bf; } .product-place { display: inline-block; width: 170px; margin: 0 0 0 29px; height: 214px; } .product-list { width: 170px; } .product-list .img { height: 147px; vertical-align: middle; text-align: center; } .product-list .img img { max-height: 115px; max-width: 115px; } .product-list .text { height: 38px; overflow: hidden; line-height: 18px; } .main-product-del { height: 0; border-bottom: 1px solid #e6e9ed; } .title-not-available { margin: 50px 30px 20px; border-bottom: 1px solid #a3b1bf; padding-bottom: 4px; font-size: 16px; } .product-place.in-cart { margin: 0 25px 0 25px; } .rub { position: relative; display: inline-block; line-height: 1em; } .rub:after { content: '_'; position: absolute; display: block; left: 0; bottom: 25%; } .product-list-place { padding: 28px 0 15px 30px; } .product-list-place.nr > div { display: flex; flex-grow: 1; } .product-list-place.nr .space { display: flex; flex-grow: 1; line-height: 1.5; } .product-list-place.nr .space.c { flex-direction: column; } .product-list-place.nr .review { margin-top: 10px; } .product-list-place.nr .photo { flex-shrink: 0; } .product-list-place.nr .info { flex-shrink: 0; } .product-list-place .photo { width: 170px; padding-right: 30px; text-align: center; } .product-list-place .name { font-weight: bold; font-size: 15px; } .product-list-place .info { width: 260px; } .product-list-place .review { padding-left: 26px; color: #455c73; font-size: 13px; line-height: 18px; } .product-list-place .review .review-list { padding: 0 0 0 25px; } .product-list-place .price { font-size: 13px; margin-top: 10px; } .product-list-place .b { font-weight: bold; font-size: 15px; } .product-list-place .review-list .text { margin-top: 5px; padding-left: 0; } .product-list-place .review-list .text span:first-child { font-weight: bold; margin-right: 0; } .product-list-place .review-list .stars { padding-left: 0; margin-top: 0; } .product-list-place .author { color: #a3b1bf; margin-top: 10px; } .product-list-place .author .user { display: inline-block; margin-right: 20px; } .product-list-place .chars { } .product-list-place .param { width: 100%; margin-top: 10px; } .product-list-place .param .char-key { width: 50%; padding: 0 10px 4px 0; } .product-list-place .param .char-val { padding: 0 0 4px 0; } .product-list-place .param .hidden { display: none; } .product-list-place .func { margin-top: 10px; height: 24px; padding-top: 6px; overflow: hidden; border-width: 1px 0 1px; border-style: solid; border-color: #edf0f2; } .product-list-place .func .show-all { display: inline-block; padding-top: 3px; cursor: pointer; } .product-list-place .func .show-all span { display: inline-block; width: 0; vertical-align: top; margin-top: 4px; margin-left: 3px; border-style: solid; border-width: 0 4px 5px; border-color: transparent transparent #5682bf; } .product-list-place .func .show-all.show span { border-width: 5px 4px 0; border-color: #5682bf transparent transparent; margin-top: 5px; } .product-list-place .func .compare-link { float: right; display: inline-block; padding: 3px 0 0 23px; width: 70px; background: url('/templates/pictures/comparison-small-pic.png') no-repeat; } .product-search { width: 100%; line-height: 1; } .product-search th { background: #edf0f2; border-top: 1px solid #e8ebee; color: #a3b1bf; font-weight: normal; text-align: left; padding: 14px 0 12px 28px; } .product-search td { color: #455c73; padding: 26px 0 21px 28px; border-bottom: 1px solid #edf0f2; } .product-search .dt { padding-left: 10px; width: 55px; text-align: center; } .product-search .br { width: 106px; } .product-search .ar { width: 69px; } .product-search .nm { width: 260px; } .product-search .av { width: 59px; } .product-search .pr { width: 47px; white-space: nowrap; text-align: right; } .product-search .cr { width: 35px; } .pr-available { display: inline-block; height: 7px; width: 52px; background: url('/templates/pictures/pic-search-available2.png?t=1') no-repeat; } .pr-available.s1 { background-position: 0 -7px; } .pr-available.s2 { background-position: 0 -14px; } .pr-available.s3 { background-position: 0 -21px; } .pr-available.s4 { background-position: 0 -28px; } .pr-available.s5 { background-position: 0 -35px; } .pr-available.s6 { background-position: 0 -42px; } .product-search .pic { display: inline-block; padding: 0; height: 16px; margin: 0 3px; } .product-search .pic.info { background: url('/templates/pictures/pic-search-info.png') no-repeat 0 -32px; width: 16px; } .product-search .pic.photo { background: url('/templates/pictures/pic-search-photo.png') no-repeat 0 -32px; width: 18px; } .product-search .pic.available { background-position: 0 0; cursor: pointer; } .product-search .pic.available:hover { background-position: 0 -16px; } .product-search .incart { background: url('/templates/pictures/pic-search-incart.png') no-repeat; width: 20px; height: 16px; display: inline-block; font-size: 0; line-height: 0; vertical-align: top; margin-top: -2px; } .product-search .incart:hover { background-position: 0 -16px; } .product-search .no-incart { background: url('/templates/pictures/pic-search-incart.png') no-repeat 0 -32px; width: 20px; height: 16px; display: inline-block; font-size: 0; line-height: 0; vertical-align: top; margin-top: -2px; } .product-search.extend th { padding: 14px 0 12px 15px; } .product-search.extend td { padding: 19px 0 12px 15px; } .product-search.extend .nm { width: auto; } .product-search.extend .br { width: auto; padding-left: 28px; } .product-search.extend .fp { padding-left: 28px; } .product-search.extend td.spin { width: 120px; } .product-search.extend .cr { padding-left: 10px; } .product-search.extend .spin-control { vertical-align: top; margin-top: -7px; } .product-placer > table { width: 100%; border-collapse: collapse; } .product-placer > table > tbody > tr > td { padding: 0; vertical-align: top; } .product-placer > table > tbody > tr > td.rc { border-left: 1px solid #e8ebee; width: 255px; padding: 30px 0 0 33px; } .product-placer > table > tbody > tr > td.rc.fix-padding { padding-top: 62px; } /*.product-view { padding: 25px 0 0 29px; } .product-view .image { margin-right: 20px; } .product-view .info { width: 330px; } .product-view .preview { width: 425px; height: 425px; position: relative; text-align: center; } .product-view .images { margin-top: 30px; } .product-view .images .item { display: inline-block; vertical-align: top; width: 55px; height: 55px; padding: 3px; border: 1px solid #e6e9ed; text-align: center; cursor: pointer; } .product-view .images .item.sel { border: 1px solid #fad728; } .product-view .images .item.arround { border-color: #fff; background: url('/templates/pictures/product-3d-view.png') no-repeat 50% 50%; } .product-view .pack { margin-bottom: 4px; } .product-view select { width: 191px; } .product-view .param { line-height: 18px; } .product-view .param td { background-color: #fff; } .product-view .param .name { width: 180px; padding: 2px 15px 8px 0; } .product-view .param .value { display: inline-block; padding: 3px 3px 0; border-radius: 3px; } .product-view .articul { color: #a3b1bf; padding-bottom: 13px; padding-top: 4px; position: relative; } .product-view .articul span { display: inline-block; position: absolute; top: auto; left: 60px; } .product-view .count-label { vertical-align: top; margin: 6px 0 0 6px; display: inline-block; line-height: 16px; } .product-view .price-block { min-width: 110px; display: inline-block; vertical-align: top; } .product-view .price { padding: 10px 0; position: relative; } .product-view .product-available { display: inline-block; vertical-align: top; margin-top: -2px; margin-right: -20px; } .product-view .product-available.b { margin-left: -19px; } .product-view .product-available .pr-available { margin-left: 24px; } .product-view .price .avl-block { font-size: 0; vertical-align: top; cursor: pointer; margin-top: 8px; display: inline-block; padding: 0 0 0 22px; background: url('/templates/pictures/sign.png') no-repeat 0 2px; } .product-view .price .avl-on { color: #008000; vertical-align: top; font-size: 13px; font-weight: normal; border-bottom: 1px dotted; display: inline-block; padding: 0; } .product-view .price .avl-block:hover .avl-on { border-bottom-color: transparent; } .product-view .price .avl-on .detail { display: none; } .detail-rows { display: block; font-size: 13px; } .detail-rows .row { display: flex; width: 100%; } .detail-rows .row > :last-child { text-align: right; flex-grow: 1; color: #008000; margin-left: 20px; } .product-view .price span { color: #5682bf; font-size: 24px; font-weight: bold; padding-right: 15px; } .product-view .price span.old { color: #a3b1bf; font-size: 20px; font-weight: bold; padding-right: 0; } .product-view .price span.old s { text-decoration: none; position: relative; } .product-view .price span.old s::after { content: ""; border-top: 2px solid; position: absolute; top: 14px; left: -1px; right: -3px; } .product-view .price span.old span { color: #a3b1bf; font-size: 20px; font-weight: normal; padding-right: 15px; } .product-view .buy-block { padding-top: 12px; } .product-view .share-block { padding-top: 45px; } .product-view .share-block span { font-weight: bold; font-size: 15px; margin-left: 10px; } .product-view .compare-link { display: inline-block; margin-top: 6px; vertical-align: top; padding: 4px 0 4px 32px; background: url('/templates/pictures/pic-compare-btn.png') no-repeat 0 50%; margin-left: 15px; font-size: 15px; } */ .item-available { margin-top: 17px; } .item-available .avl-block { display: inline-block; vertical-align: top; cursor: pointer; margin-top: 0; } .item-available .avl-block:hover .avl-on { border-bottom-color: transparent; } .item-available .avl-on { color: #008000; vertical-align: top; font-size: 13px; font-weight: normal; border-bottom: 1px dotted; display: inline-block; padding: 0; } .item-available .avl-on .detail { display: none; } .detail-rows { display: block; font-size: 13px; } .detail-rows .row { display: flex; width: 100%; } .detail-rows .row > :last-child { text-align: right; flex-grow: 1; color: #008000; margin-left: 20px; } .char-list { width: 100%; table-layout: fixed; } .char-list td { padding: 9px 12px; } .char-list .odd td { background: #F8F8F8; } .delivery-sample-field {} .delivery-sample-field .form.order .label { width: 177px; } .delivery-sample-list {} .delivery-sample-list td { padding: 5px 10px 5px 0; } .delivery-sample-list .label { width: 170px; } .delivery-sample-list .val { font-weight: bold; } .product-publication-item-list { padding: 15px 0 30px 29px; min-height: auto; } .product-publication-item { margin-bottom: 3px; } .pp-tabs .tab-field { margin-left: 0; } .tab-field { margin-top: 20px; margin-left: 30px; position: relative; } .tab-field .hidden { position: absolute; top:0; left: -10000px; } .tab-header { border-bottom: 1px solid #EAF0F6; } .tab-title, .tab-title-link { display: inline-block; padding: 13px 0 10px; margin-right: 30px; border-bottom: 1px solid transparent; cursor: pointer; font-size: 16px; font-weight: 800; margin-bottom: -1px; } .tab-title.sel { border-bottom-color: #FAD728; } .tab-body { padding: 45px 0 0 0; margin: 0; } .tab-content { display: none; line-height: 19px; } .tab-content.sel { display: block; } .office-menu { padding-left: 30px; border-bottom: 1px solid #dae0e6; background: #fff; margin-top: -1px; position: relative; } .office-menu div { margin-bottom: -1px; } .office-menu a { display: inline-block; color: #a3b1bf; padding: 13px 20px 10px; border: 1px solid #e6e9ed; border-bottom-color: #dae0e6; background: #fff; margin-right: -1px; border-radius: 3px 3px 0 0; cursor: pointer; } .office-menu a.sel { color: #455c73; border-color: #dae0e6; border-bottom-color: #fff; } .desc-layout { line-height: 18px; } .desc-layout td { padding: 0 0 20px 0; } .desc-layout tr:last-child td { border-bottom: none; } .desc-layout .name { color: #a3b1bf; padding-left: 52px; text-transform: uppercase; width: 150px; } .tab-content .review-list { margin: 52px -18px 0 -48px; } .tab-content .review-list .new { padding: 0; } .review-list .new { padding: 0 0 10px; position: relative; } .review-list .item { padding-bottom: 0; } .review-list .name { background: #edf0f2; font-size: 17px; color: #455c73; padding: 13px 20px 10px 30px; } .review-list .date { font-size: 13px; color: #a3b1bf; float: right; margin-top: 2px; } .review-list .stars { margin-top: 10px; padding-left: 30px; } .review-list .star { display: inline-block; margin-right: 2px; width: 14px; height: 13px; background: url('/templates/pictures/stars.png') no-repeat; } .review-list .star.sel { background: url('/templates/pictures/stars-sel.png') no-repeat; } .review-list .text { margin-top: 10px; padding-left: 0; } .review-list .text span { font-weight: bold; margin-right: 5px; } .review-list .button { position: relative; left: auto; top: auto; border-bottom: none; background: #f5f5f5; padding: 13px 30px; min-width: 150px; border-radius: 5px; font-size: 12px; color: #888; font-weight: 800; display: inline-block; text-align: center; } .review-list .item.empty { width: 100%; border: none; padding: 0; } .review-list .item.empty .text{ font-style: normal; } .review-list .name { background: none; font-size: 13px; color: #455c73; padding: 0; } .review-list .stars { margin-top: 10px; padding-left: 0; } .review-list .text { line-height: 17px; font-size: 12px; font-style: italic; } .review-list .text span { font-weight: 800; margin-right: 5px; } .pp-tabs .review-list { padding: 0; } .pp-tabs .review-list .item { width: 31.1%; } .product-review .review-item-left .rating { height: 13px; background: url('/templates/default/pictures/stars.png') no-repeat; margin: 10px 0 6px -2px; } .product-review .review-item-left .rating span { height: 13px; background: url('/templates/default/pictures/stars-sel.png') no-repeat; } .product-review .review-item-left .text { margin-top: 10px; line-height: 19px; font-style: italic; } .product-review .review-item-left .date { top: 17px; right: 19px; left: auto; font-size: 12px; } .form .stars { margin-top: 4px; padding-left: 0; } .form .star { display: inline-block; margin-right: 2px; width: 14px; height: 13px; background: url('/templates/pictures/stars.png') no-repeat; cursor: pointer; } .form .star.sel { background: url('/templates/pictures/stars-sel.png') no-repeat; } .helper { display: inline-block; width: 12px; height: 12px; vertical-align: top; margin: -5px 2px 0 2px; background: url('/templates/pictures/pic-helper.png') no-repeat; cursor: pointer; font-size: 0; line-height: 0; } .helper *, .helper-block * { display: none; } .button { display: inline-block; padding: 11px 15px 6px; color: #455c73; background: #eaf0f6; border-bottom: 2px solid #d2d8dd; border-radius: 3px; text-decoration: none; cursor: pointer; } .button:hover { text-decoration: none; background: #e5eaef; } .button.alt { font-weight: bold; padding: 13px 32px 8px; font-size: 11px; text-transform: uppercase; background: #fad728; border-bottom-color: #d5b722; } .button.alt:hover { background: #f3d127; } .button.small { padding: 8px 12px 4px; } .button .next { background: url('/templates/pictures/pic-show-next.png') no-repeat 100% 1px; padding-right: 20px; } .button:hover .next { background-image: url('/templates/pictures/pic-show-more.png'); } .button.buy { background: #fad728; padding: 22px 54px 19px; cursor: pointer; border-radius: 5px; /*zoom: 1;*/ border: none; text-transform: uppercase; font-size: 11px; font-weight: bold; } .button.buy.na { padding: 13px 16px 10px; background: #05a609; color: #fff; } .button.buy.na + .compare-link { margin-top: 6px; } .button.buy.na:hover { background: #05a609; } .button.buy:hover { background: #ffe100; } .button.ajax-sending, .button.ajax-sending:hover { background: #eaf0f6; color: #9ab; cursor: default; text-align: center; } .button.ajax-sending span { background: url('/templates/pictures/btn-preloader.gif') no-repeat 0 50%; display: inline-block; margin: -9px 0 -8px; padding: 9px 0 8px 25px; } .button.alt.ajax-sending, .button.alt.ajax-sending:hover { background: #fad728; color: #b89e1b; cursor: default; text-align: center; } .button.alt.ajax-sending span { background: url('/templates/pictures/btn-alt-preloader.gif') no-repeat 0 50%; display: inline-block; margin: -9px 0 -8px; padding: 9px 0 8px 25px; } .button.finish { padding: 11px 15px 11px; font-weight: bold; font-size: 11px; text-transform: uppercase; } .spin-control { display: inline-block; vertical-align: top; } .spin-control .btn { display: inline-block; border: 1px solid #cad0d7; width: 20px; height: 17px; padding: 5px 0; font-size: 0; line-height: 16px; background: no-repeat 50% 50%; vertical-align: top; cursor: pointer; } .spin-control .btn.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5; cursor: default; } .spin-control .btn.minus { border-right: none; border-radius: 3px 0 0 3px; background-image: url('/templates/pictures/ui-spin-minus.png'); } .spin-control .btn.plus { border-left: none; border-radius: 0 3px 3px 0; background-image: url('/templates/pictures/ui-spin-plus.png'); } .spin-control input { width: 40px; height: 17px; padding: 5px 0; margin: 0; border: 1px solid #cad0d7; border-left-color: #e5e8ec; border-right-color: #e5e8ec; text-align: center; vertical-align: top; font-size: 13px; line-height: 17px; color: #455c73; } .ui-select { display: inline-block; *display: inline; /*zoom: 1;*/ vertical-align: middle; width: auto; position: relative; padding-right: 0; margin-bottom: 20px; } .ui-select-input { display: block; color: #455c73; font-size: 13px; line-height: 16px; border: 1px solid #cad0d7; border-right: none; margin-right: 30px; background: #fff; border-radius: 3px 0 0 3px; padding: 7px 0px 4px 10px; overflow: hidden; white-space: nowrap; z-index: 3010000; cursor: pointer; } .ui-select-input-open { border-radius: 3px 0 0 0; } .ui-select-button { display: block; border: 1px solid #cad0d7; border-left: none; position: absolute; border-radius: 0 3px 3px 0; top: 0; right: 0; width: 30px; bottom: 0; cursor: pointer; /*z-index: 3001000;*/ background: #fff url('/templates/pictures/ui-select-arrow-down.png') 50% 50% no-repeat; } .ui-select-button-open { background-image: url('/templates/pictures/ui-select-arrow-up.png'); border-radius: 0 3px 0 0; } .ui-select-fader { position: absolute; top: 1px; bottom:1px; right: 21px; width: 10px; } .ui-select-layer { position: absolute; border-collapse: separate; top: 28px; right: 0; left: 0; max-height: 300px; background: #fff; border: 1px solid #cad0d7; border-top: 1px dotted #cad0d7; border-radius: 0 0 3px 3px; visibility: hidden; overflow: auto; z-index: 9002000; } .ui-select-list { z-index: 9003000; height: auto; overflow: hidden; } .ui-select-item { font-size: 13px; line-height: 17px; text-decoration: none; padding: 5px 8px 5px 8px; cursor: pointer; } .ui-select-item:hover { background: #f0f5fb; } .ui-select-item.disabled { font-family: Arial; font-size: 13px; color: #777; background: #eee; padding: 8px 8px 8px 8px; cursor: default; } .ui-select-item.odd { background: #edf3f9; } .ui-select-item.odd:hover { background: #e3e8ef; } .ui-select-item.selected { color: #fff; background: #92a4ba; } .ui-select-item.selected:hover { background: #8c9eb3; } .ui-select-item.dis { color: #a3b1bf; } .ui-checkbox { display: inline-block; padding-top: 3px; padding-left: 22px; } .ui-checkbox-input { background: url('/templates/pictures/ui-checkbox.png') no-repeat; display: inline-block; font-size: 0; width: 16px; height: 16px; margin: -3px 6px 0px -22px; padding: 0; vertical-align: top; } .ui-checkbox-input.hover { background-position: 0 0; } .ui-checkbox-input.down { background-position: 0 0; } .ui-checkbox-input.checked { background-position: -48px 0; } .ui-checkbox-input.checked.hover { background-position: -48px 0; } .ui-checkbox-input.checked.down { background-position: -48px 0; } .ui-checkbox-input.disabled { opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); cursor: default; } .ui-checkbox a { color: #455c73; text-decoration: none; } .ui-checkbox a:hover { color: #455c73; text-decoration: none; } /* input[type="checkbox"] { display:none; } input[type="checkbox"] + label { cursor: pointer; vertical-align: top; display: inline-block; padding-top: 3px; font-size: 13px; line-height: 16px; } input[type="checkbox"] + label::before { content: ""; display: inline-block; vertical-align: top; height: 16px; width: 16px; margin: -2px 5px 0 0; background-image: url('/templates/pictures/ui-checkbox.png'); background-repeat: no-repeat; } input[type="checkbox"]:disabled + label { opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); cursor: default; } //input[type="checkbox"]:disabled + label::before {} input[type="checkbox"]:checked + label::before { background-position: -48px 0; } input[type="checkbox"]:checked:disabled + label::before { background-position: -48px 0; }*/ input[type="radio"] { display:none; } input[type="radio"] + label { cursor: pointer; vertical-align: top; display: inline-block; padding-top: 3px; font-size: 13px; line-height: 16px; } input[type="radio"] + label::before { content: ""; display: inline-block; vertical-align: top; height: 18px; width: 18px; margin: -2px 5px 0 0; background-image: url('/templates/pictures/ui-radio.png'); background-repeat: no-repeat; } input[type="radio"]:disabled + label { opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); cursor: default; } /*input[type="radio"]:disabled + label::before {}*/ input[type="radio"]:checked + label::before { background-position: -54px 0; } input[type="radio"]:checked:disabled + label::before { background-position: -54px 0; } .form.order input[type="radio"] + label { font-size: 15px;} .form.order input[type="radio"] + label.place-address { font-size: 13px;} .form.order input[type="checkbox"] + label { font-size: 15px;} .form.order .ui-checkbox-input { margin: 0 6px 0 -22px; } .form.order input[type="checkbox"] + label.place-address { font-size: 13px;} hr.delimiter { margin: 0; padding: 0; height: 1px; background: #edf0f2; border: none; } .form.order .add-param .ui-checkbox-input { margin: -2px 9px 0 -21px; } .form.order .add-param { margin-top: 10px; } .text-banner { display: block; text-decoration: none; color: #fff; fon-size: 12px; line-height: 13px; font-weight: 700; text-transform: uppercase; padding: 12px 15px 10px 30px; margin-top: 0; } .text-banner span { display: block; background: url('/templates/pictures/text-banner-arrow.png') no-repeat 100% 50%; } .text-banner:hover { text-decoration: none; color: #fff; } .cat-block { margin: 30px 30px; line-height: 20px; } .side-page-menu { border-top: 2px solid #e6e9ed; } .side-page-menu .item { border-top: 1px solid #f6f8fa; } .side-page-menu .item:first-child { border-top: none; } .side-page-menu .item a { display: inline-block; font-size: 13px; color: #455c73; line-height: 18px; padding: 13px 0 9px 38px; background: url('/templates/pictures/arrow-text-menu.png') no-repeat 13px 18px; } .side-page-menu .item.sel { border-bottom: 2px solid #f9d72d; z-index: 1; position: relative; } .side-page-menu .item.sel + .item { margin-top: -2px; } .side-page-menu .item.sel a { font-weight: bold; font-size: 14px; color: #5682bf; } /*----------------------------------------------------------------------------*\ Доставка и города \*----------------------------------------------------------------------------*/ .delivery-item { padding: 20px 0 27px 105px; margin-left: -30px; border-bottom: 1px solid #edf0f2; } .delivery-item:last-child { border-bottom: none; } .delivery-item .name { font-size: 17px; padding-bottom: 0; } .delivery-item ul { margin-left: 0; padding-left: 13px; line-height: 18px; } .delivery-item li { margin: 3px 0; } .delivery-item.moscow { background: url('/templates/pictures/delivery_moscow.png') no-repeat 30px 10px; } .delivery-item.country { background: url('/templates/pictures/delivery_country.png') no-repeat 30px 7px; } .delivery-item.payment { background: url('/templates/pictures/delivery_payment.png') no-repeat 30px 1px; } .address-item { padding: 0 0 35px 40px; position: relative; } .address-item .number { position: absolute; left: 0; top: 0; font-size: 10px; line-height: 10px; text-align: center; display: inline-block; padding: 7px 4px 0 3px; width: 17px; height: 38px; background: url('/templates/pictures/address-list-item.png') no-repeat; } .address-item.self .number { background: url('/templates/pictures/address-list-item-self.png') no-repeat; } .address-item .name { font-size: 17px; padding-bottom: 10px; line-height: 22px; } .address-item .phone { line-height: 19px; } .address-item .location {} .address-item .location .address { color: #5682bf; line-height: 18px; } .address-item .location .metro { display: inline-block; line-height: 18px; margin-left: 9px; padding: 0 0 0 20px; background: url('/templates/pictures/pic-metro.png') no-repeat 0 1px; } .address-item .phone { margin-top: 7px; line-height: 20px; } .address-item .shedule { margin-top: 7px; line-height: 20px; } .address-item .shedule .day { display: inline-block; width: 50px; } .address-item .comment { margin-top: 5px; } .address-item .point-name { font-size: 16px; } .address-item .point-name.sm { font-size: 14px; } .address-item.choise .ib { cursor: pointer; } .address-item.choise .ib:hover { color: #005fcc; } .address-item.choise .ib:hover .location .metro {background-position: 0 -14px; } .map-address-block { padding-top: 23px; } .map-address-block .address-item .number { background: url('/templates/pictures/address-list-item-sel.png') no-repeat; } .map-address-block .address-item .location .address { color: #455c73; } .map-address-block .address-item .location .metro { background-position: 0 -14px; } /*----------------------------------------------------------------------------*\ отзывы \*----------------------------------------------------------------------------*/ .review-item-left { position: relative; border-bottom: 1px solid #edf0f2; padding: 14px 14px 9px 0;} .review-item-left .name { color: #5682bf; width: 200px; margin-bottom: 4px; } .review-item-left .date { color: #a3b1bf; position: absolute; top: 15px; left: 214px; font-size: 11px; } .review-item-left .rating { height: 9px; background: url('/templates/pictures/bg-stars-grey.gif') no-repeat; margin: 0 0 6px -1px; } .review-item-left .rating span { vertical-align: top; display: inline-block; height: 9px; background: url('/templates/pictures/bg-stars.gif') no-repeat; } .review-item-left .text { font-size: 12px; line-height: 18px; width: 250px; word-wrap: break-word; } /*----------------------------------------------------------------------------*\ новости \*----------------------------------------------------------------------------*/ .place-main-news { width: 100%; } .place-main-news .news { width: 50%; border-right: 1px solid #e6e9ed; } .main-news { border-bottom: 1px solid #e6e9ed; padding: 12px 12px 7px 28px ; } .main-news .date { font-size: 11px; line-height: 1; color: #a3b1bf; padding-bottom: 4px; } .main-news .desc { font-size: 12px; margin-top: 5px; } .main-news a { color: #455c73; line-height: 18px; } .side .main-news a { color: #5682bf; } .page-table-left .main-news { padding: 17px 12px 12px 0; font-size: 13px; } .page-table-left .main-news .desc { line-height: 19px; margin-top: 7px; } .page-table-left .items-select > :first-child { margin-top: 0; padding-top: 0; } .left-select.right .title-select { margin-left: -33px; padding-left: 33px; } .left-select.right .main-news { margin-left: -33px; padding-left: 33px; } .place-main-news .left-select-link, .place-main-news .title-select { padding-left: 28px; } .news-item { margin-bottom: 40px; } .news-item a { font-size: 17px; line-height: 20px; } .news-item .date { font-size: 11px; color: #a3b1bf; padding: 5px 0 13px; } .news-item .text { line-height: 18px; } .get-more-news { text-align: center; border-top: 1px solid #edf0f2; padding-top: 20px; } .publication-item { margin: 25px 0 26px 0; padding-left: 30px; padding-right: 10px; border-bottom: 1px solid #eeeff1; } .publication-item .time { color: #a3b1bf; font-size: 11px; line-height: 14px; padding-top: 5px; } .publication-item .comment { display: inline-block; color: #5b687b; font-size: 11px; line-height: 14px; margin-left: 10px; padding-left: 17px; background: url('/templates/pictures/comment-pic.png') no-repeat 0 3px; } .publication-item .imgnews { padding: 5px 28px 0 0; } .publication-item a { font-size: 17px; line-height: 20px; } .publication-item .description { font-size: 13px; line-height: 18px; color: #455c73; padding-top: 10px; } .publication { margin: 5px 0 0 30px; } .publication .time { color: #a3b1bf; font-size: 11px; } .publication .text { padding-bottom: 30px; line-height: 19px; } .publication .author { font-style: italic; font-family: Arial; color: #4b5c76; padding-bottom: 30px; } .publication-social { float: right; height: 30px; margin-top: -58px; } .publication-social.alt { margin-top: -38px; } .social-links { text-align: right; height: 45px; margin-top: 15px; } .vk_comments { margin-top: 20px; border-top: 2px solid #e8e9ed; padding: 20px 0 30px 30px; } .side-menu-item { font-size: 15px; line-height: 19px; padding-right: 20px; margin-top: 15px; padding-left: 13px; } .comparison-cat-title { padding: 10px 20px 10px 20px; text-transform: uppercase; font-size: 16px; line-height: 18px; background: #e2e7ea; border-bottom: 1px dashed #fff; } .comparison-cat-title .subcat { float: right; font-size: 13px; text-transform: lowercase; } .comparison-cat-title .subcat a { margin-left: 10px; } .comparison-cat-title .subcat a.sel { font-weight: bold; border-bottom: 3px solid #f9d829; } .comparison-place-scroll { overflow: auto; width: 1115px; margin-bottom: 50px; } .list-comparison { width: 100%; border-collapse: separate; } .list-comparison td { padding: 5px 10px; vertical-align: middle; border-left: 1px solid #fff; border-right: 1px solid #e8ebee; border-bottom: 1px solid #edf0f2; } .list-comparison td.clear { border-left: none; border-right: none; } .list-comparison td.partclear { border-left: none; } .comparison-header td { background: #edf0f2; color: #a3b1bf; padding: 8px 10px 8px; line-height: 15px; border-right: 1px solid #e8ebee; border-left: 1px solid #fff; border-bottom: none; } .list-comparison td.fn { width: 20px; } .list-comparison td.fn div { width: 20px; } .list-comparison td.img { width: 115px; } .list-comparison td.img div { width: 115px; } .list-comparison td.name { width: 200px; } .list-comparison td.name div { width: 200px; } .list-comparison .col-name { padding-left: 20px; } .delall-comparison { background: url("/templates/pictures/cart-del.png") no-repeat 0 50%; display: inline-block; padding-left: 20px; } /*----------------------------------------------------------------------------*\ корзина \*----------------------------------------------------------------------------*/ .list-cart { width: 100%; margin-bottom: 30px; } .list-cart.view { margin-bottom: 0; } .list-cart th { background: #edf0f2; color: #a3b1bf; padding: 12px 10px; text-align: left; } .list-cart td { padding: 12px 10px; text-align: left; vertical-align: middle; border-bottom: 1px solid #edf0f2; } .list-cart .avl { font-size: 12px; color: #aaa; margin-top: 2px; } .list-cart .last td { border-bottom: none; } .list-cart .l, .list-cart .img { padding-left: 30px; } .list-cart .total-summ { font-size: 24px; font-weight: bold; } .list-cart .del-product { background: url('/templates/pictures/cart-del.png') no-repeat 0 50%; padding-left: 20px; display: inline-block; } .delall-product { background: url('/templates/pictures/cart-del.png') no-repeat 0 50%; padding-left: 20px; display: inline-block; } .list-cart .to-catalog { font-size: 15px; background: url('/templates/pictures/to-catalog.png') no-repeat 0 50%; padding-left: 25px; color: #5682bf; font-weight: bold; } .list-cart .ra { text-align: right; } .list-cart .rs { padding-right: 50px; } .list-cart.order-confirm th { font-weight: normal; } .list-cart.order-confirm .l { width: 160px; } .list-cart.order-confirm .ll { padding-left: 30px; } .list-cart.order-confirm .r { color: #5682bf; } .list-cart.order-confirm td { border-bottom: none; padding-top: 5px; padding-bottom: 5px; } .list-cart.order-confirm td.l { color: #a3b1bf; } .list-cart.order-confirm .first td { padding-top: 30px; } .list-cart.order-confirm .space td { padding-top: 25px; padding-bottom: 25px; } .list-cart.order-confirm .acc { display: inline-block; font-size: 15px; font-weight: bold; vertical-align: top; margin: 7px 0 0 20px; } .list-side-cart { width: 100%; } .list-side-cart td { vertical-align: bottom; padding: 18px 0; border-bottom: 1px solid #edf0f2; } .list-side-cart .last td { border-bottom: none; } .list-side-cart .del { padding-right: 10px; } .list-side-cart .art { text-align: right; padding-right: 17px; } .list-side-cart .name { padding-right: 10px; } .list-side-cart .padding { padding-top: 4px; } .list-side-cart .blue { color: #5682bf; } .list-side-cart .del-product { display: inline-block; } .list-side-cart .total-summ { font-size: 18px; } .list-side-cart-footer { text-align: center; padding-bottom: 24px; } .confirm-description { padding: 30px 0 20px 30px; } .order-confirm-layout { margin-top: 20px; padding: 20px 0 50px; overflow: hidden; border-top: 1px solid #edf0f2; } .order-confirm-layout .check-control { width: 450px; float: right; } .order-confirm-layout .finish-btn { float: right; } .title-step { display: inline-block; } .title-step .step { position: relative; display: inline-block; border: 2px solid #e6e9ed; text-align: center; background: #fff; color: #e6e9ed; font-size: 17px; line-height: 17px; font-weight: bold; width: 17px; padding: 3px 4px 5px; border-radius: 20px; margin-right: 20px; } .title-step .step:after { content: ""; display: inline-block; position: absolute; top: 50%; right: -22px; background: #e6e9ed; height: 2px; width: 20px; margin-top: -1px; } .title-step .step.sel { border-color: #fbdc46; color: #fbdc46; } .title-step .step.sel:after { right: -22px; width: 10px; border-right: 10px solid #e6e9ed; background: #fbdc46; } .title-step .step.pas { border-color: #ced4d9; color: #ced3d9; background: #edf0f2; } .title-step .step.pas:after { right: -22px; width: 20px; background: #ced4d9; } .title-step .step.last:after { display: none; } /*----------------------------------------------------------------------------*\ баннер \*----------------------------------------------------------------------------*/ .banner-place { margin: 0 0 0 29px ; height: 330px; width: 785px; position: relative; overflow: hidden; background: #fff; border-radius: 5px; } .banner-place .fix { width: 785px; font-size: 0px; height: 0px; } .banner-place img { height: 100%; position: absolute; border-radius: 5px; } .banner-place .slider-buttons-placer { position: absolute; right: 16px; bottom: 12px; z-index: 1000; } .banner-place .slider-placer-header { background: url(/templates/pictures/bg_imgshow.png) no-repeat; height: 7px; width: 18px; } .banner-place .slider-buttons { } .banner-place .slider-btn { display: inline-block; /*background: #5c81c8;*/ border: 2px solid #fad728; width: 8px; height: 8px; margin-left: 1px; cursor: pointer; border-radius: 6px; } .banner-place .slider-btn.sel { background: #fad728;} /*----------------------------------------------------------------------------*\ выбор города \*----------------------------------------------------------------------------*/ .select_citys_first { width: 100%; border-bottom: 1px solid #eeeff1; padding: 0 0 20px 6px; font-size: 15px; margin-bottom: 20px; } .select_citys_first a { white-space: nowrap; margin-right: 21px; } .select_citys { width: 100%; line-height: 1; } .select_citys .place { padding: 6px; } .select_citys .block { padding-bottom: 22px; } .select_citys td { width: 25%; font-size: 15px; } .select_citys .first:first-letter { font-weight: bold; color: #455c73;} .alert-region { width: 350px; font-size: 14px; } .alert-region td { width: 50%; } /*----------------------------------------------------------------------------*\ подбор ламп \*----------------------------------------------------------------------------*/ .title-select.wide { padding-left: 30px; border-top: 1px solid #e6e9ed; } .title-select.available-map { margin-top: 50px; } .wizard-step1-top { background: url('/templates/pictures/wizard-fron-bg2.jpg') no-repeat 340px 100%; padding-right: 782px; padding-top: 15px; height: 303px; margin-top: 30px; text-align: right; } .wizard-step1-top .wizard-btn { background: url('/templates/pictures/wizard-pics.png') no-repeat; font-size: 15px; line-height: 15px; color: #455c73; display: inline-block; margin-top: -4px; padding: 11px 50px 12px 0; } .wizard-step1-top .wizard-btn.p1 { background-position: 100% 0; } .wizard-step1-top .wizard-btn.p2 { background-position: 100% -39px; } .wizard-step1-top .wizard-btn.p3 { background-position: 100% -78px; } .wizard-step1-top .wizard-btn.p4 { background-position: 100% -117px; } .wizard-step1-top .wizard-btn.p5 { background-position: 100% -156px; } .wizard-step1-top .wizard-btn.p6 { background-position: 100% -195px; } .wizard-step1-top .wizard-btn.p7 { background-position: 100% -234px; } .wizard-step1-top .wizard-btn.p8 { background-position: 100% -273px; } .wizard-step1-top .wizard-btn.p9 { background-position: 100% -312px; } .wizard-step1-top .wizard-btn.p10 { background-position: 100% -351px; } .wizard-step1-top .wizard-btn.p11 { background-position: 100% -390px; } .wizard-step1-top .wizard-btn.p12 { background-position: 100% -429px; } .wizard-step1-top .wizard-btn.p13 { background-position: 100% -468px; } .wizard-step1-top .wizard-btn.p14 { background-position: 100% -507px; } .wizard-step1-bottom { background: url('/templates/pictures/wizard-rear-bg.jpg') no-repeat 0 100%; padding-left: 740px; padding-top: 15px; height: 350px; margin-top: 30px; text-align: left; } .wizard-step1-bottom .wizard-btn { background: url('/templates/pictures/wizard-pics.png') no-repeat; font-size: 15px; line-height: 15px; color: #455c73; display: inline-block; margin-top: -4px; padding: 13px 0 10px 50px; } .wizard-step1-bottom .wizard-btn.p1 { background-position: 0 0; } .wizard-step1-bottom .wizard-btn.p2 { background-position: 0 -39px; } .wizard-step1-bottom .wizard-btn.p3 { background-position: 0 -78px; } .wizard-step1-bottom .wizard-btn.p4 { background-position: 0 -117px; } .wizard-step1-bottom .wizard-btn.p5 { background-position: 0 -156px; } .wizard-step1-bottom .wizard-btn.p6 { background-position: 0 -195px; } .wizard-step1-bottom .wizard-btn.p7 { background-position: 0 -234px; } .wizard-step1-bottom .wizard-btn.p8 { background-position: 0 -273px; } .wizard-step1-bottom .wizard-btn.p9 { background-position: 0 -312px; } .wizard-step1-bottom .wizard-btn.p10 { background-position: 0 -351px; } .wizard-step1-bottom .wizard-btn.p11 { background-position: 0 -390px; } .wizard-step1-bottom .wizard-btn.p12 { background-position: 0 -429px; } .wizard-step1-bottom .wizard-btn.p13 { background-position: 0 -468px; } .wizard-step1-bottom .wizard-btn.p14 { background-position: 0 -507px; } .wizard-model { width: 100%; margin-top: 33px; margin-bottom: 33px; } .wizard-model.alt { margin: 33px 24px 33px 30px; } .wizard-model td.left { width: 160px; padding: 0 24px 5px 30px; border-right: 1px solid #edf0f2; } .wizard-model .c4 { width: 25%; } .wizard-model .c2 { width: 50%; } .wizard-model .right { padding-top: 12px; } .wizard-model .title { font: 16px 'lato'; color: #a3b1bf; text-transform: uppercase; margin-top: 20px; margin-bottom: 10px; } .wizard-model .title.first { margin-top: 0; } .wizard-model .left a { font-size: 16px; line-height: 18px; margin-top: 12px; display: inline-block; } .wizard-model .left a span { display: inline-block; /*border-bottom: 3px solid transparent*/ } .wizard-model .left a.sel { font-weight: bold; } .wizard-model .left a.sel span { border-bottom-color: #f9d937; } .wizard-model-items { width: 100%; table-layout: fixed; } .wizard-model-items td { /*padding-left: 115px; */} .wizard-model-items .item.model { /*cursor: pointer;*/ } .wizard-model-items .item { padding-bottom: 15px; } .wizard-model-items .item.sel { font-weight: bold; } .wizard-model-items .item-series { margin-bottom: 15px; margin-top: -10px; /*display: none;*/ } .wizard-model-items .item-series.sel { display: block; } .wizard-model-items .item-series .item { padding-bottom: 5px; } .wizard-model-items a { color: #455c73; font-size: 13px; line-height: 16px; } .wizard-model-items a:hover { text-decoration: underline; } .wizard-result-layout { width: 100%; margin-top: -8px; } .wizard-result-layout .left { width: 355px; border-right: 2px solid #e6e9ed; } .wizard-result-layout .left .wizard-result-place { width: 355px; padding: 0 0 30px 30px; } .wizard-result-layout .right .wizard-result-place { padding: 25px 0 30px 30px; } .wizard-result-layout .col2 { table-layout: fixed; width: 100%; } .wizard-result-layout .img { height: 138px; margin-bottom: 20px; text-align: center; } .wizard-result-layout .img img { margin-top: 20px; } .wizard-result-layout .img.nophoto { background: url('/templates/pictures/wizard-model-preview3.png') no-repeat 50% 25px; } .wizard-result-layout .name { text-align: center; padding-bottom: 15px; font-size: 15px; } .wizard-result-layout .left label { vertical-align: top; margin-top: 5px; display: inline-block; width: 57px; } .wizard-result-layout .left .ui-select { margin-bottom: 20px; } .wizard-result-layout .left select { width: 230px; } .wizard-result-layout .right .item { margin-bottom: 7px; } .wizard-result-layout .pic { background: url('/templates/pictures/wizard-pics.png') no-repeat; font-size: 13px; line-height: 17px; color: #455c73; display: inline-block; margin-top: -12px; padding: 11px 0 11px 50px; } .wizard-result-layout .pic.p1 { background-position: 0 0; } .wizard-result-layout .pic.p2 { background-position: 0 -39px; } .wizard-result-layout .pic.p3 { background-position: 0 -78px; } .wizard-result-layout .pic.p4 { background-position: 0 -117px; } .wizard-result-layout .pic.p5 { background-position: 0 -156px; } .wizard-result-layout .pic.p6 { background-position: 0 -195px; } .wizard-result-layout .pic.p7 { background-position: 0 -234px; } .wizard-result-layout .pic.p8 { background-position: 0 -273px; } .wizard-result-layout .pic.p9 { background-position: 0 -312px; } .wizard-result-layout .pic.p10 { background-position: 0 -351px; } .wizard-result-layout .pic.p11 { background-position: 0 -390px; } .wizard-result-layout .pic.p12 { background-position: 0 -429px; } .wizard-result-layout .pic.p13 { background-position: 0 -468px; } .wizard-result-layout .pic.p14 { background-position: 0 -507px; } .wizard-result-place input[type="radio"] + label::before { background-image: url('/templates/pictures/ui-radio-alt.png'); } .wizard-result-box { padding-bottom: 42px; } .wizard-group-result.hide { display: none; } .wizard-seo { padding-bottom: 30px; } .title-select .count { font-size: 15px; color: #455c73; display: inline-block; margin: 2px 0 0 15px; text-transform: none; vertical-align: top; } .title-select.wzrd { margin-top: -1px; } .title-select.active { cursor: pointer; } .sitemap { padding: 20px 30px; } .sitemap b { display: inline-block; margin: 20px 0 5px; } .sitemap div:first-child b { margin-top: 0; } input[type="submit"], input[type="button"] , input[type="checkbox"]{ cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; } .map-balloon-layout { position: absolute; top: 0; left: 0; z-index: 1010; /*margin-top: -10px;*/ padding: 5px 10px 7px; max-width: 600px; border-radius: 6px; display: block; background: #fff; color: #455b73; font-size: 12px; line-height: 14px; text-align: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); } .map-balloon-layout .close { position: absolute; right: 13px; top: 11px; text-decoration: none; width: 20px; height: 20px; font-size: 0; background: url('/templates/pictures/map-close.png') no-repeat 50% 50%; } .map-balloon-layout .arrow, .map-balloon-layout .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .map-balloon-layout .arrow { border-width: 11px; } .map-balloon-layout.top .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: #fff; border-bottom-width: 0; } .map-balloon-layout .popover-inner > * { width: 100%; } .map-balloon-layout .popover-title { padding: 7px 15px 12px; font-size: 15px; line-height: 18px; text-align: left; } .map-balloon-layout .popover-title .wt { font-size: 13px; line-height: 18px; margin-top: 8px; } .map-balloon-layout .popover-title .name { font-weight: bold; margin-bottom: 5px; } .map-balloon-layout .popover-content { padding: 0 10px; font-size: 12px; line-height: 19px; text-align: left; color: #000; } .map-balloon-layout .popover-content .row { border-top: 1px solid #DADADA; padding: 14px 0; } .map-balloon-layout .popover-content .green { font-weight: bold; color: #05A609; } .map-balloon-layout .popover-content .sel-placer { display: block; padding: 7px 0; } .map-balloon-layout .popover-content .sel-placer .btn { display: inline-block; text-align: center; padding: 5px 15px 6px; font: 15px/17px 'arial'; color: #353535; background: #fad728; cursor: pointer; border-radius: 3px; } .map-balloon-layout .popover-content .sel-placer .btn:hover { background: #ffe100; } .map-balloon-layout .popover-content.sel .sel-placer .btn { display: none; } .map-balloon-layout .popover-content .sel-placer .msg { display: none; padding: 5px 15px 6px; font: 15px/17px 'arial'; } .map-balloon-layout .popover-content.sel .sel-placer .msg { display: inline-block; } .map-balloon-layout .point-layout { display: flex; margin-top: -25px; padding-bottom: 10px; } .map-balloon-layout .point-layout > * { width: 50%; margin-right: 40px; } .map-balloon-layout .point-layout > :first-child { margin-top: 41px; } .map-balloon-layout .point-layout .point-features.pics {padding-top: 0; } .map-balloon-layout .ro { border-bottom: 1px solid #DADADA; padding: 14px 0; } .point-features.pics { padding: 15px 0 19px; display: flex; } .point-features.pics > * { margin-right: 10px; width: 31px; height: 31px; border: 1px solid; border-radius: 50%; opacity: 0.1; cursor: default; font-size: 0; } .point-features.pics .au { border-color: #2895FA; background: url('/templates/pictures/pic-point-award.png') no-repeat 50% 50%; background-size: 17px auto; } .point-features.pics .se { border-color: #05A609; background: url('/templates/pictures/pic-point-service.png') no-repeat 50% 50%; background-size: 16px auto; } .point-features.pics .ce { border-color: #103683; background: url('/templates/pictures/pic-point-cert.png') no-repeat 50% 50%; background-size: 13px auto; } .point-features.pics .show { opacity: 1; cursor: pointer; } .map-balloon-layout .prod { display: flex; border-bottom: 1px solid #DADADA; padding-bottom: 5px; } .map-balloon-layout .prod > :first-child { width: 100px; margin-right: 10px; text-align: center; } .map-balloon-layout .prod img { max-width: 100px; max-height: 100px; } .map-balloon-layout .prod .n { padding-top: 10px; } .map-balloon-layout .prod .av { margin-top: 10px; } .map-balloon-layout .pack { color: #455E72; margin: 13px 0 6px; font-size: 12px; } .map-balloon-layout .another-packs { } .map-balloon-layout .info { text-align: right; margin-top: 20px; } .map-balloon-layout .info.left { text-align: left; } .map-balloon-layout .info .green { margin-top: 5px; } .map-balloon-layout .point-sm { width: 260px; } .map-balloon-layout .phone { margin-top: 7px; } .map-balloon-layout .ph { width: 67px; position: relative; overflow: hidden; display: inline-block; white-space: nowrap; vertical-align: top; } .map-balloon-layout .ph:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to left, #ffffff, transparent); } .map-balloon-layout .ph.show { width: auto; } .map-balloon-layout .ph.show:after { display: none; } .map-balloon-layout .show-phone { color: #5682BF; margin-left: 29px; cursor: pointer; } .popover-title2 { color: #000; padding: 30px 10px 0; text-align: left; font-size: 13px; line-height: 18px; font-weight: bold; } .popover-content .subt { margin-bottom: 18px; margin-top: 6px; } .popover-content .sel-placer2 { display: block; margin-top: 28px; padding-bottom: 13px;} .popover-content .sel-placer2 .btn { display: block; color: #444C63; text-align: center; background: #FAD728; padding: 10px 0 11px; cursor: pointer; border-radius: 2px; /*zoom: 1;*/ border: none; text-transform: none; font-size: 12px; box-shadow: 0 3px 4px rgba(0,0,0,0.3); } .popover-content .sel-placer2 .btn:hover { background: #ffe100; } .popover-content.sel .sel-placer2 .btn { display: none; } .popover-content .sel-placer2 .msg { display: none; color: #444C63; text-align: center; background: #FFEB87; padding: 10px 0 11px; border-radius: 2px; font-size: 12px; } .popover-content.sel .sel-placer2 .msg { display: block; } .popover-content .cert { font-size: 12px; background: url('/templates/pictures/award-pic.png') no-repeat 0 1px; padding: 0 0 0 22px; margin: 6px 0 20px; } .popover-title2 .logo-cdek { display: inline-block; vertical-align: top; width: 55px; height: 12px; font-size: 0; background: url('/templates/pictures/pic-point-cdek.png') no-repeat 0 0; background-size: 55px auto; padding: 0; margin: 3px 0 0 5px; } .delivery-list { display: none; padding-top: 10px; margin-bottom: 40px; } .delivery-list table { width: 100%; } .delivery-list th { padding: 0 0 15px 0; text-align: left; font-size: 16px; line-height: 19px; font-weight: 800; color: #000000; border-bottom: 1px solid rgba(234, 240, 246, 0.69); } .delivery-list td { padding: 20px 0 22px 0; font-size: 13px; line-height: 21px; border-bottom: 1px solid rgba(234, 240, 246, 0.69); color: #000000; } .delivery-list .adr { padding-right: 30px; } .delivery-list .nal { width: 165px; } .delivery-list .del { width: 165px; } .delivery-list .time { width: 236px; } .delivery-list .nal { width: 156px; } .delivery-list .title { font-weight: 700; } .delivery-list .cert { font-size: 12px; background: url('/templates/pictures/award-pic.png') no-repeat 0 2px; padding: 0 0 0 22px; margin: 6px 0 20px; } .delivery-list .addr { margin-top: 12px; } .delivery-list .tel { margin-top: 5px; } .delivery-list .sel-placer2 { } .delivery-list .btn { display: block; cursor: pointer; border: 1px solid #DADADA; border-radius: 2px; color: #444C63; font-size: 12px; line-height: 21px; padding: 10px 0; text-align: center; } .delivery-list .btn.set { display: none; cursor: default; background: #FAD728; } .delivery-list .sel-placer2.sel .btn { display: none; } .delivery-list .sel-placer2.sel .btn.set { display: block; } .delivery-list .logo-cdek { display: inline-block; vertical-align: top; width: 55px; height: 12px; font-size: 0; background: url('/templates/pictures/pic-point-cdek.png') no-repeat 0 0; background-size: 55px auto; padding: 0; margin: 3px 0 0 5px; } .delivery-list .point-features { margin-top: 7px; padding: 0 0 7px; } .delivery-list.inpage-view { display: block; padding-top: 0; } .delivery-list.inpage-view .nal { width: 145px; } .delivery-list.inpage-view .del { /*width: 130px;*/ } .delivery-list.inpage-view .time { width: 200px; } .delivery-buttons { margin-bottom: 54px; margin-top: 22px; } .delivery-buttons .btn { border: 1px solid #DADADA; cursor: pointer; padding: 19px 15px; border-radius: 2px; box-sizing: border-box; width: 250px; margin: 0 25px 0 0; font-weight: 800; display: inline-block; text-align: center; } .delivery-buttons .btn.sel { border-color: #FAD728; background: #FAD728; } .delivery-toolbar { display: flex; margin: 50px 0 15px; font-size: 18px; } .delivery-toolbar .title { flex-grow: 1; padding-bottom: 6px; } .delivery-toolbar .city { flex-grow: 1; } .delivery-toolbar .city .outlink { cursor: pointer; color: #5682BF; } .delivery-toolbar .mode { font-size: 13px; line-height: 20px; } .delivery-toolbar .mode > span { cursor: pointer; margin-left: 40px; display: inline-block; vertical-align: top; opacity: 1; padding: 0px 0 3px 34px; } .delivery-toolbar .mode .list { background: url('/templates/pictures/map-switch-list.png') no-repeat 0 2px; background-size: 17px auto; } .delivery-toolbar .mode .map { background: url('/templates/pictures/map-switch-point.png') no-repeat 3px 0; background-size: 14px auto; } .delivery-toolbar .mode .sel { opacity: 1; color: #333; } .delivery-map { margin-bottom: 40px; } .delivery-map .map { width: 100%; height: 538px; } .top-desc { margin: 20px 0; line-height: 20px; } .custom-fields { display: none; } .custom-fields.show { display: block; margin: 4px 0 0 24px; } .form.order .ui-file { position: relative; display: inline-block; overflow: hidden; vertical-align: top; margin-top: 5px; } .form.order .ui-file-input { position: absolute; height: 100px; cursor: pointer; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 999; } .form.order .ui-file-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); cursor: default; } .form.order .ui-file-filename { line-height: 14px; color: #3e84a8; margin: 7px 0 0 15px; display: inline-block; border-bottom: 1px solid #f1f6f8; text-decoration: none; overflow: hidden; white-space: nowrap; position: relative; } .form.order .ui-file-button { background: url('/templates/pictures/pic-file.png') no-repeat; display: inline-block; font-size: 0; width: 24px; height: 24px; vertical-align: top; white-space: nowrap; cursor: pointer; } .form.order .ui-file-button.hover { border-bottom-color: transparent; } .form.order .ui-file-icon { } .zoomer-images-place { position: relative; width: 425px; height: 425px; } .zoomer-images { position: relative; } .zoomer-images .inner { display: block; } .zoomer-images .zoom-image { display: inline-block; position: absolute; /*background: url('/templates/pictures/zoom-pic.png') right 10px bottom no-repeat ;*/ background-size: 30px; bottom: 0; right: 0; top: 0; left: 0; z-index: 2; cursor: pointer; } .zoomer-images-place .zoomer { position: absolute; top: -1px; left: 0; height: 400px; width: 425px; background: #fff; border: 1px solid #cccccc; z-index: 100; overflow: hidden; display: none; box-shadow: 1px 0 7px rgba(0,0,0,0.17);} .zoomer-images-place .zoomer .img { position: absolute; top: 0; left: 0; height: 800px; width: 800px; background-position: center; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; } .brand-cert { } .brand-cert table { } .brand-cert table td { padding: 10px 7px 10px 0; } .brand-cert table td img { cursor: pointer; border: 1px solid #e4e5e7; } .wide-banner {} .wide-banner .img-banner { } .img-banner { width: 799px; margin: 25px 0 0 30px; display: block; } .img-banner img { width: 100%; } .img-banner.side { width: 284px; margin: 20px 0 20px 0; } .img-banner.wide { width: 1115px; margin-left: 0; } .ac_results { background: #fff; border: 1px solid #ccc; z-index: 10000000002; margin-left: -1px; margin-top: 0; border-radius: 0; box-sizing: border-box; } .ac_results ul { margin: 0; padding: 0; list-style: none; } .ac_results li { margin: 0; padding: 4px 10px; display: block; cursor: pointer; } .ac_results li:hover, .ac_results .ac_over { background: #ccc; } .ac_results.main li { cursor: default; padding: 0; } .ac_results.main .ac_even { background-color: #fff; } .ac_results.main .ac_odd { background-color: #fff; } .ac_results.main .ac_over { background-color: #fff; } .ac_results.main .separator-cat { color: #ccc; font-size: 12px; border-bottom: 1px solid #ccc; padding: 5px 15px 5px; margin: 10px 0 5px; } .ac_results.main .item { display: flex; padding: 5px 15px; cursor: pointer; } .ac_results.main .item:hover { background-color: #e7edf9; } .ac_results.main .item > * { margin: auto 0; } .ac_results.main .item .img { height: 26px; width: 26px; display: flex; margin-right: 10px; } .ac_results.main .item .img img { max-height: 100%; max-width: 100%; margin: auto; } .ac_results.brand li { cursor: default; padding: 0; } .ac_results.brand .ac_even { background-color: #fff; } .ac_results.brand .ac_odd { background-color: #fff; } .ac_results.brand .ac_over { background-color: #fff; } .ac_results.brand .separator-cat { color: #ccc; font-size: 12px; border-bottom: 1px solid #ccc; padding: 5px 15px 5px; margin: 10px 0 5px; } .ac_results.brand .item { display: flex; padding: 5px 15px; cursor: pointer; } .ac_results.brand .item:hover { background-color: #e7edf9; } .ac_results.brand .item > * { margin: auto 0; } .ac_results.brand .item .img { height: 26px; width: 26px; display: flex; margin-right: 10px; } .ac_results.brand .item .img img { max-height: 100%; max-width: 100%; margin: auto; } .ac_results_search { background: #fff; z-index: 10000; margin-left: 0; box-shadow: 0 3px 8px rgba(0,0,0,0.25); } .ac_results_search ul { margin: 0; padding: 15px 0; list-style: none; max-height: 300px; } .ac_results_search li { margin: 0; padding: 0; display: block; } .ac_results_search li div { font-size: 11px; padding: 8px 25px; line-height: 14px; cursor: pointer; } .ac_results_search li div.separator { cursor: default; padding: 0; border-top: 1px solid #ccccff; margin: 10px 0; } .ac_results_search li div span { font-weight: bold; float: right; } .ac_results_search li:hover, .ac_results .ac_over { background: #f5f5f5; } .ac_results_search li:hover div { color: #0051ba; } .city-form {} .city-form .frame { border: 1px solid #cfe0e9; border-radius: 2px; position: relative; margin-bottom: 15px; } .city-form input { border: none; background: #fff; font-size: 14px; padding: 10px 10px 10px 20px; width: 545px; line-height: 16px; color: #575e61; } .city-form .btn { position: absolute; top: 0; right: 0; bottom: 0; width: 60px; display: inline-block; background: url('/templates/pictures/pic-search.png') no-repeat 50% 50%; color: #fff; font-size: 14px; line-height: 14px; font-weight: bold; cursor: pointer; } .support-car-items { display: block; font-size: 13px; padding: 10px 15px 30px 29px; } .support-car-items .row { display: flex; } .support-car-items .row > * { width: 25%; } .support-car-items .car-items-col { width: 25%; } .support-car-items .car-items-col > * { margin-top: 0; } .support-car-items .car-item-brand { display: inline-block; color: #5682bf; margin-bottom: 5px; margin-top: 10px; cursor: pointer; position: relative; } .support-car-items .car-item-brand span { position: relative; z-index: 1; } .support-car-items .car-item-brand.show { } .support-car-items .car-item-brand.show:before { content: ""; border-radius: 3px 3px 0 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: -6px -13px -10px; background: #fafafa; } .support-car-items .car-item-models-placer { display: none; padding: 10px 10px 10px 29px; margin: 5px -15px 5px -29px; background: #fafafa; } .support-car-items .car-item-models { display: flex; } .support-car-items .car-item-models > div { width: 25%; } .support-car-items .car-item { cursor: pointer; margin-bottom: 10px; } .support-car-items .car-item:hover { color: #005fcc; } .support-car-items .car-item.show { } .support-car-items .car-item span { display: block; opacity: 0.5; margin-left: 0; margin-top: 0; font-size: 11px; line-height: 13px; } .support-car-items .car-item-types { margin: -5px 0 10px -3px; display: none; } .support-car-items .car-item-types > div { margin-bottom: 4px; } .support-car-items .car-item-types > div:last-child { margin-bottom: 0; } .support-car-items .car-item-types a { white-space: nowrap; background: #5682bf; color: #fff; padding: 3px 9px 2px; border-radius: 100px; } .support-car-items .car-item-types a:hover { opacity: 0.8; } .tags-placer { height: 20px; margin-top: -15px; z-index: 1; position: relative; display: flex; } .tags { margin: auto 0; flex-grow: 1; } .tags a { display: inline-block; margin: 0 3px 4px; white-space: nowrap; background: #5682bf; color: #fff; padding: 0 9px 1px; border-radius: 100px; } .tags a:hover { opacity: 0.8; } .filters-items.selected { position: relative; padding: 10px 20px 14px; background: #fdfecd; margin-top: 20px; border-radius: 4px; font-size: 12px; line-height: 1.2em; } .filters-items .row { display: none; } .filters-items.selected .row { display: flex; color: #455e72; margin-bottom: 10px; } .filters-items .col.grow { flex-grow: 1; } .filters-items .item { display: inline-block; background: #f8e8a7; padding: 4px 9px 4px 12px; color: #455e72; margin: 0 10px 5px 0; border-radius: 3px; } .filters-items .item span { display: inline-block; background: url('/templates/pictures/filter-close-blue.png') no-repeat 50% 50%; background-size: 8px; opacity: 0.6; width: 14px; height: 14px; margin: 1px 0 0 7px; cursor: pointer; vertical-align: top; } .filters-items .item span:hover { opacity: 1; } .filters-items .f-reset { background: url('/templates/pictures/filter-close-blue.png') no-repeat 100% 2px; padding-right: 20px; display: inline-block; color: #455e72; } .filters-items .f-reset span { display: inline-block; text-decoration: none; border-bottom: 1px dotted; } .filters-items .f-reset:hover { text-decoration: none; } .filters-items .f-reset:hover span { border-bottom-color: transparent; } .popup-text { max-width: 800px; max-height: 500px; overflow: auto; font-size: 14px; line-height: 18px; } .series-item { box-sizing: border-box; display: flex; width: 100%; border-bottom: 1px solid #edf0f2; padding: 30px 0 30px 30px; font-size: 14px; line-height: 19px; color: #455c73; } .series-item + .series-item { } .series-item .img { width: 318px; margin-right: 40px; flex-shrink: 0; text-align: center; } .series-item .img img { max-width: 343px; max-height: 343px; } .series-item .data { flex-grow: 1; } .series-item .name { font-size: 16px; border-bottom: 1px solid #edf0f2; padding: 0 0 15px; margin-bottom: 17px; } .series-item .param { } .series-item .param span { } .series-item .text { margin-top: 15px; border-top: 1px solid #edf0f2; padding: 20px 0 0 0; } .series-item .min-price { margin-bottom: 17px; } .scroll-up { display: none; position: fixed; top: 50%; margin-top: -36px; right: 10px; cursor: pointer; opacity: 0; padding: 0; height: 72px; width: 72px; background: url('/templates/pictures/to-up.png') no-repeat; font-size: 0; } .scroll-up.show { display: block; } .tracking-result { font-size: 13px; } .tracking-summary { display: flex; line-height: 27px; } .tracking-summary .order { flex-grow: 1; } .tracking-summary .date { } .tracking-summary .date .label { display: inline-block; vertical-align: top; color: #a3b1bf; margin-right: 10px; } .tracking-summary .date .val { display: inline-block; vertical-align: top; width: 125px; } .tracking-block { background: #eaf0f6; padding: 48px 70px; margin: 30px 0 20px; } .tracking-block .status { font-size: 18px; flex-grow: 1; } .tracking-block .status > span { color: #008000; font-weight: bold; } .tracking-block .status-row { display: flex; } .tracking-block .line { display: flex; width: 100%; margin: 27px 0 0 ; } .tracking-block .line.compact { display: flex; } .tracking-block .line.detail { display: none; flex-direction: column; } .tracking-block .line .item { position: relative; flex-grow: 1; padding-right: 20px; } .tracking-block .line .item.detail { } .tracking-block .line .item i { display: block; width: 17px; height: 17px; background: #ccc url('/templates/pictures/tracking-check.svg') no-repeat 50% 50%; background-size: 11px; border-radius: 50%; margin-bottom: 5px; } .tracking-block .line .item .check { z-index: 1; position: relative; } .tracking-block .line.compact .item:before { content: ""; border-top: 2px solid #ccc; position: absolute; left: 0; top: 8px; right: 0; } .tracking-block .line .item:last-child { flex-grow: 0 } .tracking-block .line .item:last-child:before { display: none; } .tracking-block .line .item.sel i { background-color: #008000; } .tracking-block .line .item.sel-next:before { border-top-color: #008000; } .tracking-block .line .item .name { line-height: 19px; } .tracking-block .line.detail .item { display: flex; } .tracking-block .line.detail .item + .item { /*margin-top: 10px;*/ } .tracking-block .line.detail .item:before { content: ""; border-left: 2px solid #008000; position: absolute; left: 8px; top: 0; bottom: 0; } .tracking-block .line.detail .date { padding-left: 30px; width: 100px; } .tracking-block .line.detail .name { font-weight: bold; } .tracking-block .line.detail .item .check { padding-bottom: 20px; } .tracking-block .card { border-top: 2px solid #e6e9ed; margin: 28px 0 0; padding: 27px 0 0; } .tracking-block .card .item { display: flex; } .tracking-block .card .item + .item { margin-top: 14px; } .tracking-block .card .item .label { width: 215px; } .tracking-block .card .item .val { font-weight: bold; } .tracking-block .more-links { border-top: 2px solid #e6e9ed; padding-top: 27px; margin-top: 28px; } .tracking-block .more-links.hide { display: none; } .tracking-block .show-more { display: inline-block; padding-right: 14px; margin-top: 3px; vertical-align: top; color: #5682bf; cursor: pointer; } .tracking-block .show-more.less { background: url('/templates/pictures/pic-dropdown-up.png') no-repeat 100% 49%; display: none; } .tracking-block .show-more.more { background: url('/templates/pictures/pic-dropdown-down.png') no-repeat 100% 49%; margin-top: 20px; } .configurator { padding: 0 0 50px; } .configurator.in-brand { padding: 0; margin: 69px 0 0; } .configurator.in-brand .form { margin-bottom: 40px; } .configurator .header-layout-placer { background: #5682BF; } .configurator .placer { width: 1115px; margin: 0 auto; } .configurator .header-layout { width: 1115px; color: #fff; font-size: 24px; line-height: 29px; background: #5682BF; padding: 48px 20px; margin: 0 auto 30px; display: flex; } .configurator .header-layout > :first-child { flex-grow: 1; } .configurator .header-layout > .btn { margin: auto 0; } .configurator .header-layout > .btn .bt { background: #FAD728; border-radius: 2px; font-size: 13px; line-height: 21px; padding: 20px 35px; text-align: center; color: #444C63; cursor: pointer; } .configurator .header-layout .desc .bt { margin-right: 32px; margin-bottom: 16px; border: 1px solid #fff; border-radius: 2px; font-size: 13px; line-height: 21px; padding: 15px 35px; text-align: center; color: #fff; cursor: pointer; } .configurator .header-layout .desc .bt.title { padding: 15px 0; border: none; } .configurator .header-layout .desc .bt + .bt { } .configurator .header-layout .desc { font-size: 15px; line-height: 19px; margin-top: 11px; } .configurator .header-layout .desc.btn-group { margin-top: 25px; display: flex; flex-wrap: wrap; } .configurator .header-layout .desc.btn-group.cols { flex-wrap: nowrap; } .configurator .header-layout .desc.btn-group .col { display: flex; flex-direction: column; width: 25%; } .configurator .form { display: flex } .configurator #slider_brightness .left-slider { display: none; } .configurator #slider_life .left-slider { display: none; } .configurator .slider { background: rgba(149,184,231,0.4); height: 8px; border-radius: 10px; width: 100%; } .configurator .ui-slider-range { background: #FAD728; border-radius: 10px;} .configurator .ui-slider-handle { width: 19px; height: 19px; top: -6px; background: #FAD728; border: none; box-shadow: none; } .configurator .ui-slider-handle > span { position: absolute; top: -50px; color: #455E72; font-size: 13px; font-style: normal; font-weight: 600; line-height: 16px; text-align: center; background: #FAD728; border-radius: 14px; padding: 7px 10px 5px; min-width: 53px; white-space: nowrap; min-height: 16px; } .configurator .ui-slider-handle:after { content: ""; left: -25px; top: -29px; position: absolute; background: url('/templates/pictures/conf-gauge-el.svg') no-repeat 0 0; width: 67px; height: 47px; } .configurator .ui-slider-handle:before { content: ""; left: -9px; top: -8px; position: absolute; background: #FAD728; width: 36px; height: 36px; border-radius: 50%; opacity: 0.2; } .configurator #slider_brightness .ui-slider-handle > span > span { display: none; } .configurator #slider_life .ui-slider-handle > span > span { display: none; } .configurator .control { width: 350px; } .configurator .control form { margin-top: 70px; } .configurator .control .item { display: flex; } .configurator .control .item + .item { margin-top: 87px; } .configurator .control .item.led { margin-top: 40px; } .configurator .control .label { width: 80px; text-align: right; font-size: 18px; font-weight: 600; line-height: 22px; margin: auto 0; padding-right: 20px; } .configurator .result { padding-left: 104px; flex-grow: 1; display: flex; } .configurator .result .msg { width: 370px; margin: auto auto; text-align: center; font-size: 13px; line-height: 22px; } .configurator .result .msg .bt { border: 1px solid #FAD728; border-radius: 2px; font-size: 13px; line-height: 21px; padding: 15px 35px; text-align: center; color: #444C63; cursor: pointer; display: inline-block; margin-top: 20px; } .configurator .result .msg .bt2 { overflow: hidden; position: relative; border: 1px solid #FAD728; background: #FAD728; border-radius: 2px; font-size: 13px; line-height: 21px; padding: 15px 35px; text-align: center; color: #444C63; cursor: pointer; display: inline-block; margin-top: 30px; } .configurator .result .msg .bt2 .gradient { display: block; width: 30px; height: 100%; position: absolute; opacity: .3; top: 0; left: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, .03)), color-stop(30%, rgba(255, 255, 255, .6)), color-stop(50%, rgba(255, 255, 255, .85)), color-stop(70%, rgba(255, 255, 255, .85)), color-stop(71%, rgba(255, 255, 255, .85)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .6) 30%, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, .85) 70%, rgba(255, 255, 255, .85) 71%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skew(-10deg, 0deg); transform: skew(-10deg, 0deg); -webkit-animation: move 3s linear infinite; animation: move 3s linear infinite; overflow: hidden; } @keyframes move { 0% { left: 0%; } 20% { left: 100%; } 100% { left: 100%; } } .configurator .gauge { position: relative; box-sizing: border-box; flex-grow: 1; } .configurator .brightness { padding-left: 20px;} .configurator .brightness:before { content: ""; position: absolute; left: 0; background: #FAD728; border-radius: 10px 0 0 10px; width: 25px; height: 8px; top: 20px; } .configurator .life { padding-left: 20px; } .configurator .life:before { content: ""; position: absolute; left: 0; background: #FAD728; border-radius: 10px 0 0 10px; width: 25px; height: 8px; top: 20px; } .configurator .ui-checkbox { margin-top: -7px; padding-left: 0; margin-left: -3px; } .configurator .ui-checkbox-input { position: relative; background: #fbfbfb; border: 1px solid #ddd; border-radius: 50px; width: 60px; height: 26px; margin: 0 0; overflow: hidden; box-shadow: inset 0 2px 3px rgba(0,0,0,0.07); } .configurator .ui-checkbox-input:before { content: ""; position: absolute; left: 2px; top: 2px; border-radius: 50%; border: 1px solid #aaa; background: #ccc; width: 20px; height: 20px; box-shadow: inset 0 0px 7px rgba(0,0,0,0.2); transition: 0.3s; } .configurator .ui-checkbox-input.checked:before { left: 36px; background: #FAD728; border-color: #c8ad24; box-shadow: inset 0 0 7px rgba(0,0,0,0.07); } .configurator .back span { font-size: 13px; display: inline-block; padding: 0 0 0 23px; cursor: pointer; margin-bottom: 10px; vertical-align: top; background: url('/templates/pictures/to-catalog-white.png') no-repeat 0 8px; } .configurator-product { position: relative; } .configurator-product .swiper-container { width: 280px; overflow: hidden; position: relative; height: 100%; padding-bottom: 5px; } .configurator-product .swiper-wrapper { display: flex; } .configurator-product .swiper-slide { margin: 0; display: flex; flex-shrink: 0; height: 100%; flex-direction: column; } .configurator-product .swiper-slide .img { height: 284px; display: block; } .configurator-product .swiper-slide .img img { max-height: 283px; max-width: 283px; display: flex; margin: auto; } .configurator-product .swiper-slide .text { margin-top: 25px; height: 52px; } .configurator-product .swiper-slide .text a { font-size: 15px; font-weight: 600; line-height: 27px; color: #455E72; } .configurator-product .swiper-slide .price-block { margin-top: 4px; font-size: 18px; font-weight: 600; line-height: 27px; color: #5682BF;} .configurator-product .swiper-slide .price-block .sprice { color: #95B8E7;} .configurator-product .swiper-slide .fn { display: flex; margin-top: 10px; } .configurator-product .swiper-slide .fn > * { margin-right: 16px; display: flex; width: 50%; height: 53px; font-weight: 600; border: 1px solid #FAD728; text-align: center; font-size: 13px; line-height: 16px; color: #444C63; box-sizing: border-box; border-radius: 2px; } .configurator-product .swiper-slide .fn > :last-child { margin-right: 0; } .configurator-product .swiper-slide .fn .incart {background: #FAD728; } .configurator-product .swiper-slide .fn > * > span { display: flex; margin: auto auto; } .configurator-product .slider-btn { outline: none; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; height: 30px; width: 40px; font-size: 32px; text-align: center; padding-top: 10px; } .configurator-product .slider-btn:hover { opacity: 0.5; } .configurator-product .slider-btn.swiper-button-disabled { display: none; } .configurator-product .slider-btn.swiper-button-prev { left: -40px; } .configurator-product .slider-btn.swiper-button-next { right: -40px; } .configurator-series { position: relative; margin-left: 80px; } .configurator-series .swiper-container { width: 300px; overflow: hidden; position: relative; } .configurator-series .swiper-wrapper { display: flex; } .configurator-series .swiper-slide { margin: 0; display: flex; flex-shrink: 0; height: 100%; flex-direction: column; line-height: 22px; padding-top: 30px; } .configurator-series .swiper-slide .img { margin-top: 20px; } .configurator .types { margin-top: 60px; margin-right: -15px; } .configurator .types .item { display: inline-block; vertical-align: top; border-radius: 2px; cursor: pointer; margin-right: 15px; margin-bottom: 15px; background: #EAF0F6; color: #5682BF; font-size: 13px; line-height: 29px; padding: 5px 3px 5px; text-align: center; min-width: 59px; } .configurator .types .item.sel { background: #5682BF; color: #fff; } .configurator .types .sub-title:first-child { margin-top: 0; } .configurator .types .sub-title { color: #5682BF; margin: 20px 0 20px; } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; margin-top: 15px; margin-bottom: 15px; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat; } .noUi-connect { height: 100%; width: 100%; } .noUi-origin { height: 10%; width: 10%; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto; } .noUi-vertical .noUi-origin { width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 8px; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -10px; right: auto; } #slider_price2.noUi-target { background: #eaf0f6; border-radius: 10px; height: 4px; margin-top: 19px; } #slider_price2 .noUi-connects { border-radius: 3px; } #slider_price2 .noUi-connect { background: #a3b1bf; } #slider_price2 .noUi-draggable { cursor: ew-resize; } #slider_price2 .noUi-handle { outline: none; border-radius: 50%; border: 2px solid #a3b1bf; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.15); cursor: pointer; width: 19px; height: 19px; right: -9px; top: -8px; } #slider_price2 .noUi-active { } .brand-text-layout { display: flex; margin: 0 0 25px; } .brand-text-layout > * { } .brand-text-layout .text { flex-grow: 1; line-height: 22px; } .brand-text-layout .right { flex-shrink: 0; width: 380px; text-align: right; display: flex; flex-direction: column; align-items: flex-end; } .brand-text-layout .right .partner { background: url('/templates/default/pictures/pic-check-sm.svg') no-repeat 0 0; padding: 3px 0 22px 23px; } .main-content-wide { } .main-content-wide.b1 { background: #EAF0F6; padding: 70px 0; } .main-content-wide.b2 { background: #444C63; padding: 46px 0 50px; } .series-slider { position: relative; } .series-slider .swiper-container { width: 100%; overflow: hidden; position: relative; } .series-slider .slider-nav { position: absolute; outline: none; cursor: pointer; top: 50%; width: 21px; height: 55px; transform: translateY(-50%); background: url('/templates/default/pictures/pic-slider-right.svg') no-repeat 50% 50%; } .series-slider .slider-nav.swiper-button-disabled { display: none; } .series-slider .slider-nav.right { right: -70px; } .series-slider .slider-nav.left { left: -70px; transform: rotate(180deg); } .series-slider .swiper-wrapper { display: flex; } .series-slider .swiper-slide { width: 251px; position: relative; padding: 47px 26px 0; border-radius: 2px; background: #fff; margin: 0; display: flex; flex-shrink: 0; flex-direction: column; line-height: 22px; box-sizing: border-box; } .series-slider .swiper-slide.banner { padding: 0; background: linear-gradient(to right, #004b84, #0066a1); } .series-slider .swiper-slide.banner img { width: 100%; margin-top: -1px; } .series-slider .swiper-slide .name { font-size: 15px; line-height: 21px; font-weight: 800; margin-bottom: 5px; } .series-slider .swiper-slide .name a { color: inherit; } .series-slider .swiper-slide .desc { font-size: 13px; line-height: 19px; } .series-slider .swiper-slide .text { height: 82px; overflow: hidden; position: absolute; left: 26px; right: 26px; background: #fff; } .series-slider .swiper-slide .text.auto { height: auto; } .series-slider .swiper-slide .img { height: 220px; margin-top: 116px/*34px*/; text-align: center; } .series-slider .swiper-slide .img img { max-height: 100%; max-width: 100%; } .series-slider .swiper-slide .types { border-top: 2px solid rgba(234, 240, 246, 0.69); flex-grow: 1; max-height: 115px; padding: 20px 0 0 0; margin: 13px 0 0; color: #455E72; } .series-slider .swiper-slide .types .n { font-weight: 800; margin-bottom: 4px; } .series-slider .swiper-slide .link { display: block; color: inherit; font-weight: 800; margin: 0 -26px 0; padding: 16px 0 14px; background: #FAD728; border-radius: 2px; text-align: center; } .series-slider .swiper-slide .link span { display: inline-block; background: url('/templates/default/pictures/pic-arrow-right-1.svg') no-repeat 100% 44%; padding-right: 18px; } .form-helper-header { color: #fff; font-size: 24px; line-height: 29px; font-weight: 800; margin-bottom: 29px; } .form-helper { display: flex; color: #fff; } .form-helper > .txt { font-size: 15px; line-height: 18px; font-weight: 700; padding: 0 30px; margin-top: 12px; } .form-helper > .alt { } .form-helper > :first-child select { width: 318px; } .form-helper > :last-child { flex-grow: 1; } .form-helper > .brand { margin: 0 20px; display: none } .form-helper > .brand select { width: 220px; } .form-helper > .model { flex-grow: 1; display: none } .form-helper > .model select { width: 100%; } .form-helper .ui-select { margin: 0; } .form-helper .ui-select-input { padding: 14px 0 12px 15px; border: none; } .form-helper .ui-select-button { border: none; } .form-helper .ui-select-layer { top: 42px; } .form-helper .ui-select-item { color: #455c73; } .form-helper .ui-select-item.selected { color: #fff; } .form-helper-search { display: flex; background: #fff url('/templates/default/pictures/pic-search.svg') no-repeat 14px 50%; font-size: 0; border-radius: 4px; padding: 0 0 0 40px; } .form-helper-search [name="kw"] { vertical-align: top; padding: 7px 0; margin: 7px 0; flex-grow: 1; border: none; border-right: 1px solid #A0A4A8; } .form-helper-search select { width: 188px; } .brand-subheader { font-size: 24px; line-height: 29px; font-weight: 800; margin-top: 70px; } .brand-category { display: flex; flex-direction: column; margin-top: 45px; } .brand-category > div + div { border-top: 1px solid rgba(234, 240, 246, 0.69); margin-top: 50px; padding-top: 50px; } .brand-category > div { display: flex; } .brand-category .img { } .brand-category .data { padding: 0 0 0 26px; flex-grow: 1; } .brand-category .h { font-size: 18px; line-height: 21px; font-weight: 600; } .brand-category .items { margin-top: 16px; width: 100%; } .brand-category .items a { display: inline-block; margin: 0 13px 10px 0; padding: 0; font-size: 13px; line-height: 29px; text-align: center; background: rgba(234, 240, 246, 0.69);} .brand-category .items a span { display: inline-block; padding: 5px 2px; min-width: 60px; } .brand-category .items a.hidden { height: 0; overflow: hidden; display: none; } .brand-category .show-more { display: inline-block; color: #5682BF; cursor: pointer; margin-top: 13px; } .brand-category .items .it { } .brand-category .items .it + .it { margin-top: 20px; } .brand-category .items .it select { width: 350px; } .brand-category .ui-select { margin: 0; } .brand-category .ui-select-input { padding: 14px 0 12px 15px; color: #A0A4A8; background-color: #FBFCFE; border-color: #DBDDE0; } .brand-category .ui-select-button { background-color: #FBFCFE; border-color: #DBDDE0; } .brand-category .ui-select-layer { top: 42px; } .brand-category .ui-select-item { color: #455c73; } .brand-category .ui-select-item.selected { color: #fff; } .brand-promo-text { margin: 74px 0 69px; } .brand-promo-text.philips1 { text-align: center; } .brand-promo-text .h { font-size: 24px; line-height: 29px; font-weight: 600; margin-bottom: 23px; } .brand-promo-text .layout { position: relative; } .brand-promo-text .desc { margin-top: 9px; } .brand-promo-text img { } .brand-promo-text .text { font-size: 12px; line-height: 21px; position: absolute; } .brand-promo-text .text .hh { font-size: 15px; line-height: 18px; font-weight: 700; margin-bottom: 8px; } .brand-promo-text.philips1 .l { text-align: right; left: 70px; width: 245px; } .brand-promo-text.philips1 .r { text-align: left; left: 780px; width: 230px; } .brand-promo-text.philips1 .t1 { top: 52px; } .brand-promo-text.philips1 .t2 { top: 190px; } .brand-promo-text.philips1 .t3 { top: 40px; } .brand-promo-text.philips1 .t4 { top: 132px; } .brand-promo-text.philips1 .t5 { top: 230px; } .publications-header { font-size: 24px; line-height: 29px; font-weight: 800; margin: 0 0 43px; } .publications-block { display: flex; } .publications-block .item { width: 33%; margin-right: 25px; background: #fff; color: #455E72; text-decoration: none; } .publications-block .img { display: block; height: 195px; } .publications-block .img img { object-fit: cover; width: 100%; height: 100%; } .publications-block .data { display: block; padding: 34px 30px; } .publications-block .name { display: block; font-size: 18px; line-height: 26px; font-weight: 800; } .publications-block .desc { display: block; line-height: 19px; margin-top: 13px; } .brand-cert-layout { display: flex; margin-top: 30px; } .brand-cert-layout .cert { margin-right: 20px; } .auth-tab-link { margin-right: 19px; color: #1c84c6; border-bottom: 1px solid #cfe0e9; cursor: pointer; font-weight: normal; } .auth-tab-link:hover { color: #1c84c6; border-bottom: 1px transparent; } .auth-tab-link.sel { color: #000; border-bottom-color: transparent; cursor: default; } .auth-tab { display: none; } .auth-tab.show { display: block; } .configurator-block2 { background: #fff; padding: 50px 0 0; } .configurator-block2 .cfg-block2 { display: flex; } .configurator-block2 .cfg-block2 > div { flex-grow: 1; margin: auto 0 auto 30px; } .configurator-block2 .cfg-block2 > div:last-child { width: 482px; flex-shrink: 0; font-size: 0; } .configurator-block2 .cfg-block2 .title { font-size: 24px; line-height: 36px; font-weight: 800; } .configurator-block2 .cfg-block2 .link { display: inline-block; color: inherit; font-weight: 800; margin: 30px 0 0; padding: 18px 20px 16px 25px; background: #FAD728; border-radius: 2px; text-align: center; } .configurator-block2 .cfg-block2 .link span { display: inline-block; background: url('/templates/default/pictures/pic-arrow-right-1.svg') no-repeat 100% 44%; padding-right: 18px; } .main-content-wide.wide-img { background: no-repeat 50% 50%; background-size: cover; height: 592px; } .main-content-wide.wide-img .page { height: 100%; position: relative; } .main-content-wide.wide-img .title-cnt { height: 100%; display: flex; } .main-content-wide.wide-img .alt { color: #fff; position: absolute; right: 0; left: 0; top: 0; } .main-content-wide.wide-img .alt .breadcrumb { color: #fff; } .main-content-wide.wide-img .alt .breadcrumb path { fill: #fff; } .main-content-wide.wide-img .alt .breadcrumb a { color: #fff; } .main-content-wide.wide-img .alt .pagetitle .search { color: #fff; } .main-content-wide.wide-img .title { color: #fff; display: flex; margin: auto 0; flex-direction: column; } .main-content-wide.wide-img .title h1 { text-transform: none; font-size: 40px; line-height: 45px; font-weight: 800; } .main-content-wide.wide-img .title .desc { font-size: 26px; line-height: 30px; font-weight: 100; margin-top: 17px; max-width: 500px; } .main-content-wide.wide-img .search-place { padding: 26px 15px 26px 0; border-bottom: 1px solid #fff;} .main-content-wide.wide-img .input-place { width: 980px; } .main-content-wide.wide-img .input-place input { width: 930px; } .main-content-wide.wide-img .search-place .bm-submit { left: 1000px; } .main-content-wide.wide-img .search-place .close-search { background: url('/templates/pictures/help-close-white.png') no-repeat; opacity: 0.5; top: 38px; } .main-content-wide.wide-img .search-place .close-search:hover {opacity: 1; } .main-content-wide.wide-img .pagetitle .search { background: url('/templates/pictures/pic-search-white.png') no-repeat; } .series-info-desc { display: flex; margin-top: 62px; border-bottom: 1px solid #EAF0F6; padding-bottom: 75px; } .series-info-desc .text { flex-grow: 1; font-size: 13px; line-height: 22px; padding: 20px 0 0 0; } .series-info-desc .icons { flex-shrink: 0; } .series-info-desc .icons img { margin-left: 36px; } .series-info-desc .icons img:first-child { margin-left: 80px; } .series-title-filter { display: flex; } .series-title-filter > :first-child { flex-grow: 1; } .series-title-filter .filter { margin-top: 59px; margin-bottom: -20px; } .series-title-filter .filter .sw { cursor: pointer; display: inline-block; background: #F0F5F9; border-radius: 2px; padding: 10px 0; min-width: 43px; text-align: center; margin-left: 5px; } .series-title-filter .filter .sw:hover { background: #E0EDF7; } .series-title-filter .filter .sw.sel { background: #5682BF; color: #fff; } .series-product-title { font-size: 24px; font-weight: 800; margin-top: 64px; } .series-product { display: flex; flex-wrap: wrap; margin: 50px -25px -80px 0; } .series-product .item { margin: 0 25px 80px 0; box-sizing: border-box; width: 252px; } .series-product .item .img { height: 252px; display: flex; } .series-product .item .img a { margin: auto; } .series-product .item .img img { margin: auto; max-width: 252px; max-height: 252px; } .series-product .item .chars { margin-top: 31px; display: flex; } .series-product .item .chars div { margin-right: 10px; background: #F0F5F9; color: #5682BF; padding: 13px 20px 11px; line-height: 13px; } .series-product .stars { margin-top: 19px } .series-product .star { display: inline-block; margin-right: 5px; width: 16px; height: 17px; background: url('/templates/default/pictures/star.svg') no-repeat; opacity: 0.3; } .series-product .star.sel { opacity: 1; } .series-product .name { margin-top: 15px; font-size: 15px; line-height: 20px; font-weight: 800; color: #455E72; } .series-product .name a { color: inherit; } .series-product .price { margin-top: 6px; font-size: 18px; line-height: 27px; font-weight: 800; color: #5682BF; } .series-product .price .rouble { font-weight: normal; } .series-product .price .sprice { color: #95B8E7; } .series-product .button.buy { margin-top: 10px; padding: 19px 54px 16px; border-radius: 2px; text-transform: none; font-size: 13px; font-weight: 800; } .series-product .button.buy.na { padding: 19px 17px 16px; } .series-product .available { margin-top: 15px; } .series-product .available .title { font-weight: 800; margin-bottom: 10px; } .series-product .available .row { display: flex; } .series-product .available .row > :first-child { flex-grow: 1; } .series-product .available .row > :last-child { width: 60px; flex-shrink: 0; } .series-product .available .it + .it { margin-top: 10px; } .series-product .available .hide { display: none; } .series-product .available .showmore { display: inline-block; margin-top: 10px; color: #5682BF; cursor: pointer; background: url('/templates/pictures/bg-show-more.gif') no-repeat 100% 6px; padding-right: 18px; } .series-product .available .showmore.show { background-position: 100% -9px; } .light-compare { width: 1079px; margin: 100px auto 90px; position: relative; } .light-compare .i { } .light-compare .img { height: 212px; background: url('/templates/default/pictures/series/series_light_1.png') no-repeat 100% 0; } .light-compare .text { overflow: hidden; border-top: 2px solid #fff; padding: 10px 0; text-align: center; font-size: 15px; line-height: 19px; font-weight: 600; background: #5682BF; color: #fff; white-space: nowrap; } .light-compare .base { } .light-compare .base .text div { width: 50%; } .light-compare .compare { position: absolute; right: 0; top: 0; bottom: 0; left: 540px; } .light-compare .compare .text { } .light-compare .compare .thumb { position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: #fff; } .light-compare .compare .thumb div { cursor: pointer; position: absolute; left: -17px; top: 50%; margin-top: -31px; width: 37px; height: 63px; } .other-series-header { font-size: 24px; font-weight: 800; } .other-series-header a { color: inherit; } .other-series-block { margin-top: 50px; } .other-series-block .item { display: flex; background: #fff; min-height: 377px; border-radius: 2px 4px 4px 2px; box-shadow: 0 3px 4px rgba(0,0,0,0.1); } .other-series-block .item + .item { margin-top: 50px; } .other-series-block .item .img { width: 252px; padding: 24px; display: flex; flex-shrink: 0; } .other-series-block .item .img .img { max-width: 252px; max-height: 252px; } .other-series-block .item .img a { margin: auto; } .other-series-block .info { flex-grow: 1; padding: 24px 65px 24px 0; margin: auto 0; font-size: 13px; line-height: 19px; } .other-series-block .info .name { font-size: 15px; line-height: 21px; font-weight: 800; } .other-series-block .info .name a { color: inherit; } .other-series-block .info .desc { font-weight: 100; margin-top: 7px; } .other-series-block .info .types { margin-top: 25px; padding-top: 25px; border-top: 1px solid #EDF3F9; } .other-series-block .info .types .n { font-weight: 800; margin-bottom: 5px; } .other-series-block .info .link { margin-top: 25px; display: block; text-align: center; color: #444C63; background: #FAD728; padding: 17px 20px 16px; border-radius: 2px; font-weight: 800; } .other-series-block .info .link span { display: inline-block; background: url('/templates/default/pictures/pic-arrow-right-1.svg') no-repeat 100% 44%; padding-right: 18px; } .other-series-block .pic { flex-shrink: 0; width: 460px; background: #ccc no-repeat 50% 50%; background-size: cover; border-radius: 0 4px 4px 0; } @font-face { font-display: swap; font-family: 'montserrat'; src: url('/templates/fonts/montserrat-light.eot'); src: url('/templates/fonts/montserrat-light.eot?#iefix') format('embedded-opentype'), url('/templates/fonts/montserrat-light.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-display: swap; font-family: 'montserrat'; src: url('/templates/fonts/montserrat-regular.eot'); src: url('/templates/fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'), url('/templates/fonts/montserrat-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: 'montserrat'; src: url('/templates/fonts/montserrat-medium.eot'); src: url('/templates/fonts/montserrat-medium.eot?#iefix') format('embedded-opentype'), url('/templates/fonts/montserrat-medium.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-display: swap; font-family: 'montserrat'; src: url('/templates/fonts/montserrat-semibold.eot'); src: url('/templates/fonts/montserrat-semibold.eot?#iefix') format('embedded-opentype'), url('/templates/fonts/montserrat-semibold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-display: swap; font-family: 'montserrat'; src: url('/templates/fonts/montserrat-bold.eot'); src: url('/templates/fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'), url('/templates/fonts/montserrat-bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } .fix { width: 1115px; margin: 0 auto; } .place-fix { min-width: 1115px; width: 100%; } .mainpage .page-table-left .title-select { padding-left: 0; } .mainpage .title-select { padding-left: 30px; } .left-select { margin-bottom: 20px; } .left-select.in-cart { padding-bottom: 30px; } .left-select.right { border-top: 1px solid #dae0e6; margin-left: -33px; padding-left: 33px; } .title-select { font-size: 18px; font-weight: 800; border-bottom: 1px solid #EAF0F6; line-height: 1; padding: 18px 0 10px 0; position: relative; margin: 0 0 20px; } .title-select.product { } .title-select.right { border-bottom: 1px solid #e6e9ed; padding: 18px 0 13px 33px; margin-left: -33px; } .review-item-left.right { border-bottom: 1px solid #edf0f2; margin-left: -33px; padding: 14px 0 9px 0; } .bg-page { } .main-content { } .main-content .error { padding: 15px 0 15px 30px; color: #a0a4a9; } .pagetitle { padding: 23px 0 23px 30px; margin-bottom: 7px; border-bottom: 1px solid #e8ebee; position: relative; overflow: hidden; } .pagetitle.notitle { border-bottom: 0; padding-left: 0; } .pagetitle.notitle + .page-text { border-top: 0; padding-top: 0; } .pagetitle.big { padding: 20px 0 20px 30px; } .pagetitle.layout { padding: 20px 0 0 30px; } .pagetitle.layout2 { padding: 27px 0 23px 30px; } .pagetitle.brand-title { border-bottom: none; margin-bottom: 0; padding-left: 0; } .pagetitle.brand-title h1 { font-weight: 800; text-transform: none; font-size: 24px; line-height: 29px; margin: 23px 0 0; } .pagetitle.brand-title .search { right: 0; } .pagetitle.big h1 { text-transform: uppercase; display: inline-block; padding-right: 50px; } .pagetitle h1 { font-size: 18px; line-height: 21px; margin: 0; padding: 0 100px 0 0; } .pagetitle .search { position: absolute; display: inline-block; right: 20px; top: 50%; margin-top: -9px; height: 20px; background: url('/templates/pictures/pic-search.png') no-repeat; padding: 1px 0 0 25px; font-size: 12px; line-height: 17px; color: #a3b1bf; cursor: pointer; } .pagetitle .catalog-header-block + .search { top: 37px; } .breadcrumb { color: #8A929B; font-size: 13px; line-height: 15px; padding: 0 100px 3px 0; } .breadcrumb a { color: #8A929B; } .breadcrumb a:hover { text-decoration: underline; } .breadcrumb span { margin: 0 7px; } .catalog-sort { float: right; margin-left: 10px; /*position: absolute;*/ display: block; /*right: 0px; top: 32px;*/ line-height: 1; } .catalog-sort span { display: inline-block; } .catalog-sort a { border-bottom: 3px solid #fff; margin-left: 6px; display: inline-block; padding: 2px 14px 3px 6px; background: url("/templates/pictures/bg-show-more.gif") no-repeat scroll 100% 8px; } .catalog-sort a.sel {border-bottom: 3px solid #fad728; } .catalog-sort a.up { background-position: 100% -6px; } .catalog-sort a.dw { background-position: 100% 8px; } .catalog-header-block { margin: 13px 0 0; } .catalog-header-block .catalog-sort { float: none; margin-left: 0; display: inline-block; line-height: 1; } .catalog-header-block .catalog-sort a { padding: 2px 14px 7px 6px; } .catalog-header-block .catalog-layout { float: right; margin-left: 0; display: inline-block; line-height: 1; } .catalog-header-block .catalog-layout a { display: inline-block; margin-left: 15px; padding: 2px 0 7px 20px; border-bottom: 3px solid transparent; } .catalog-header-block .catalog-layout a.sel { border-color: #fad728; } .catalog-header-block .catalog-layout a.list { background: url('/templates/pictures/catalog-layout-list.png') no-repeat 0 3px; } .catalog-header-block .catalog-layout a.grid { background: url('/templates/pictures/catalog-layout-grid.png') no-repeat 0 3px; } .bg-bottom-city { background: #444c63; height: 245px; } .bottom-city { position: relative; } .bottom-city-list { position: absolute; top: 43px; left: 12px; line-height: 1; } .bottom-city-list td { width: 162px; } .bottom-city-list div { padding-bottom: 19px; } .bottom-city-list a { color: #a3b1bf; font-size: 14px; } .bottom-city-list a:hover { color: #fad728; } .bottom-select-city { display: inline-block; position: absolute; top: 193px; left: 11px; color: #ced2d9; font-size: 16px; background: url('/templates/pictures/bg-arrow.gif') 100% 50% no-repeat; line-height: 1; padding-right: 24px; } .bottom-select-city:hover, .bottom-point:hover { color: #ced2d9; } .bottom-point { display: inline-block; position: absolute; top: 43px; left: 791px; color: #cfd3da; text-transform: uppercase; font-size: 16px; background: url('/templates/pictures/bg-points.gif') 0 24px no-repeat; line-height: 1; height: 175px; width: 260px; padding-left: 24px; } .bg-bottom { background: #2f364a; height: 79px; } .bottom { position: relative; color: #707e8c; font-size: 14px; background: url('/templates/pictures/bg-bottom.gif') 600px 23px no-repeat; height: 79px } .bottom .copy-text { position: absolute; top: 22px; left: 15px; line-height: 19px; } .bottom .design { display: inline-block; position: absolute; top: 14px; right: 15px; line-height: 1; padding-top: 7px; height: 30px; width: 118px; background: url('/templates/pictures/bg-design.gif') 100% 0 no-repeat; } .bottom .creator { display: inline-block; position: absolute; top: 50px; right: 15px; line-height: 1; color: #707e8c; } .bottom_phone { position: absolute; top: 30px; left: 340px; font-size: 17px; color: #707e8c; } .bottom_phone span { color: #607080; } .bg-menu { z-index: 100; } .menu { height: 47px; font-size: 12px; display: flex; border-bottom: 1px solid #EAF0F6; } .menu a, .menu .a { display: inline-block; color: #455E72; margin: 13px 22px 0 0; padding: 5px 0 5px; text-decoration: none; height: 15px; vertical-align: top; line-height: 11px; cursor: pointer; } .menu a:hover, .menu .a:hover { color: #005fcc; } .menu a.sel, .menu .a.sel { border-bottom: 2px solid #fad728; } .menu a.bt, .menu .a.bt { background: #fad728; padding: 8px 11px 4px; margin-top: 10px; border-radius: 2px; } .menu .left { padding-left: 13px; flex-grow: 1; } .menu .right { padding-right: 13px; } /*.menu .user-menu { width: 151px } .menu .user-menu a { margin-right: 7px; } .menu .link-user-auth, .menu .sign-user-exit { color: #fff; }*/ /*.menu .incart { height: 22px; background: url('/templates/pictures/bg-incart.gif') 0 8px no-repeat; padding-left: 41px; position: relative; } .menu .incart span.num { position: absolute; top: 3px; left: 18px; font-size: 11px; line-height: 11px; padding: 3px 5px 2px; vertical-align: top; behavior: url(/templates/css/PIE.php); zoom: 1; background: #fad728; border-radius: 8px; color: #444c63; text-align: center; } .menu .incart span.text { display: inline-block; padding-bottom: 4px; } .menu .incart span.text.sel { border-bottom: 2px solid #fad728; }*/ /*.menu .comparison { height: 22px; background: url('/templates/pictures/bg-comparison.png') 0 8px no-repeat; padding-left: 41px; position: relative; } .menu .comparison span.num { position: absolute; top: 3px; right: 53px; font-size: 11px; line-height: 11px; padding: 3px 5px 2px; vertical-align: top; behavior: url(/templates/css/PIE.php); zoom: 1; background: #fad728; border-radius: 8px; color: #444c63; text-align: center; } .menu .comparison span.text { display: inline-block; padding-bottom: 4px; } .menu .comparison span.text.sel { border-bottom: 2px solid #fad728; }*/ .menu .place-sub-menu { position: relative; display: inline-block; } .menu .sub-menu { display: none; position: absolute; z-index: 5000000; left: -73px; top: 48px; width: 155px; margin: 0 0 0 -10px; box-shadow: 0 4px 10px 0 #d0d1d6; border: 2px solid #fad728; behavior: url(/templates/css/PIE.php); /*zoom: 1;*/ background: #fff; padding: 4px 13px 5px 15px; } .menu .sub-menu .corner { background: url('/templates/pictures/bg-help_arrow.png') 50% 0 no-repeat; width: 84px; height: 18px; top: -18px; left: 48px; position: absolute; } .menu .sub-menu ul { margin: 0; padding: 0; list-style:none; } .menu .sub-menu li { margin: 7px 0; padding: 2px 0 2px ; color: #455c73; display: block; position: relative; } .menu .sub-menu li span { display: none; } .menu .sub-menu a, .menu .sub-menu .a { color: #455c73; font-size: 13px; line-height: 1; padding: 0; line-height: 1; display: inline-block; margin-right: 0; margin-top: 5px; } .menu .sub-menu a:hover, .menu .sub-menu .a:hover {color: #005fcc; } .user-fn { position: absolute; top: 30px; right: 0; padding: 0 24px 0 0; display: flex; } .user-fn > * { margin-left: 18px; width: 50px; height: 50px; } .user-fn > * > * { position: relative; width: 50px; height: 50px; border-radius: 50%; background: #EAF0F6; display: flex; } .user-fn .num { position: absolute; right: 0; bottom: -5px; display: block; width: 22px; height: 22px; border-radius: 50%; background: #FAD728; color: #444C63; text-align: center; padding: 6px 2px 6px 3px; box-sizing: border-box; } .user-fn .num:hover { background: #FAD728; opacity: 1; } .user-fn .exit { position: absolute; right: 0; bottom: -5px; display: block; width: 22px; height: 22px; border-radius: 50%; background: url('/templates/pictures/help-close.png') no-repeat 50% 50%; color: #444C63; text-align: center; padding: 6px 2px 6px 3px; box-sizing: border-box; font-size: 0; } .user-fn .exit:hover { background: #f36161 url('/templates/pictures/help-close-white.png') no-repeat 50% 50%; opacity: 1; } .user-fn .num.hide { display: none; } .user-fn .user svg { padding-left: 1px; } .user-fn .comparison svg { padding-left: 7px; } .user-fn svg { margin: auto; display: flex; } .form .sub-title { font-size: 18px; color: #a3b1bf; text-transform: uppercase; padding: 17px 15px; border-top: 2px solid #e6e9ed; border-bottom: 1px solid #edf0f2; } .ymaps-2-1-75-panel-pane { z-index: 111111111 !important; } .ymaps-2-1-75-balloon__close+.ymaps-2-1-75-balloon__content > :first-child { height: 233px !important; } .pp-layout { } .pp-base { display: flex; margin-bottom: 40px; } .pp-picture { width: 580px; flex-shrink: 0; display: flex; flex-direction: column; } .pp-picture > :first-child { display: flex; } .pp-picture .images { width: 63px; } .pp-picture .images .item { display: block; } .pp-picture .zoomer-images-place { display: block; text-align: center; } .pp-picture .pp-lc { width: 114px; flex-shrink: 0; } .pp-brand { margin-bottom: 20px; } .pp-short { padding-right: 100px; } .pp-short h1 { text-transform: none; font-weight: bold; color: #283540; font-size: 23px; line-height: 1.2em; } .pp-short .h1_desc { font-size: 16px; font-weight: 600; margin-top: 12px; } .pp-picture .images { /*margin-top: 30px;*/ } .pp-picture .images .item { display: block; margin: 0 0 4px; vertical-align: top; width: 55px; height: 55px; padding: 3px; border: 1px solid #e6e9ed; text-align: center; cursor: pointer; } .pp-picture .images .item.sel { border: 1px solid #fad728; } .pp-picture .images .item.arround { border-color: #fff; background: url('/templates/pictures/product-3d-view.png') no-repeat 50% 50%; } .pp-picture .alter-product { margin-right: 40px; } .desc-cols .alter-product { min-width: 445px; margin-left: 50px; } .alter-product { display: inline-block; position: relative; box-sizing: border-box; vertical-align: top; border: 1px solid #E5E5E5; border-radius: 5px; padding: 20px 25px 5px; cursor: pointer; color: inherit; } .alter-product:hover { color: inherit; } .alter-product span { display: block; } .alter-product .title { font-size: 13px; font-weight: bold; } .alter-product .sub-title { font-size: 11px; margin-top: 5px; } .alter-product .item { display: flex; margin-top: 20px; } .alter-product .item > * { margin: auto 0; } .alter-product .img { width: 114px; padding-right: 15px; display: flex; } .alter-product .img img { max-height: 100px; max-width: 100px; margin: auto; } .alter-product .name { font-size: 13px; font-weight: bold; display: block; color: inherit; } .alter-product .desc { font-size: 11px; margin-top: 4px; } .alter-product .pr { margin-top: 9px; font-size: 16px; font-weight: bold; display: flex; } .alter-product .pr .prev { font-size: 13px; line-height: 11px; font-weight: normal; position: relative; margin: auto 0 auto 10px } .alter-product .pr .prev:before { content: ""; position: absolute; left: -2px; top: 4px; right: -2px; border-top: 1px solid #f00; transform: rotate(-7deg); } .alter-product .rating { position: absolute; right: 24px; top: 20px; margin: 0; display: inline-block; text-align: center; background: #7B888E; color: #fff; font-size: 15px; font-weight: 800; padding: 10px 0 10px; width: 39px; border-radius: 50%; } .pp-base .price-block { min-width: 110px; display: inline-block; vertical-align: top; } .pp-base .price-for { color: #8A929B; font-size: 13px; line-height: 20px; margin-top: 5px; } .pp-base .price { padding: 10px 0; position: relative; margin-top: 25px; } .pp-base .product-available { display: inline-block; vertical-align: top; margin-top: -2px; margin-right: -20px; } .pp-base .product-available.b { margin-left: -19px; } .pp-base .product-available .pr-available { margin-left: 24px; } .pp-base .price .avl-block { font-size: 0; vertical-align: top; cursor: pointer; margin-top: 8px; display: inline-block; padding: 0 0 0 22px; background: url('/templates/pictures/sign.png') no-repeat 0 2px; } .pp-base .price .avl-on { color: #008000; vertical-align: top; font-size: 13px; font-weight: normal; border-bottom: 1px dotted; display: inline-block; padding: 0; } .pp-base .price .avl-block:hover .avl-on { border-bottom-color: transparent; } .pp-base .price .avl-on .detail { display: none; } .detail-rows { display: block; font-size: 13px; } .detail-rows .row { display: flex; width: 100%; } .detail-rows .row > :last-child { text-align: right; flex-grow: 1; color: #008000; margin-left: 20px; } .item-available { margin-top: 17px; } .item-available .avl-block { display: inline-block; vertical-align: top; cursor: pointer; margin-top: 0; } .item-available .avl-block:hover .avl-on { border-bottom-color: transparent; } .item-available .avl-on { color: #008000; vertical-align: top; font-size: 13px; font-weight: normal; border-bottom: 1px dotted; display: inline-block; padding: 0; } .item-available .avl-on .detail { display: none; } .pp-base .price span { font-size: 24px; font-weight: bold; padding-right: 5px; } .pp-base .price span.old { font-size: 20px; font-weight: 600; padding-right: 0; } .pp-base .price span.old s { text-decoration: none; position: relative; } .pp-base .price span.old s::after { content: ""; border-top: 2px solid #FF0000; position: absolute; top: 8px; left: -1px; right: -3px; transform: rotate(-9deg); } .pp-base .price span.old span { font-size: 20px; font-weight: normal; padding-right: 5px; } .pp-base .buy-block { padding-top: 15px; } .pp-base .share-block { padding-top: 45px; } .pp-base .share-block span { font-weight: bold; font-size: 15px; margin-left: 10px; } .pp-base .compare-link { display: inline-block; margin-top: 14px; vertical-align: top; padding: 6px 0 4px 42px; background: url('/templates/default/pictures/pic-compare-big.svg') no-repeat 0 50%; margin-left: 30px; font-size: 13px; } .pp-base .compare-link a { color: #455E72; } .pp-base .pack { margin: 6px 0 6px; font-size: 12px; } .another-packs { font-size: 0; margin-bottom: 13px; } .another-packs > span { width: 46px; padding: 5px 10px 5px; margin: 0 3px 5px 0; display: inline-block; border: 1px solid #e6e9ed; vertical-align: top; cursor: pointer; text-align: center; font-size: 11px; line-height: 12px; } .another-packs > span.selected { border-color: #fad728; } .another-packs > span img { height: 46px; margin-bottom: 3px; } .pp-base .count-label { vertical-align: top; margin: 6px 0 0 9px; display: inline-block; line-height: 16px; } .pchars { width: 368px; } .pchars > div { display: flex; } .pchars > div + div { margin-top: 8px; } .pchar-img { border-radius: 50%; width: 38px; height: 38px; margin: auto 15px auto 0; flex-shrink: 0; background-repeat: no-repeat; background-position: 50% 50%; } .pchar-img.img-1 { background-image: url('/templates/default/pictures/pic-char-brightness.svg'); } .pchar-img.img-2 { background-image: url('/templates/default/pictures/pic-char-temperature.svg'); } .pchar-img.img-3 { background-image: url('/templates/default/pictures/pic-char-lifetime.svg'); } .pchar-img.img-4 { background-image: url('/templates/default/pictures/pic-char-cost.svg'); } .pchar-name { width: 120px; margin: auto 0; font-weight: 800; flex-shrink: 0; } .pchar-bar { padding: 10px 0 0 0; width: 195px; } .pchar-level { width: 58px; height: 8px; border-radius: 5px; margin-top: -8px; } .pchar-level-bg { height: 8px; border-radius: 5px; opacity: 0.1; } .pchar-s { background: #DADADA; width: 58px; height: 8px; border-radius: 5px; margin-top: 1px; } .pchar-s.id-4 { width: 50%; } .pchar-v { } .desc-cols { display: flex; width: 100%; } .desc-cols .pchars { flex-shrink: 1; margin-left: 115px; } .desc-cols .char-desc { margin-top: 50px; color: #71767E; font-size: 12px; } .desc-cols .col > :last-child { margin-bottom: 0; } .pp-tabs .product-place { display: inline-block; width: 203px; margin: 0 20px 0 0; height: 214px; } .pp-tabs .page-loader-content { position: relative; min-height: 100px; margin-right: -20px; } .product-news { margin-bottom: 50px; } .product-news .items-select { display: flex; margin-top: 30px; margin-right: -25px; } .product-news .main-news { padding: 0; margin: 0 25px 25px 0; border: none; width: 31.1%; flex-shrink: 0; box-sizing: border-box; } .product-news .main-news a { font-weight: 800; margin-top: 5px; display: block; } .product-news .main-news .desc { line-height: 21px; margin-top: 12px; } .product-news .left-select-link { padding: 0; } .product-news .left-select-link a { background: #f5f5f5; padding: 13px 30px; min-width: 150px; border-radius: 5px; font-size: 12px; color: #888; font-weight: 800; display: inline-block; text-align: center; } .product-review { } .product-review .items-select { display: flex; margin-top: 30px; margin-right: -25px; } .product-review .review-item-left { margin: 0 25px 25px 0; width: 31.1%; box-sizing: border-box; flex-shrink: 0; border: 1px solid #eee; border-radius: 5px; padding: 19px 20px 16px; } .product-review .left-select-link { padding: 0; } .product-review .left-select-link a { background: #f5f5f5; padding: 13px 30px; min-width: 150px; border-radius: 5px; font-size: 12px; color: #888; font-weight: 800; display: inline-block; text-align: center; } .product-review .review-item-left .rating { height: 13px; background: url('/templates/default/pictures/stars.png') no-repeat; margin: 10px 0 6px -2px; } .product-review .review-item-left .rating span { height: 13px; background: url('/templates/default/pictures/stars-sel.png') no-repeat; } .product-review .review-item-left .text { margin-top: 10px; line-height: 19px; font-style: italic; } .product-review .review-item-left .date { top: 17px; right: 19px; left: auto; font-size: 12px; } .pp-short .rating { display: flex; margin-top: 30px; } .pp-short .rating > div:first-child { padding-right: 15px; } .pp-short .rating > div:last-child { flex-shrink: 0; } .pp-short .rating .t { font-size: 22px; line-height: 22px; font-weight: 400; } .pp-short .rating .s { color: #8A929B; font-size: 13px; line-height: 20px; margin-top: 5px; cursor: pointer; } .pp-short .rating .s:hover { text-decoration: underline; } .pp-short .rating .s > div { display: none; } .pp-short .rating .r { display: inline-block; margin-top: -3px; width: 49px; text-align: center; color: #fff; background: #007ABA; border-radius: 50%; padding: 15px 0 13px; font-size: 21px; line-height: 21px; font-weight: 800; } .review-list { padding: 20px 0 20px 25px; } .review-list .page-loader-content { display: flex; flex-wrap: wrap; margin-right: -25px; margin-bottom: -25px; } .review-list .item { width: 46.3%; margin: 0 25px 25px 0; box-sizing: border-box; flex-shrink: 0; border: 1px solid #eee; border-radius: 5px; padding: 19px 20px 16px; } /*.support-car-items { display: flex; font-size: 13px; } .support-car-items .car-items-col { width: 33%; } .support-car-items .car-items-col > * { margin-top: 0; } .support-car-items .car-item-brand { color: #000; margin-bottom: 5px; margin-top: 10px; cursor: pointer; } .support-car-items .car-item-brand.show { font-weight: bold; } .support-car-items .car-item-models { display: none; } .support-car-items .car-item { }*/