/* Форма заявки на сотрудничество (cooperation.requests.offices.tpl) */ @media (max-width: 767px) { .coop_request_offices { max-width: 100%; } } /* Личный кабинет - Гараж (carbase.garage.cars.tpl) */ @media (max-width: 991px) { .garage-car div.garage-car-item { clear: both; display: block; width: 100%; } .garage-car .garage-car-item div.garage-car-image { display: block; float: left; width: 100%; text-align: center; padding: 10px 0 0; } .garage-car .garage-car-item div.garage-car-image img { float: none; } .garage-car .garage-car-item div.garage-car-block { display: block; clear: both; float: left; width: 100%; border-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .garage-car .garage-car-item .garage-car-block div.garage-car-delete { top: 1px; right: 0; border: 0; background: transparent; } .garage-car .garage-car-item .garage-car-block div.garage-car-info { min-height: 0; margin-bottom: 10px; } } /* Личный кабинет - Гараж - Редактировать (carbase.garage.car.edit.tpl) */ @media (max-width: 991px) { .garageEditPage .garageEditForm { max-width: 100%; } .garageEditPage .garageEditForm img.garage-small-image-car { max-width: 50%; } } /* Личный кабинет - VIN-запросы - Таблица */ @media (max-width: 1024px) { div.wVinquClientList .wVinquListTable { width: 100%; } div.wVinquClientList .wVinquListTable, div.wVinquClientList .wVinquListTable td, div.wVinquClientList .wVinquListTable td a { font-size: 13px; } div.wVinquClientList .wVinquListTable th { font-size: 14px; } div.wVinquClientList .wVinquListTable tbody td.sendNewRequest .repeatRequest .fr-icon2-doc-text { font-size: 20px; } div.wVinquClientList .wVinquListTable tbody td.sendNewRequest .repeatRequest .fr-icon2-plus-circled { right: 2px; font-size: 12px; } div.wVinquClientList .wVinquListTable tbody td.query-row .query-string-overflow .query-string-count-comment-wrapper { font-size: 12px; } } @media (max-width: 767px) { div.wVinquClientList .wVinquListTable th { font-size: 13px; } } @media (max-width: 480px) { div.wVinquClientList .mobileFilterVinquForm { display: block; } div.wVinquClientList .wVinquListTable tr.filterVinquRow { display: none; } } /* Обратный звонок (form.callback.tpl) */ @media (max-width: 767px) { .callBlock { width: auto; max-width: 400px; padding: 0; background: none; } .callBlock .callMain { padding: 25px; } .callBlock #sendMessageOk { width: auto; max-width: 400px; height: auto; margin: 20px 0; padding: 25px; } } /* Таблица История поиска (search.history.full.tpl) */ @media (max-width: 1024px) { div.searchHistoryFull .fr-table { width: 100%; font-size: 13px; } div.searchHistoryFull .fr-table td, div.searchHistoryFull .fr-table td a { font-size: 13px; } div.searchHistoryFull .fr-table th { font-size: 14px; } } @media (max-width: 767px) { div.searchHistoryFull .fr-table th { font-size: 13px; } } /* Карточка товара (wGoodsInfo.tpl) */ @media (max-width: 950px) { div.wGoodsGroupInfo .priceButton a.fr-btn{ white-space: normal; padding-left: 5px; padding-right: 5px; } } @media (max-width: 991px) { div.wGoodsGroupInfo .buttonsBlock{ margin-top: 10px; } div.wGoodsGroupInfo .priceButton a.fr-btn{ font-size: 15px; } div.wGoodsGroupInfo { padding: 10px 0; } div.wGoodsGroupInfo .distrInfoBlock .distrInfo th, div.wGoodsGroupInfo .distrInfoBlock .distrInfo td { padding: 5px; } div.wGoodsGroupInfo .distrInfoBlock .distrInfo th { text-align: left; } div.wGoodsGroupInfo .distrInfoBlock .distrInfo td { text-align: right; } div.wGoodsGroupInfo .distrInfoBlock .distrInfo tr:last-child th, div.wGoodsGroupInfo .distrInfoBlock .distrInfo tr:last-child td { border-bottom: 0; } /* Карточка товара в результатах поиска */ div.wGoodsGroupInfo .goodCardTableBlock, div.wGoodsGroupInfo .goodCardTableBlock > tbody, div.wGoodsGroupInfo .goodCardTableBlock > tbody > tr, div.wGoodsGroupInfo .goodCardTableBlock > tbody > tr > td { display: block; padding: 0; margin: 0; text-align: center; } div.wGoodsGroupInfo .goodCardTableBlock tbody tr td.imagesColumn { width: 100%; max-width: 100%; padding: 0; margin: 0 0 5px 0; } div.wGoodsGroupInfo .goodCardTableBlock tbody tr td.imagesColumn #products .slides_container_block .article-image img { max-width: 100%; } div.wGoodsGroupInfo .goodCardTableBlock tbody tr td.infoColumn .brand { margin: 0 0 7px 0 !important; } div.wGoodsGroupInfo .goodCardTableBlock tbody tr td.infoColumn .wSummaryRating .stars { display: inline-block; } div.wGoodsGroupInfo .goodCardTableBlock tbody tr td.infoColumn .wSummaryRating .reviewsQuant { display: inline-block; vertical-align: middle; } div.wGoodsGroupInfo .goodCardTableBlock tbody tr td.propertyColumn .propertiesTable { display: inline-table; width: 100%; max-width: 480px; margin-top: 10px; text-align: left; border-collapse: collapse; } div.wGoodsGroupInfo .goodCardTableBlock tbody tr td.propertyColumn .propertiesTable td { padding: 4px; border: 1px solid #ddd; color: #454545; font-size: 12px; background: #ffffff; } div.wGoodsGroupInfo .goodCardTableBlock tbody tr td.propertyColumn .propertiesTable td.property { font-weight: bold; background: #edeeef; } div.wGoodsGroupInfo .goodCardTableBlock .relatedProductsBlockSmall{ margin-top: 20px; } } /* шинно-дисковый калькулятор */ @media (max-width: 991px) { .wWheelCalc .tyresSearchBlock { min-width: 0; } .wWheelCalc .tyresSearchBlock .tyresSearchControls { float: none; width: auto; margin-right: 0 } .wWheelCalc .tyresSearchBlock .tyresCalcParams { margin-left: 0; } .wWheelCalc .tyresIframeWrap2 iframe { width: 100%; } .wWheelCalc .tyresIframeWrap2 { background: none; border-bottom: 0; } .wWheelCalc .tyresCalcParams h2 { position: static; } } /* Страница Carbase переопределение стилей breadcrumbs */ @media (max-width: 991px) { .carbaseBreadcrumbs.breadcrumbs a, .carbaseBreadcrumbs.breadcrumbs strong { display: inline-block; margin-bottom: 6px; font-size: 90%; white-space: nowrap; } .carbaseBreadcrumbs.breadcrumbs a { border-bottom: 1px solid; } .carbaseBreadcrumbs.breadcrumbs a:hover { border-bottom: 1px solid transparent; } } /* Страница Carbase - Выбор модели и Выбор модификации (carbase.models.tpl, carbase.modifications.tpl) */ @media (max-width: 991px) { .carbaseModels .car_years { width: auto; } } @media (max-width: 1280px) { .mcArticlesArea .fr-table-responsive { min-height: 200px; } } /* Страница Carbase - Результаты поиска (carbase.car.description.tpl) */ @media (max-width: 991px) { .carDescriptionBlock .carImage { display: block; } .carDescriptionBlock .garageCarsBlock { float: none; padding: 0; } } /* форма "Наценка на бренд" (personal.brands.customer.priceup.view.tpl) */ @media (max-width: 991px) { .personalEditInfo, .passwordChange, .personalPriceUp, .personalChangeFranch, .messageSettings, .cashFlowReportFilterBlock { max-width: 991px; } .personalPriceUp .personal_priceup_view, .personalPriceUp .personal_priceup_edit { float: none; max-width: none; margin: 0; } } /* (wGoodsInfo.tpl) */ @media (max-width: 991px) { #tabs .ui-widget-header{ border-bottom: 0; } #tabs .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-color: transparent; background: transparent; } #tabs .ui-tabs-nav.ui-widget-header li.ui-state-default a, #tabs .ui-tabs-nav.ui-widget-header li.ui-state-active a{ margin-bottom: 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: auto; border: 1px solid #dddddd; } #tabs .ui-tabs-nav.ui-widget-header li.ui-state-active a{ background: #d5d0d0; border-color: #d5d0d0; } #tabs .ui-tabs-nav .ui-state-hover:not(.ui-state-active) { background: transparent; border-color: transparent; } #tabs .ui-tabs-nav .ui-state-hover:not(.ui-state-active) a{ background-color: #F0F0F0; border-color: #dedede } .wGoodsGroupInfo .j-article-properties-feedback{ width: 100%; } .wGoodsGroupInfo .j-abcp-widget-article-images-feedback-base{ width: 100% !important; } .wGoodsGroupInfo .j-article-properties-feedback-header{ font-size: 13px; font-weight: normal; line-height: 1.3; } .wGoodsGroupInfo .j-article-properties-feedback-add-form textarea.j-article-properties-feedback-add{ width: 100%; float: none; float: none !important; } .wGoodsGroupInfo .j-article-properties-feedback-add-form .input-group span.input-group-btn{ width: 100% !important; float: none !important; display: block; } .wGoodsGroupInfo .j-article-properties-feedback-add-submit{ margin-top: 4px; width: 100%; } .wGoodsGroupInfo .j-abcp-widget-article-properties-feedback-bootstrap .input-group{ display: block; } .wGoodsGroupInfo .j-article-properties-feedback .input-group .form-control.j-article-properties-feedback-add{ width: 100%; } .wGoodsGroupInfo .j-abcp-widget-article-properties-feedback-bootstrap .list-unstyled{ margin-top: 4px; } } @media (max-width: 480px) { .wGoodsGroupInfo .characteristicsListRow, .wGoodsGroupInfo .characteristicsListRow span { /*display: block !important;*/ } } /* Виджет отзывов (wRatings.tpl) */ @media (max-width: 767px) { .wGoodsGroupInfo .goodsInfoTitle { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .showShopRating { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wRatings .mainCommentBlock > div{ padding-right: 0; } .wRatings .rightCommentBlock{ margin-left: 0; float: left; width: 100%; } .wRatings .commentButtonBlock{ margin-bottom: 5px; } .wRatings input#writeCommentButton, .wRatings input#editCommentButton, .wRatings input.sendCommentButton, .wRatings input.cancelCommentButton{ width: 100%; margin:0 0 4px; } .wRatings #writeCommentBlock .review-status{ float: none !important; display: block; clear: both; margin-left: 0; margin-bottom: 5px; position: relative; top: 7px; } .wRatings #writeCommentBlock .writeComment p.current-user-rating-usefulness{ margin-top: 8px; } .wGoodsGroupInfo .buttonsBlock .distrInfoBuy input { width: auto; } } @media (max-width: 576px) { .distrInfoBlockWrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } div.wGoodsGroupInfo .distrInfoPrice { margin: 0; padding: 0; } } /* Форма обратной связи feedback (/default/ru_RU/tpl/form.feedback.tpl)*/ @media (max-width: 767px) { .wFeedback #wFeedbackForm { max-width: none; } .wFeedback #wFeedbackForm .g-recaptcha { -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); -o-transform: scale(0.89); transform: scale(0.89); } .wFeedback .captcha { display: inline-block; width: auto; margin: 0; } } /* Начало: форма "Платежи" страница (/?page=personal_cabinet&cashFlowReport/) */ @media (max-width: 767px) { .cashFlowReportFilterBlock #cashFlowFilters { max-width: none; } .cashFlowReportFilterBlock #cashFlowFilters .iconXls { float: none; } } /* форма "Уведомления" (/?page=personal_cabinet&message_settings) */ @media (max-width: 767px) { .messageSettings .message_sms { float: none; } .messageSettings .message_editSms { float: none; max-width: none; margin: 0; } } @media (max-width: 767px) { div.textWarning .registration_info_font_color, div.textWarning .registration_info_attention { font-size: 12px; line-height: 18px; } div.registration_virt, div.registration_opt_virt { max-width: none; } label.labelCol, div.elementCol { min-width: 0; max-width: none; } div.useMobileWrap label.labelCol { padding-left: 20px; } div.useMobileWrap .useMobileCheckbox { position: absolute; } div.registration_virt .captcha-standart, div.registration_opt_virt .captcha-standart { float: none; margin: 0 0 15px 0; text-align: left; } div.registration_virt .captcha-standart .captcha-image, div.registration_opt_virt .captcha-standart .captcha-image { display: table-cell !important; padding: 0; } div.registration_virt .captcha-standart span.captcha, div.registration_opt_virt .captcha-standart span.captcha { display: table-cell !important; float: none; margin: 0; padding: 0; width: auto; background: white; line-height: 1; color: #555555; text-align: center; border: 1px solid #cccccc; border-right: none; border-radius: 4px 0 0 4px; height: 50px; box-sizing: border-box; } div.registration_virt .captcha-standart input#keystring, div.registration_opt_virt .captcha-standart input#keystring { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.registration_virt .captcha-standart .captcha-line, div.registration_opt_virt .captcha-standart .captcha-line { height: 50px; } div.registration_virt span.captcha .g-recaptcha, div.registration_opt_virt span.captcha .g-recaptcha { -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); -o-transform: scale(0.89); transform: scale(0.89); } } /* Каптча */ @media (max-width: 767px) { .captchaReloadLink { display: none; } .captcha { width: 100%; margin-right: 10px; vertical-align: middle; } .captchaReload.captchaLoop { display: inline-block; vertical-align: middle; font-size: 22px; text-decoration: none; color: #444; } } /* Корзина. Загрузить Корзину из файла */ @media (max-width: 991px) { .cartButtons{ margin-bottom: 0; } .loadCartRadiosTitle{ display: block; } .loadCartInputFile{ margin-bottom: 10px; } .uploadFileBlock .loadCartSelect, .uploadFileBlock .loadCartInputSubmit{ width: 100%; } /* Добавление позиции в заказ */ .order-pos-add{ max-width: 100%; } } @media (max-width: 767px) { .cartButtonsRow .cartButtonsColumn.fr-col-xs-12 { width: 100%; } } /* Каталог tecdoc */ @media (max-width: 991px) { .catalogTecdoc.tecdocMain { min-width: 270px; } .catalogTecdoc ul.tabs_table li a, .catalogTecdoc ul.tabs_table li.active a { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #E5E5E5; padding: 3px 10px; } .catalogTecdoc ul.tabs_table li.active a { background: #fafafa; } .catalogTecdoc ul.tabs_table li { margin: 0 3px 10px 0; } .catalogTecdoc ul.tabs_table li a:hover { border-bottom-color: #E5E5E5; } .catalogTecdoc .tecdocTable { overflow: hidden; overflow-x: auto; } .catalogTecdoc ul.tecdocModelTitle li.couple { width: 97%; } .catalogTecdoc ul.tecdocModelTitle li.couple:not(:first-child) { display: none; } .catalogTecdoc ul.ulTecdocModels li.couple { display: block; width: 97%; padding-top: 2%; padding-bottom: 2%; float: left; } .catalogTecdoc .tecdocCt { margin-top: 20px; line-height: 2; } .catalogTecdoc .tecdocCt a { font-size: 14px; } .catalogTecdoc .tecdocCol3, .catalogTecdoc .tecdocCol9 { width: 100% !important; } .catalogTecdoc .dtree, .catalogTecdoc .dtree a.node, .catalogTecdoc .dtree a.nodeSel { white-space: normal; } } /* <Каталог Amtel> */ @media (max-width: 1024px) { .catalogAmtel .amtelCol3 { width: 35%; } .catalogAmtel .amtelCol9 { width: 65%; } } @media (max-width: 991px) { .catalogAmtel.amtelCatalogMain { min-width: 270px; } .catalogAmtel ul.tabs_table li a, .catalogAmtel ul.tabs_table li.active a { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #E5E5E5; padding: 3px 10px; } .catalogAmtel ul.tabs_table li.active a { background: #fafafa; } .catalogAmtel ul.tabs_table li { margin: 0 3px 10px 0; } .catalogAmtel ul.tabs_table li a:hover { border-bottom-color: #E5E5E5; } .catalogAmtel ul.ulAmtelModels li.couple { display: block; width: 97%; padding-top: 2%; padding-bottom: 2%; float: left; } .catalogAmtel .dtree, .catalogAmtel .dtree a.node, .catalogAmtel .dtree a.nodeSel { white-space: normal; } } @media (max-width: 800px) { .catalogAmtel .amtelCol3, .catalogAmtel .amtelCol9 { width: 100% !important; } .catalogAmtel .amtelCt { margin-top: 20px; line-height: 2; } .amtelCt a { font-size: 14px !important; } } /* */ /* goods.catalog (oils,tyres,discs)*/ @media (max-width: 991px) { .wGoodsGroup .goodsBody { width: auto !important; } .wGoodsGroup .goodsGroupHead { min-width: 100%; width: auto !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 50px; } .wGoodsGroup .goodsGroupHead .showingTypes a { height: 49px; } .wGoodsGroup .goodsBody.tileModeBody { width: auto !important; } .tyresPaginator { padding: 0 5px; } } @media (max-width: 991px) { .wGoodsGroup .goodsBody { clear: both; } .wGoodsGroup .goodsGroupHead { height: auto; border: 0; margin-bottom: 10px; background: #fff; } .goodsGroupHead .rightControls { float: left; margin-bottom: 10px; width: 100%; } .goodsGroupHead .rightControls .showOnPage { float: left; } .wGoodsGroup .goodsGroupHead .sortControl { float: none; clear: both; padding-left: 0; margin-bottom: 10px; } .wGoodsGroup .goodsGroupHead .sortControl span.sortLink { display: inline-block; background: #F0F0F0; padding: 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 2px 2px #e6e6e6; -moz-box-shadow: inset 0 0 2px 2px #e6e6e6; box-shadow: inset 0 0 2px 2px #e6e6e6; } .wGoodsGroup .goodsGroupHead .sortControl span.sortLink a { text-decoration: none; color: #323232; } .goodsGroupHead .rightControls .showingTypes { margin-top: 2px; } .goodsGroupHead .rightControls .showOnPage b { padding: 4px 9px; } .goodsGroupHead .rightControls .showingTypes a { width: 39px; height: 39px; font-size: 29px; border: 1px solid #bfbfbf; margin-left: 5px; } .goodsGroupHead .rightControls .showingTypes a.showing-act.showing-list { border-right: 1px solid #bfbfbf; } .goodsGroupHead .rightControls .showingTypes a span { line-height: 40px; } .wGoodsGroup .goodsGroupHead .priceForProfile { padding: 0; margin-bottom: 10px; display: block; } .wGoodsGroup .goodsGroupHead .priceForProfile select.profileSelect { max-width: 100%; height: auto; padding: 6px 3px; } ul.goodsTabs.tabs li:first-child { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } ul.goodsTabs.tabs li:last-child { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } /* вкладки */ ul.tabs.clearfix { margin-bottom: 10px; } ul.tabs.clearfix li { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-top: 0; margin-right: 0; } ul.tabs.clearfix li, ul.tabs.clearfix li.active { height: auto; float: none; margin-bottom: 2px; font-size: 16px; } ul.tabs.clearfix li { border-bottom: 1px solid #bfbfbf; } ul.tabs.clearfix li.active { border-bottom: 1px solid #323232; } ul.tabs.clearfix li a, ul.tabs.clearfix li.active a { line-height: 1; padding-top: 7px; padding-bottom: 7px; } .goodsGroupColumns .goodsGroupFilterRow { width: auto !important; float: none !important; } .goodsGroupColumns .goodsGroupResultColumn .goodsGroupResultRow { clear: both; margin-left: 0; padding: 0; } .fr-collapse-toggle.showFiltersButton { margin-bottom: 10px; width: 100%; } .goodsGroupColumns #filter { border-right-width: 1px; } div.wGoodsGroupFilter #filter { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.wGoodsGroupFilter #filter .filter_block.filter_collapse .filter { display: none; } div.wGoodsGroupFilter #filter .filter_block .filter .switcher_wrap { position: relative; float: left; display: block; width: 100%; padding: 0; margin: 0 0 15px 0; } div.wGoodsGroupFilter #filter .filter_block .filter .switcher_wrap .item_switch { position: relative; float: left; width: 100px; overflow: visible; cursor: pointer; display: inline-block; font-weight: normal; text-align: center; vertical-align: middle; background-image: none; border: 1px solid #d5d0d0; white-space: nowrap; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; height: 28px; padding: 1px 5px; line-height: 2; color: #333333; text-transform: capitalize; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } div.wGoodsGroupFilter #filter .filter_block .filter .switcher_wrap .item_switch.show_popular { border-bottom-right-radius: 0; border-top-right-radius: 0; } div.wGoodsGroupFilter #filter .filter_block .filter .switcher_wrap .item_switch.show_all { margin-left: -1px; border-bottom-left-radius: 0; border-top-left-radius: 0; } div.wGoodsGroupFilter #filter .filter_block .filter .switcher_wrap .item_switch.act_switch { background-color: #e8e8e8; color: #333333; } div.wGoodsGroupFilter #filter .filter_block .filter .switcher_wrap .item_switch span { border: 0; } div.wGoodsGroupFilter #filter .filter_block .filter ul li { display: inline-block; width: 49%; margin-bottom: 10px; } div.wGoodsGroupFilter #filter .filter_block .filter ul li label { font-size: 13px; } div.wGoodsGroupFilter #filter .filter_block .filter ul li input[type="checkbox"] + label:before { font-size: 16px; margin-top: -1px; } div.wGoodsGroupFilter #filter .filter_block .filter ul li input[type="radio"] + label:before { font-size: 18px; margin-top: -1px; } div.wGoodsGroupFilter #filter .filter_block .filter ul li input[type="checkbox"] + label span, div.wGoodsGroupFilter #filter .filter_block .filter ul li input[type="radio"] + label span { padding: 0 0 0 23px; -ms-word-break: break-word; word-break: break-word; -ms-word-wrap: break-word; word-wrap: break-word; } .advancedSearch div.wGoodsGroupFilter #filter .submit_btn .fr-btn { width: 100%; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } div.wGoodsGroupFilter #filter .filter_block .descr_full { left: 10px; right: 10px; top: 46px; width: auto !important; margin: 11px 0 0 0; } div.wGoodsGroupFilter #filter .filter_block .descr_full:before { top: -23px; left: 12px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 13px solid #bfbfbf; } div.wGoodsGroupFilter #filter .filter_block .descr_full:after { top: -21px; left: 13px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 12px solid #ffffff; } div.wGoodsGroupFilter #filter .filter_block .descr_full .descr_body { max-height: 250px; overflow: auto; } .goodsGroupColumns.advancedSearch .goodsGroupFilterRow #filter { max-width: 100%; border-bottom-width: 1px; } .floatingButton { display: none !important; } .articleCatalogBlock .wGoodsGroup .goodsBody ul.item_ul { padding-left: 0; } .articleCatalogBlock .wGoodsGroupFilter { margin-bottom: 10px; } .articleCatalogBlock div.wGoodsGroupFilter #filter .filter_block .filter ul li { width: 100%; } .articleCatalogBlock .wGoodsGroup .goodsGroupHead { border-bottom: 0; margin-left: 0; } } @media (min-width: 480px) and (max-width: 767px) { div.wGoodsGroupFilter #filter .submit_btn { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } div.wGoodsGroupFilter #filter .submit_btn .fr-btn + .fr-btn { margin-left: 5px; margin-top: 0; } } @media (max-width: 419px) { div.wGoodsGroupFilter #filter .filter_block .filter .switcher_wrap .item_switch { width: 50%; } div.wGoodsGroupFilter #filter .filter_block .filter ul li { width: 100%; } } @media (min-width: 991px) { .wGoodsGroupFilter.fr-collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; visibility: visible !important; } } @media (max-width: 650px) { .wGoodsGroupTile.wGoodsGroup .goodsBody ul.item_ul li.item { width: 47%; } .wGoodsGroupTile.wGoodsGroup .goodsBody ul li .topBlock{ min-height: 0; } .advancedSearch .filtersColumn1, .advancedSearch .filtersColumn2 { width: 100%; float: none; } } @media (min-width: 768px) and (max-width: 991px) { .whCatalog .wGoodsGroup .goodsBody ul.item_ul li.item, .noColumnFilter .wGoodsGroup .goodsBody ul.item_ul li.item { width: 31.3%; } } @media (max-width: 550px) { div.wGoodsGroupTile.wGoodsGroup .goodsBody ul.item_ul { margin: 0; } .filter_block .filter ul li, .advancedSearch .filter_block .filter ul li { width: 100%; } .wGoodsGroupTile.wGoodsGroup .goodsBody .articleDesc { font-size: 14px; min-height: auto; display: inline-block; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wGoodsGroupTile.wGoodsGroup .goodsBody .articlePic { height: auto; min-height: auto; vertical-align: top; display: inline-block; width: 50%; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wGoodsGroup .goodsBody ul li .topBlock div.articlePic img, .topBlock div.articlePic a img { max-width: 96%; } .wGoodsGroupTile.wGoodsGroup .goodsBody .articleDesc a{ font-size: 14px; line-height: 16px; } .wGoodsGroupTile.wGoodsGroup .goodsBody div.priceButton a { width: 100%; } .wGoodsGroupTile.wGoodsGroup div .goodsBody ul.item_ul li.item { width: 100%; max-width: 100%; margin: 0 0 10px 0; min-height: 100%; } .item_ul .goodsQuantityBuyWrapper:not(.goodsQuantityBuyWrapperLink) .articleButtons { width: 155px; margin: 0 auto; } .wGoodsGroupTile.wGoodsGroup .goodsBody ul.item_ul li.item .order.goodsQuantityBuyWrapper:not(.goodsQuantityBuyWrapperLink) { padding: 0; } .item_ul .goodsQuantityBuyWrapper:not(.goodsQuantityBuyWrapperLink) .articleButtons div.counter input[type=text].j-quantity-input { width: 32px; height: 30px; padding: 0 3px; margin: 0; } .item_ul .goodsQuantityBuyWrapper:not(.goodsQuantityBuyWrapperLink) .articleButtons div.counter input[type=button].plusButton, .item_ul .goodsQuantityBuyWrapper:not(.goodsQuantityBuyWrapperLink) .articleButtons div.counter input[type=button].minusButton { opacity: 1; font-size: 16px; width: 26px; height: 30px; } .item_ul .goodsQuantityBuyWrapper:not(.goodsQuantityBuyWrapperLink) .articleButtons div.counter input[type=button].minusButton { left: 0; top: 0; } .item_ul .goodsQuantityBuyWrapper:not(.goodsQuantityBuyWrapperLink) .articleButtons div.counter input[type=button].plusButton { left: 64px; top: 0; } ul.item_ul div.goodsQuantityBuyWrapper:not(.goodsQuantityBuyWrapperLink) .articleButtons div.buyButton button.buyImageWrapper { font-size: 16px; height: 30px; padding: 2px 5px 3px 3px; text-align: center !important; width: 55px; } ul.item_ul div.goodsQuantityBuyWrapper:not(.goodsQuantityBuyWrapperLink) .articleButtons div.buyButton button.buyImageWrapper span{ font-size: 18px; } } @media (max-width: 420px) { .wGoodsGroupTile.wGoodsGroup .goodsBody .articleDesc, .wGoodsGroupTile.wGoodsGroup .goodsBody .articlePic { display: block; width: auto; } .wGoodsGroupTile.wGoodsGroup .goodsBody ul.item_ul li.item .order.goodsQuantityBuyWrapper { -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-line-pack: center; align-content: center; } } /* Каталог аксессуаров*/ @media (max-width: 991px) { ul.catalog-choose.navi li { height: 40px; } ul.catalog-choose.navi li a, ul.catalog-choose.navi li span { height: 40px; font-size: 14px; } ul.catalog-choose.catalog-brands:not(.catalog-goods-group) li { width: 25%; } } @media (max-width: 767px) { ul.catalog-choose.navi li { width: 100%; float: none; margin-bottom: 10px; } ul.catalog-choose.catalog-brands:not(.catalog-goods-group) li { width: 33%; } ul.catalog-choose.catalog-brands.catalog-goods-group li { width: 50%; } } @media (max-width: 500px) { ul.catalog-choose.catalog-brands li { width: 50%; } ul.catalog-choose.catalog-brands.catalog-goods-group li { width: 100%; } } @media (max-width: 380px) { ul.catalog-choose.catalog-brands li { width: 100%; } } /* Страница оплаты заказа (payment.order.start.tpl) */ @media (max-width: 991px) { a.ordersListLink { display: none; } a.ordersListLink-xs { display: inline-block; } table.fr-table.paymentOrderStart { width: 100%; } table#paymentMethods label { display: block; } } /* Личный кабинет */ @media (max-width: 767px) { .persCabOrdersTblOrderDate .fr-form-group { margin-bottom: 0; } } /* Оформление закакза */ @media (max-width: 767px) { .trashAcceptorderWrapper .cartButtons .orderGoBtn, .trashAcceptorderWrapper .cartButtons .orderGoYandexDelivery { margin-left: 0; } } /* стили виджета Яндекс.Доставка*/ @media (max-width: 890px) { #ydwidget.yd-widget-modal { width: 100%; left: 0; margin-left: 0; top: 0; margin-top: 0; } #ydwidget.yd-widget-modal .cw-variants-container { width: 100%; box-sizing: border-box; margin: 0; position: static; } #ydwidget.yd-widget-modal .slimScrollDiv, #ydwidget.yd-widget-modal .cw-variants { height: auto !important; } } /* Виджет VIN-запроса (wVinquAdd.tpl) */ @media (min-width: 768px) and (max-width: 991px) { div.wVinquAdd table.content-wrap > tbody > tr > td.vinqu-contacts-block { width: 305px !important; padding-right: 20px !important; } div.wVinquAdd table.content-wrap > tbody > tr > td .guest-block table .guest-block-contact td input { width: 137px; } div.wVinquAdd table.content-wrap > tbody > tr > td .guest-block table .guest-block-contact td .guest-block-contact-delimiter { width: 23px; } div.wVinquAdd table.content-wrap > tbody > tr > td .vinqu-block { width: 305px; } div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carChoiceBlock { width: 305px; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block { width: 375px; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block .add-part-input { width: 280px; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block .submit-wrap { width: 375px; } } @media (max-width: 991px) { div.wVinquAdd table.content-wrap > tbody > tr > td .vinqu-block .vinFrameCheckbox { margin-top: 7px; } div.wVinquAdd table.content-wrap > tbody > tr > td .vinqu-block #check-frame { margin-left: 10px; } } @media (max-width: 767px) { div.wVinquAdd { width: 100%; } div.wVinquAdd table.content-wrap { width: 100%; } div.wVinquAdd table.content-wrap > tbody > tr > td { display: block; margin: 0; padding: 0 !important; width: 100% !important; } div.wVinquAdd table.content-wrap > tbody > tr > td .guest-block table { width: 100%; } div.wVinquAdd table.content-wrap > tbody > tr > td .guest-block table td { padding: 0 0 8px 0; } div.wVinquAdd table.content-wrap > tbody > tr > td .guest-block table .guest-block-contact td input { width: 100%; margin: 2px 0 0; } div.wVinquAdd table.content-wrap > tbody > tr > td .guest-block table .guest-block-contact td input:first-child { margin: 0 0 2px; } div.wVinquAdd table.content-wrap > tbody > tr > td .vinqu-block { width: 100%; } div.wVinquAdd table.content-wrap > tbody > tr > td .vinqu-block .vinFrameCheckbox #check-frame{ margin-left: 20px; } div.wVinquAdd table.content-wrap > tbody > tr > td .wCarChoiceWithAddingCar .carChoiceBlock { padding: 0; margin: 0; } div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carChoiceBlock { width: 100%; } div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carChoiceBlock .unknownModification, div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carChoiceBlock .choicedModification { text-align: center; } div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carChoiceBlock .choicedModification { margin-bottom: 5px; } div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carChoiceBlock .grid-6-12, div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carChoiceBlock .grid-1-12 { width: 100%; margin: 0; padding: 0; } div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carChoiceBlock .grid-6-12 { margin: 4px 0; } div.wVinquAdd .back-button, div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carChoiceBlock #addingToGarageButton, div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carChoiceBlock #cancelChoice { text-transform: none; overflow: visible; cursor: pointer; display: inline-block; font-weight: normal; text-align: center; vertical-align: middle; background-image: none; border: 1px solid transparent; white-space: nowrap; font-size: 13px; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; padding: 1px 5px; line-height: 2; } div.wVinquAdd .back-button { color: #333333; background-color: #e8e8e8; border-color: #d5d0d0; } div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carChoiceBlock #addingToGarageButton { display: block; width: 100%; color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } div.wVinquAdd .carbase-block.carbase-block-extended .carbase-block-toggle-wrapper { width: 100%; position: static; margin-bottom: 8px; } div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carbase-block .carbase-block-toggle { text-transform: none; overflow: visible; cursor: pointer; display: block; font-weight: normal; text-align: center; vertical-align: middle; border: 1px solid #46b8da; white-space: nowrap; font-size: 12px; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 10px 0 0; height: 28px; padding: 1px 5px; line-height: 2; color: #ffffff; background: #5bc0de; } div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carbase-block .carbase-block-toggle:hover, div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carbase-block .carbase-block-toggle:focus, div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carbase-block .carbase-block-toggle:active { color: #ffffff; background: #39b3d7; border: 1px solid #269abc; } div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carbase-block .carbase-block-toggle:active { outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carChoiceBlock #addingToGarageButton[disabled] { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: 0.65; background-color: #5cb85c; border-color: #4cae4c; } div.wVinquAdd table.content-wrap > tbody > tr > td .carbase-blocks .carChoiceBlock #cancelChoice { position: static; display: block; width: 100%; margin: 0 0 8px; color: #333333; background-color: #e8e8e8; border-color: #d5d0d0; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block .add-part-input { width: 100%; margin-right: -85px; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block .add-part-input:-moz-placeholder, div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap .captchaBlock input.captcha-line:-moz-placeholder { color: transparent; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block .add-part-input::-moz-placeholder, div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap .captchaBlock input.captcha-line::-moz-placeholder { color: transparent; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block .add-part-input:-ms-input-placeholder, div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap .captchaBlock input.captcha-line:-ms-input-placeholder { color: transparent; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block .add-part-input::-webkit-input-placeholder, div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap .captchaBlock input.captcha-line::-webkit-input-placeholder { color: transparent; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block .add-part-button { position: relative; margin: 0 0 0 -85px; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block table.part-list-table { overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block table.part-list-table td { padding: 8px 4px; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block table.part-list-table td.query { width: auto; font-size: 14px; padding-left: 10px; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block table.part-list-table td.query .query-over { width: auto; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block table.part-list-table td.remove { font-size: 18px; color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block table.part-list-table td.remove:hover, div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block table.part-list-table td.remove:focus, div.wVinquAdd table.content-wrap > tbody > tr > td .comment-block table.part-list-table td.remove:active { color: #ffffff; background-color: #d2322d; border-color: #ac2925; } div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap { width: 100%; } div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap .captchaBlock { display: table; float: none; } div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap .captchaBlock .captcha-image { display: table-cell !important; padding: 0; background: #ffffff; } div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap .captchaBlock .captcha-image img { max-width: 120px; } div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap .captchaBlock .captcha-line { height: 50px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap .captchaBlock .captcha { display: table-cell; float: none; width: auto; } div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap .captchaBlock input.captcha-line { display: table-cell; float: none; width: 100%; max-width: none; font-size: 24px; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap .captchaBlock .captcha-icon { font-size: 16px; color: #444; text-decoration: none; } div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap .g-recaptcha { -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); -o-transform: scale(0.89); transform: scale(0.89); transform-origin: left; } div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap .query-errors ul { margin: 0 0 10px 0; padding: 10px; color: #a94442; list-style: none; border: 1px solid #ebccd1; background: #f2dede; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap input.submit-query { float: none; width: 100%; text-transform: none; overflow: visible; cursor: pointer; display: inline-block; font-weight: normal; text-align: center; vertical-align: middle; background-image: none; border: 1px solid transparent; white-space: nowrap; font-size: 13px; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; height: 30px; padding: 1px 5px; line-height: 2; color: #ffffff; background-color: #428bca; border-color: #357ebd; } div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap input.submit-query:hover, div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap input.submit-query:active { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } div.wVinquAdd table.content-wrap > tbody > tr > td .submit-wrap input.submit-query[disabled] { background-color: #428bca; border-color: #357ebd; } div.wVinquAdd table.content-wrap .public-offering-block{ position: relative; top: -4px; width: auto; } div.wVinquAdd table.content-wrap .public-offering-block .public-offering-block-inner{ width: auto; } } /* Страница Удаление кросса (form.delcross.direct.tpl) */ @media (max-width: 767px) { .crossDeleting .crossDelCaptcha .captcha { width: auto; } .crossDeleting div.g-recaptcha { -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); -o-transform: scale(0.89); transform: scale(0.89); max-width: 270px; transform-origin: left top; } } @media (max-width: 400px) { .crossDeleting .crossDelCaptcha { max-width: 100%; text-align: center; } } /* Собственный каталог */ @media (max-width: 767px) { div.myCatalogBreadcrumbs { min-width: 0; } div.myCatalogBreadcrumbs > div { padding: 10px 10px 5px; } div.myCatalogBreadcrumbs span { display: inline-block; margin-bottom: 5px; } table.myCatalogTbl { min-width: 0; border-bottom: 0; } table.myCatalogTbl tr, table.myCatalogTbl tr:nth-child(2n+1) { position: relative; display: block; float: left; clear: both; width: 100%; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin-bottom: 15px; background: #fbfbfb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } table.myCatalogTbl tr:hover { background: #f5f5f5; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } table.myCatalogTbl.myCatalogArticles tr:hover td.myCatalogArtNumCell { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } table.myCatalogTbl tr.myCatalogTop { display: none !important; } table.myCatalogTbl tr:last-child { margin: 0; } table.myCatalogTbl tr td { clear: both; float: left; display: block; width: 100%; border-top: 0; height: auto; padding: 0 10px; font-size: 12px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } table.myCatalogTbl tr td.myCatalogImageCell { width: 100%; max-width: none; padding: 5px 10px 0; } table.myCatalogTbl tr td.myCatalogImageCell img { max-height: 80px; } table.myCatalogTbl tr td.myCatalogBrandCell { max-width: none; min-width: 0; } table.myCatalogTbl.myCatalogLevel tr td.myCatalogBrandCell a { display: block; margin: 10px 0; } table.myCatalogTbl.myCatalogLevel.listViewType tr td.myCatalogBrandCell span { display: block; margin: 10px 0; font-size: 13px; font-weight: bold; } table.myCatalogTbl.myCatalogLevel tr td.myCatalogDescCell { padding: 0 10px 5px; } table.myCatalogTbl.myCatalogLevel tr td.myCatalogDescCell span { display: inline-block; text-align: left; } table.myCatalogTbl.myCatalogArticles tr td { padding: 5px 10px; } table.myCatalogTbl.myCatalogArticles tr td.myCatalogImageCell { padding: 8px 10px 5px; } table.myCatalogTbl.myCatalogArticles tr td.myCatalogImageCell .articleImagesFeedbackButton { position: absolute; display: block; top: 10px; right: 10px; } table.myCatalogTbl.myCatalogArticles tr td.myCatalogBrandCell { display: none; } table.myCatalogTbl.myCatalogArticles tr td.myCatalogArtNumCell { text-transform: uppercase; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } table.myCatalogTbl.myCatalogArticles tr td.myCatalogArtNumCell span { text-align: left; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } table.myCatalogTbl.myCatalogArticles tr td.myCatalogArtNumCell:before { font-size: 12px; text-align: right; padding: 0; } table.myCatalogTbl.myCatalogArticles tr td span { display: inline-block; width: 50%; text-align: right; } table.myCatalogTbl.myCatalogArticles tr td:before { content: attr(data-label); float: left; width: 50%; padding-right: 10px; text-align: left; text-transform: uppercase; font-size: 11px; font-weight: bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } table.myCatalogTbl.myCatalogArticles tr td.myCatalogSearchHrefCell { padding: 5px 10px 8px; } table.myCatalogTbl.myCatalogArticles tr td.myCatalogSearchHrefCell a { text-transform: none; overflow: visible; cursor: pointer; display: block; font-weight: normal; text-align: center; vertical-align: middle; background-color: #5bc0de; border: 1px solid #46b8da; white-space: nowrap; font-size: 13px; border-radius: 3px; margin: 0; height: 30px; padding: 1px 5px; line-height: 2; color: #ffffff; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } table.myCatalogTbl.myCatalogArticles tr td.myCatalogSearchHrefCell a:hover, table.myCatalogTbl.myCatalogArticles tr td.myCatalogSearchHrefCell a:focus { color: #ffffff; background-color: #39b3d7; border-color: #269abc; } } @media (max-width: 767px) { div#selectModelCarBlock div.wCarChoiceWithAddingCar { min-width: 250px; } div.wCarChoiceWithAddingCar .select-form select.fr-form-control, div.wCarChoiceWithAddingCar .select-form input.fr-form-control { font-size: 12px; } div.wCarChoiceWithAddingCar .returnToCarList { margin: 10px 0 48px; font-size: 12px !important; height: 28px !important; line-height: 2 !important; } div.wCarChoiceWithAddingCar .choice-show { display: block; } div.wCarChoiceWithAddingCar .choice-show > div { display: block; width: 100%; } div.wCarChoiceWithAddingCar .choice-show > div.select-form { padding: 0; } div.wCarChoiceWithAddingCar .choice-show > div input.carAddNew { width: 100%; font-size: 12px; text-transform: none; overflow: visible; cursor: pointer; display: inline-block; font-weight: normal; text-align: center; vertical-align: middle; border: 1px solid #d5d0d0; white-space: nowrap; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; height: 30px; padding: 1px 5px; line-height: 2; color: #333333; background: #e8e8e8; } div.wCarChoiceWithAddingCar .choice-show > div input.carAddNew:hover, div.wCarChoiceWithAddingCar .choice-show > div input.carAddNew:focus, div.wCarChoiceWithAddingCar .choice-show > div input.carAddNew:active { background: #e0e0e0; border: 1px solid #dbdbdb; } div.wCarChoiceWithAddingCar .choice-show > div input.carAddNew:active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } div.wCarChoiceWithAddingCar .carChoiceButton { display: block; } div.wCarChoiceWithAddingCar .carChoiceButton > div { display: block; } div.wCarChoiceWithAddingCar .carChoiceButton > .getChoice-btn { margin-bottom: 5px; } div.wCarChoiceWithAddingCar .carChoiceButton > .addingToGarageButton-btn.second-btn { padding: 0; } } /* Страница Carbase */ @media (max-width: 991px) { .toggleCarbaseBlocks { display: block; position: absolute; top: -4px; right: 0; } .toggleCarbaseBlocks span { vertical-align: middle; } div.carbaseBlockFull { clear: both; float: left; -webkit-perspective: 1000px; perspective: 2000px; overflow: hidden; margin-bottom: 20px; } div.carbaseBlockFull.showCarbaseBrand .toggleCarbaseBlocks { top: 6px; } div.carbaseBlockFull.showCarbaseBrand .carbaseTableBrand { position: relative; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } div.carbaseBlockFull.showCarbaseBrand .newCarbaseChoise { position: absolute; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } div.newCarbaseChoise { position: relative; top: 0; left: 0; float: none; width: 100%; max-width: 100%; min-width: 100%; padding: 0; } div.newCarbaseChoise .carbaseAutoChoiseTitle, div.carbaseTableBrand .carbaseTableBrandTitle { margin: 10px 0 14px; padding: 0 0 10px; border-bottom: 1px solid #e8e8e8; text-align: left; font-size: 18px; font-weight: bold; } div.newCarbaseChoise .carbaseAutoChoiseImage { margin: 0 auto 14px; } div.carbaseBlockFull, div.newCarbaseChoise, div.carbaseTableBrand { width: 100%; } div.carbaseBlockFull.animateCarbase div.newCarbaseChoise, div.carbaseBlockFull.animateCarbase div.carbaseTableBrand { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } div.carbaseWrapFull { position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } div.newCarbaseChoise, div.carbaseTableBrand { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } div.newCarbaseChoise { z-index: 2; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } div.carbaseTableBrand { position: absolute; top: 0; left: 0; margin: 0; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } div.carbaseTableBrand table.manufacturers { display: block; border: 0; } div.carbaseTableBrand table.manufacturers tr { display: inline; } div.carbaseTableBrand table.manufacturers td { display: inline; padding: 0; border: 0; } div.carbaseTableBrand table.manufacturers td a { float: left; display: block; width: 20%; padding: 5px 0; } } @media (max-width: 680px) { div.carbaseTableBrand table.manufacturers td a { width: 25%; } } @media (max-width: 550px) { div.carbaseTableBrand table.manufacturers td a { width: 33.3333333%; } } @media (max-width: 420px) { div.carbaseTableBrand table.manufacturers td a { width: 50%; } } /* Навигация в личном кабинете */ @media (max-width: 1024px) { ul.commonTabs.fr-nav-tabs { border-bottom: 0; } ul.commonTabs.fr-nav-tabs li { margin-bottom: 0; } ul.commonTabs.fr-nav-tabs li.active a, ul.commonTabs.fr-nav-tabs li.active a:hover, ul.commonTabs.fr-nav-tabs li.active a:focus { color: #333333; background-color: #e8e8e8; border-color: #d5d0d0; } ul.commonTabs.fr-nav-tabs li a { padding: 8px 12px; margin: 0 5px 5px 0; line-height: normal; color: #333333; background-color: #fff; border-color: #d5d0d0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } ul.commonTabs.fr-nav-tabs li a:hover, ul.commonTabs.fr-nav-tabs li a:focus { background-color: #F0F0F0; border-color: #dedede; } } @media (max-width: 768px) { ul.commonTabs.fr-nav-tabs { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -5px; } ul.commonTabs.fr-nav-tabs li { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; text-align: center; } } /* Форма "Изменить изображение к товару" (в гитлабе) */ @media (max-width: 767px) { div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base { width: 100% !important; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item .j-article-feedback-image-wrapper, div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item .j-article-feedback-image, div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item .j-article-feedback-info-wrapper, div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item .j-article-feedback-info-wrapper-inner { display: block; width: 100%; height: auto; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item { width: 49.0601503759%; height: 164px; margin: 0 0 10px; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item.j-article-feedback-item-moderation-state, div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item.j-article-feedback-item-temporary-state, div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item.j-article-feedback-item-success-state { height: auto; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item:nth-child(odd) { margin-right: 1.87969924812% !important; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item .j-article-feedback-image .j-article-feedback-preview { max-width: 100px; max-height: 100px; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item .j-article-feedback-info-wrapper { padding: 0; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item .j-article-feedback-info-wrapper .j-article-feedback-action-upload { margin-bottom: 5px; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-action-label { padding: 0 !important; margin-top: 10px; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item .j-article-feedback-action { position: static; margin: 0; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item .j-article-feedback-action button { display: block; width: 100%; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item .j-article-feedback-action button.j-article-feedback-action-remove { margin: 10px 0 5px; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item .j-article-feedback-action-toremove { display: block; width: 100%; margin-top: 10px; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item-upload { line-height: normal; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item-upload .glyphicon { line-height: 130px; color: #888888; text-shadow: 1px 1px 6px #888888; } div.articleImagesFeedback .j-article-feedback-item .j-article-feedback-info-wrapper .j-article-feedback-info-comment.form-control { margin: 10px 0; } div.articleImagesFeedback .j-article-feedback-list-rejected-wrapper { margin-top: 20px; } div.articleImagesFeedback .j-article-feedback-list-rejected-wrapper .j-article-feedback-list-rejected-header { padding: 15px 0; } div.articleImagesFeedback .j-article-feedback-list-rejected-wrapper .j-article-feedback-list-rejected .j-article-feedback-item { height: auto; } div.articleImagesFeedback .j-article-feedback-item .j-article-feedback-info-wrapper .j-article-feedback-comment { max-height: none !important; } div.articleImagesFeedback .j-article-feedback-list .j-article-feedback-item .j-article-feedback-info-wrapper .j-article-feedback-comment { margin: 4px 0 10px; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item.j-article-feedback-item-upload-state .j-article-feedback-action-label { display: none; } } @media (min-width: 501px) and (max-width: 767px) { div.articleImagesFeedback .j-article-feedback-list-rejected .j-article-feedback-item, div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item.j-article-feedback-item-remove-state, div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item.j-article-feedback-item-moderation-state, div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item.j-article-feedback-item-add-state { position: relative; overflow: visible; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: 10; } div.articleImagesFeedback .j-article-feedback-list-rejected .j-article-feedback-item { position: static; } div.articleImagesFeedback .j-article-feedback-list-rejected .j-article-feedback-item .panel-body, div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item.j-article-feedback-item-add-state .panel-body, div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item.j-article-feedback-item-moderation-state .panel-body, div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item.j-article-feedback-item-remove-state .panel-body { min-height: 164px; border: 1px solid #dddddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05); background: #ffffff; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item.j-article-feedback-item-moderation-state .panel-body { background: #fcfaf0; } div.articleImagesFeedback .j-article-feedback-list-rejected-wrapper .j-article-feedback-item .j-article-feedback-info-wrapper .j-article-feedback-comment { margin-top: 15px; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item.j-article-feedback-item-default-state .j-article-feedback-image-wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; height: 100px; vertical-align: middle; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item.j-article-feedback-item-default-state .j-article-feedback-image-wrapper .j-article-feedback-image { -ms-flex-negative: 1; } } @media (max-width: 500px) { div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item { width: 100%; height: auto; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item:nth-child(odd) { margin-right: 0; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item-upload .glyphicon { line-height: 45px; } div.articleImagesFeedback .j-abcp-widget-article-images-feedback-base .j-article-feedback-list .j-article-feedback-item.j-article-feedback-item-upload-state .j-article-feedback-info-wrapper { height: 0; } } /*Каталог ламп*/ @media (max-width: 1023px) { .lampsCont div.lampsContTop, .lampsCont div.lampsContBottom{ width: auto; min-width: 0; background: none; padding: 0; margin: 0; height: auto; } .lampsCont div.lampsBlock{ position: relative; display: block; top: auto !important; left: auto !important; right: auto !important; margin: 0 0 25px 0; } .lampsCont div.lampsBlock ul{ background: #fff; border: 1px solid #e5e5e5; width: 100%; box-sizing: border-box; padding: 24px 0 0; } .lampsCont div.lampsBlock div.lampsTitle{ position: absolute; top:0; width: 100%; box-sizing: border-box; } .lampsCont div.lampsBlock ul li{ border-bottom: 1px solid #e5e5e5; border-top: none; } .lampsCont div.lampsBlock ul li:first-child{ border-left: none; } .lampsCont div.lampsBlock ul li a span{ font-size: 13px; min-width: 35px !important; padding: 5px !important; } .lampsCont div.lampsBlock ul li .lampImg{ bottom: 77px; } .lampsCont .lampsBlock6 li.secondLine{ position: relative; left: auto; top: auto; } .lampsCont .lampsBlock6 li.secondLine1{ border-left: none; } } @media (min-width: 1025px) and (max-width: 1232px) { ul.mainpageBrands > li { width: 11.9276871684%; } ul.mainpageBrands > li:not(:nth-child(7n+1)) { margin-left: 2.75103163686%; } } @media (min-width: 768px) and (max-width: 1024px) { ul.mainpageBrands > li { width: 14.3741403026%; } ul.mainpageBrands > li:not(:nth-child(6n+1)) { margin-left: 2.75103163686%; } } @media (min-width: 650px) and (max-width: 767px) { ul.mainpageBrands > li { width: 17.7991746905%; } ul.mainpageBrands > li:not(:nth-child(5n+1)) { margin-left: 2.75103163686%; } } @media (min-width: 530px) and (max-width: 649px) { ul.mainpageBrands > li { width: 22.9367262724%; } ul.mainpageBrands > li:not(:nth-child(4n+1)) { margin-left: 2.75103163686%; } } @media (min-width: 400px) and (max-width: 529px) { ul.mainpageBrands > li { width: 31.4993122421%; } ul.mainpageBrands > li:not(:nth-child(3n+1)) { margin-left: 2.75103163686%; } } @media (max-width: 399px) { ul.mainpageBrands > li { width: 47.2489683631%; } ul.mainpageBrands > li:not(:nth-child(2n+1)) { margin-left: 5.50206327373%; } } @media (max-width: 1232px) { ul.mainpageBrands { width: 100%; margin: 0; padding: 0; } ul.mainpageBrands > li { margin: 0 0 10px; } ul.mainpageBrands > li .view-catalog, ul.mainpageBrands > li .view-catalog:hover { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul.mainpageBrands > li .view-catalog img, ul.mainpageBrands > li .view-catalog:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); width: 100%; height: 100%; } ul.mainpageBrands.mobileViewer > li .view-catalog .mask, ul.mainpageBrands.mobileViewer > li .view-catalog:hover .mask { visibility: hidden; } ul.mainpageBrands.mobileViewer > li .view-catalog .mask .maskIn a:first-child, ul.mainpageBrands.mobileViewer > li .view-catalog:hover .mask .maskIn a:first-child { margin: 0; } ul.mainpageBrands.mobileViewer > li .view-catalog.hovered img, ul.mainpageBrands.mobileViewer > li .view-catalog:hover.hovered img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } ul.mainpageBrands.mobileViewer > li .view-catalog.hovered .mask, ul.mainpageBrands.mobileViewer > li .view-catalog:hover.hovered .mask { visibility: visible; border-radius: 5px; background-color: rgba(0,0,0,0.65); } ul.mainpageBrands.mobileViewer > li .view-catalog.hovered .mask a, ul.mainpageBrands.mobileViewer > li .view-catalog:hover.hovered .mask a { color: #fff !important; } ul.mainpageBrands.mobileViewer > li .view-catalog.hidding img, ul.mainpageBrands.mobileViewer > li .view-catalog:hover.hidding img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } ul.mainpageBrands.mobileViewer > li .view-catalog.hidding .mask, ul.mainpageBrands.mobileViewer > li .view-catalog:hover.hidding .mask { visibility: visible; background-color: transparent; } ul.mainpageBrands.mobileViewer > li .view-catalog.hidding a, ul.mainpageBrands.mobileViewer > li .view-catalog:hover.hidding a { color: transparent !important; } } /* --------------------------------------------------- */ /* Подробная новость*/ @media (max-width: 768px) { div.wNews .b-newsDetailed .newsDetailedInner { padding: 0; } div.wNews .b-newsDetailed .newsDetailedInner .detailedNewBody img{ max-width: 100%; height: auto !important; } } /* laximo */ @media (max-width: 1280px) { #g_container #viewtable.laxRightCol { -webkit-overflow-scrolling: touch; } #g_container #viewtable.laxRightCol .fr-table-responsive { -webkit-overflow-scrolling: touch; overflow: visible; } }