/* /assets/site/css/color_settings.css, /assets/site/css/style.css, /assets/site/css/scrollbar.min.css, /assets/site/css/ion.rangeslider.min.css, /assets/site/css/cabinet.css, /assets/site/css/faq.css, /assets/site/css/hot_fix.css, /assets/site/css/banner.css, /assets/site/css/languange.css, /assets/site/css/daterangepicker.min.css, /css/select2.css, /assets/site/css/svg.css, /css/tree.css */
:root { --main-blue-color: #2f86c2; --main-white-blue-color: #00b5ce; --main-black-color: #333333; --main-white-background-color: #ffffff; --header-white-backgroud-color: #ffffff; --header-text-gray-color: #333333; --header-border-gray-color: #f1f1f1; --header-link-hover-color: #2f86c2; --header-tips-color: #2f86c2; --header-hover-menu-color: #f8f8f8; --header-hover-menu-text-color: #333333; --header-active-menu-color: f8f8f8; --header-active-menu-text-color: #333333; --header-menu-open-background-color: #ffffff; --header-menu-open-title-color: #333333; --header-menu-open-link-color: #00b5ce; --header-menu-open-link-hover-color: #f1f1f1; --header-menu-open-link-hover-text-color: #00b5ce; --foter-text-color: #636363; --foter-backgroud-color: #f8f8f8; --foter-link-hover-color: #2F86c2; --button-main-background-color: #00b5ce; --button-main-border-color: #00b5ce; --button-main-text-color: #ffffff; --button-main-hover-background-color: #2f86c2; --button-main-hover-border-color: #2f86c2; --button-main-hover-text-color: #ffffff; --button-round-background-color: #ffffff; --button-round-border-color: #00b5ce; --button-round-text-color: #000000; --button-round-hover-background-color: #2f86c2; --button-round-hover-border-color: #2f86c2; --button-round-hover-text-color: #ffffff; --button-white-background-color: #ffffff; --button-white-border-color: #00b5ce; --button-white-text-color: #333333; --radio-button-active-border-color: #2f86c2; --radio-button-border-color: #6a6e78; --checkbox-checked-background-color: #2f86c2; --checkbox-checked-border-color: #2f86c2; }   @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');   * {padding: 0; margin: 0; -webkit-tap-highlight-color:transparent;} *, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } :focus, :active, a:focus, a:active {outline: none;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html, body { width: 100%; min-height: 100%; font-size: 100%; line-height: 1; -webkit-text-size-adjust: none } input, button, textarea, select { font-family: inherit; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; } input:invalid {box-shadow: none;} input::-ms-clear {display: none;} button::-moz-focus-inner {padding: 0; border: 0;} button, .button, input[type="button"], input[type=submit] {cursor: pointer;} button[disabled], input[disabled] {cursor: default;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {display: none;} a, a:hover, a:visited {text-decoration: none;} img {vertical-align: top; max-width: 100%;} h1,h2,h3,h4,h5,h6 {font-size: inherit; font-weight: normal;} ol, ul {list-style: none;} ol {counter-reset: myCounter;} ol li:before { counter-increment: myCounter; content:counter(myCounter); margin-right: 5px; } table {border-collapse: collapse; border-spacing: 0; width: 100%;} th {font-weight: inherit;} .scroll_disable {overflow: hidden; position: fixed;}   body { font: 14px 'Montserrat', sans-serif; font-weight: 400; line-height: 140%; color: var(--main-black-color); background: var(--main-white-background-color); overflow-x: hidden; } .page { overflow: hidden; position: relative; } header, footer, .section, .container { width: 100%; max-width: 1280px;   padding: 0 55px; margin: 0 auto; position: relative; } .section { margin-bottom: 10px; padding-top: 25px; padding-bottom: 25px; } .section.pagetitle { margin-bottom: 0; display: flex; justify-content: space-between; } .section__title { font-size: 28px; font-weight: 700; padding-bottom: 27px; } .section__title.maintitle { font-size: 32px; padding-bottom: 30px; line-height: 110%; } .section__head { display: flex; align-items: center; justify-content: space-between; } .section__head .slider-arrows { padding-bottom: 27px; } .fullwidth { padding: 0; max-width: 100%; } .grid { display: grid; grid-gap: 30px;   } .grid.slider { display: block; width: calc(100% + 30px);   margin-left: -15px;   } .grid.slider .slick-slide { margin: 0 15px;   } a, .button { transition: 0.3s; } .dashed-link { color: var(--main-white-blue-color); font-family: 'Rubik', sans-serif; font-size: 13px; font-weight: 400; border-bottom: 1px dashed var(--main-white-blue-color); line-height: 14px; position: relative; } .dashed-link:hover { color: var(--main-blue-color); border-color: #fff; } .dashed-link_edit { margin-left: 30px; } .dashed-link_edit::before { content:''; display: block; position: absolute; top: -4px; left: -30px; width: 20px; height: 20px; background: url(/assets/site/images/edit-icon.svg) center no-repeat; } .text { font-family: 'Rubik', sans-serif; font-size: 14px; font-weight: 400; line-height: 170%; color: #333; } p { padding-bottom: 30px; } .text h2 { font-family: 'Montserrat', sans-serif; color: var(--main-black-color); font-size: 16px; font-weight: 700; margin-bottom: 30px; } .photo { object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .image { display: block; position: relative; width: 100%; height: 0; padding-bottom: 56%; } .tooltip { display: inline-block; position: relative; margin-left: 5px; cursor: pointer; } .tooltip__icon { display: flex; align-items: center; } .tooltip__content { display: block; width: max-content; max-width: 315px; padding: 16px 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 5px; border: 1px solid #dfdfdf; background: #ffffff; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 20px); font-size: 12px; font-weight: 500; color: #333; line-height: 200%; cursor: default; transition: 0.3s; visibility: hidden; opacity: 0; z-index: 150; } .tooltip__content_small { text-align: center; padding: 12px 20px; line-height: 19px; } .tooltip:hover .tooltip__content { visibility: visible; opacity: 1; } .tooltip__content_image { width: 230px; height: 230px; top: unset; bottom: 100%; left: 50%; transform: translate(-50%, -15px); } .tooltip__content_image .photo { object-fit: contain; width: 80%; height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page__overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #333; opacity: 0.8; display: none; z-index: 500; }   .button { background: var(--button-main-background-color); border: 1px solid var(--button-main-border-color); height: 46px; display: flex; align-items: center; justify-content: center; color: var(--button-main-text-color); font-size: 14px; font-weight: 500; white-space: nowrap; border-radius: 5px; padding: 0 28px; width: max-content; } @media (hover: hover) { .button:hover { background-color: var(--button-main-hover-background-color); border: 1px solid var(--button-main-hover-border-color); color: var(--button-main-hover-text-color); } .button:active { background-color: var(--button-main-hover-background-color); border: 1px solid var(--button-main-hover-border-color); color: var(--button-main-hover-text-color); } } .button_white { background: var(--button-white-background-color); border: 1px solid var(--button-white-border-color); color: var(--button-white-text-color); } .button_round { background-color: var(--button-round-background-color); height: 32px; color: var(--button-round-text-color); font-size: 12px; font-weight: 400; border: 1px solid var(--button-round-border-color); border-radius: 16px; } @media (hover: hover) { .button_round:hover { background-color: var(--button-round-hover-background-color); color: var(--button-round-hover-text-color); border: 1px solid var(--button-round-hover-border-color); } .button_round:active { background-color: var(--button-round-hover-background-color); color: var(--button-round-hover-text-color); border: 1px solid var(--button-round-hover-border-color); } } .button_arrow { padding-left: 36px; padding-right: 22px; background-image: url(/assets/site/images/arrow-link.svg); background-position: left 16px center; background-repeat: no-repeat; } .button_arrowup { background-image: url(/assets/site/images/select-arrowup.svg); } .button_arrowdown { background-image: url(/assets/site/images/select-arrowdown.svg); } @media (hover: hover) { .button_arrow:hover { background-image: url(/assets/site/images/arrow-link_white.svg); } .button_arrowup:hover { background-image: url(/assets/site/images/select-arrowup_white.svg); } .button_arrowdown:hover { background-image: url(/assets/site/images/select-arrowdown_white.svg); } } .button_facebook { background: var(--foter-backgroud-color) url(/assets/site/images/facebook.svg) left 17px center no-repeat; padding-left: 36px; padding-right: 16px; color: var(--foter-text-color); border: 1px solid var(--foter-text-color); } .button_facebook:hover { background: var(--button-round-hover-background-color) url(/assets/site/images/facebook_white.svg) left 17px center no-repeat; } .delete-button { width: 34px; height: 34px; border-radius: 150px; background: #f1f1f1 url(/assets/site/images/delete-icon.svg) center no-repeat; flex-shrink: 0; font-size: 0; border: none; transition: 0.3s; } .delete-button:hover { background: #db322b url(/assets/site/images/delete-icon_white.svg) center no-repeat; cursor: pointer; } .delete-button:active { background: var(--main-black-color) url(/assets/site/images/delete-icon_white.svg) center no-repeat; } .delete-button_small { width: 16px; height: 16px; border-radius: 50px; border: none; background: url(/assets/site/images/delete-icon.svg) center no-repeat; background-size: 7px; transition: 0.3s; } .delete-button_small:hover { background: var(--main-blue-color) url(/assets/site/images/delete-icon_white.svg) center no-repeat; background-size: 7px; cursor: pointer; }   .form__title { color: var(--main-black-color); font-size: 22px; font-weight: 700; line-height: 145%; margin-bottom: 30px; } .form__section, .form__head { margin-bottom: 20px; } .form__section .form__field { margin-bottom: 0; } .form__field { position: relative;   width: 100%; margin-bottom: 20px; } .form__label { position: absolute; font-size: 12px; font-weight: 500; color: #959595; left: 10px; top: 13px; padding: 0 5px; transition: 0.3s; } .form__required { position: absolute; top: 0; right: -3px; color: var(--main-blue-color); transition: 0.2s; } .form__input { background: #f8f8f8; border: 1px solid #edf1f6; border-radius: 5px; height: 48px; width: 100%; font-size: 14px; color: #222428; padding: 0 15px; transition: 0.3s; } .form__input_textarea { height: 130px; padding-top: 15px; padding-bottom: 15px; resize: none; } .form__input::placeholder { color: #b2b2b2; } .form__input:focus, .form__labelinput .form__input_fill { background: #fff; border: 1px solid var(--main-white-blue-color); } .form__labelinput .form__input:focus + .form__label, .form__labelinput .form__input_fill + .form__label { top: -10px; color: var(--main-white-blue-color); font-size: 11px; background: #ffffff; } .form__labelinput .form__input:focus + .form__label .form__required, .form__labelinput .form__input_fill + .form__label .form__required { opacity: 0; } .form__labelinput .form__input_fill:invalid { border: 1px solid #db322b; } .form__labelinput .form__input_fill:invalid + .form__label { color: #db322b; } .form__error { color: #db322b; font-size: 11px; transition: 0.3s; transform: scale(1,0); transform-origin: top; height: 0; overflow: hidden; } .form__labelinput .form__input_fill:invalid ~ .form__error { transform: scale(1,1); height: 20px; margin-bottom: -10px; } .form__select .form__input { font-weight: 500; background: #f8f8f8 url(/assets/site/images/select-arrowdown.svg) right 15px center no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 46px;   padding: 0 36px 0 15px; } .form__select:hover, .form__select:hover .form__input, .form__select:hover .form__label {cursor: pointer;} .form__select_open .form__input, .form__select_open:hover .form__input { background: #fff url(/assets/site/images/select-arrowup.svg) right 15px center no-repeat; border: 1px solid var(--main-white-blue-color); } .form__select_selected .form__input { background-color: #fff; border: 1px solid var(--main-white-blue-color); } .form__select_selected .form__label, .selection .form__select_selected .form__label { top: -10px; color: var(--main-white-blue-color); font-size: 11px; background: #ffffff; } .form__select-options { background: #FFFFFF; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 0px 8px rgba(0, 0, 0, 0.02), 0px 0px 16px rgba(0, 0, 0, 0.02), 0px 0px 40px rgba(0, 0, 0, 0.01); border-radius: 4px; padding: 10px 0; position: absolute; top: 54px; left: 0; z-index: 15; min-width: 100%; display: none; } .form__select-item { padding: 10px 20px; white-space: nowrap; cursor: pointer; } .form__select-item:hover { background: #FBFBFB; } .form__select-scrollbar { width: 100%; height: 200px; overflow-y: auto; overflow-x: hidden; padding: 10px 0; } .form__step { font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 3px solid var(--main-blue-color); background: #ffffff; border-radius: 150px; margin-right: 15px; flex-shrink: 0; transition: 0.3s; } .selection .form__section { display: flex; align-items: center; flex-direction: row-reverse; } .selection__form { position: relative; } .selection__car .selection__form::before { content:''; display: block; position: absolute; top: 10px; bottom: 10px; left: 15px; width: 1px; border-left: 1px dashed #dfdfdf; z-index: -1; } .selection .form__label { font-size: 14px; color: var(--main-black-color); } .form__field_disable::before { content:''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.5; z-index: 1; } .form__field_disable + .form__step { border-color: #dfdfdf; color: #b2b2b2; } .form__field_disable .form__select:hover, .form__field_disable .form__select:hover .form__input, .form__field_disable .form__select:hover .form__label {cursor: default;} .form__input_search { padding-right: 48px; } .form__button_search { width: 48px; height: 48px; border: none; font-size: 0; background: url(/assets/site/images/search-icon_orange.svg) center no-repeat; position: absolute; top: 0; right: 0; } .form__chekbox { display: none; } .form__chekbox_label { color: #333; font-family: 'Rubik', sans-serif; font-size: 13px; font-weight: 400; display: block; padding-left: 35px; position: relative; cursor: pointer; margin: 15px 0; transition: 0.3s; } .form__chekbox_label:before { content: ''; display: block; width: 22px; height: 22px; border: 2px solid #dfdfdf; border-radius: 3px; position: absolute; left: 0; top: -2px; background: #fff url(/assets/site/images/check-icon_white.svg) center no-repeat; transition: 0.3s; } @media (hover: hover) { .form__chekbox_label:hover { color: var(--main-blue-color); } .form__chekbox_label:hover:before { background: #fff url(/assets/site/images/check-icon.svg) center no-repeat; border: 2px solid #d98491; } } .form__chekbox:checked + .form__chekbox_label:before { background: var(--checkbox-checked-background-color) url(/assets/site/images/check-icon_white.svg) center no-repeat; border: 2px solid var(--checkbox-checked-border-color); } .form__chekbox:disabled + .form__chekbox_label, .form__chekbox:disabled + .form__chekbox_label:hover { color: #dfdfdf; cursor: default; } .form__chekbox:disabled + .form__chekbox_label:before, .form__chekbox:disabled + .form__chekbox_label:hover:before { border: 2px solid #f0f1f5; background: #fff url(/assets/site/images/check-icon_white.svg) center no-repeat; } .form__radio { display: none; } .form__radio_label { display: block; padding-left: 37px; position: relative; margin: 10px 0; font-weight: 500; } .form__radio_label:before { content: ''; display: block; width: 22px; height: 22px; border: 2px solid var(--radio-button-border-color); border-radius: 50%; position: absolute; left: 0; top: -2px; background: url(/assets/site/images/radio-icon_white.svg) center no-repeat; background-size: contain; background-position: center; transition: 0.2s; } .form__radio:checked + .form__radio_label:before { border: 2px solid var(--radio-button-active-border-color); background: url(/assets/site/images/radio-icon.svg) center no-repeat; background-size: contain; } @media (hover: hover) { .form__radio:not(:checked):hover + .form__radio_label { color: var(--main-blue-color); cursor: pointer; } .form__radio:not(:checked):hover + .form__radio_label:before { border: 2px solid #d98491; background: url(/assets/site/images/radio-icon_opacity.svg) center no-repeat; background-size: contain; } } .form__radio-option { padding-left: 37px; display: none; } .form__range-container {overflow:hidden;position:relative;} .form__range-inputs { display: grid; grid-template-columns: 1fr 1fr auto; grid-gap: 10px; } .form__range-inputs .form__input { -moz-appearance: textfield;   } .form__range-inputs .form__input::-webkit-outer-spin-button, .form__range-inputs .form__input::-webkit-inner-spin-button { -webkit-appearance: none; } .form .irs--round .irs-min, .form .irs--round .irs-max, .form .irs--round .irs-from, .form .irs--round .irs-to, .form .irs--round .irs-single { display: none; } .form .irs--round .irs-line { background: #b2b2b2; height: 2px; } .form .irs--round .irs-bar { background: var(--button-round-border-color); height: 2px; } .form .irs--round .irs-handle { border: 4px solid var(--button-round-border-color); } .form .irs--round .irs-handle.state_hover, .form .irs--round .irs-handle:hover { cursor: pointer; background: #fff; }   .hidetext { position: relative; overflow: hidden; transition: 0.3s; } .hidetext::before { content:''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 250px; background: linear-gradient(0deg, #ffffff, #ffffff00); border-bottom: 90px solid #ffffff; opacity: 1; transition: 0.2s; } .hidetext_open::before { opacity: 0; } .hidetext__readmore { position: absolute; left: 0; bottom: 40px; } .hidetext .hidetext__button_hide, .hidetext_open .hidetext__button_show { display: none; } .hidetext_open .hidetext__button_hide { display: flex; } .hidetext__button { width: 130px; }   .slider { width: 100%; position: relative; } .slick-list { overflow: hidden; } .slider:not(.slider_vertical) .slick-track { display: flex; } .slider-fix { min-width: 0; } .slick-arrow { width: 40px; height: 40px; cursor: pointer; font-size: 0; z-index: 10; border: 3px solid #dfdfdf; border-radius: 150px; background: #fff url(/assets/site/images/slider-arrow.svg) center no-repeat; margin: 5px; transition: 0.3s; } .slick-prev { transform: scale(-1, 1); } .slick-disabled { opacity: 0.3; cursor: default; } @media (hover: hover) { .slick-arrow:not(.slick-disabled):hover { background: #fff url(/assets/site/images/slider-arrow_orange.svg) center no-repeat; } } .slider_vertical .slick-arrow { width: 80px; height: 25px; border: 2px solid #dfdfdf; border-radius: 150px; background: #fff url(/assets/site/images/slider-arrow_vertical.svg) center no-repeat; margin: 0 0 10px; transition: 0.3s; } .slider_vertical .slick-next { transform: scale(1, -1); } @media (hover: hover) { .slider_vertical .slick-arrow:not(.slick-disabled):hover { background: #fff url(/assets/site/images/slider-arrow_vertical_orange.svg) center no-repeat; } } .slick-dots { display: flex; align-items: center; justify-content: center; width: 100%; } .slick-dots li { background: #333; width: 8px; height: 8px; margin: 5px; border-radius: 50%; cursor: pointer; } .slick-dots li.slick-active { width: 16px; height: 16px; background: #fff; border: 4px solid var(--main-blue-color); } .slick-dots li button { font-size: 0; border: none; }   .header { padding: 0; margin-bottom: 10px; } .header::after { content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; left: calc((100% - 100vw) / 2); z-index: -2; background: var(--header-white-backgroud-color); } .header__top { height: 123px; display: flex; align-items: center; justify-content: space-between; background-color: var(--header-white-backgroud-color); } .header__logo { width: 200px; } .header__phones { position: relative; width: 217px; height: 52px; z-index: 100; } .header .phones__list { padding: 15px 18px; border-radius: 5px; background: var(--header-white-backgroud-color);   transition: 0.3s; position: absolute; top: 0; left: 0; } .phones__list { font-size: 16px; font-weight: 700; } .phones__list_open { border: 1px solid #dfdfdf; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .phone__arrow { width: 28px; height: 30px; position: absolute; top: 10px; right: 10px; cursor: pointer; } .phones__main { color: var(--header-text-gray-color); display: block; } .header .phones__main { padding-right: 26px; background: url(/assets/site/images/select-arrowdown.svg) right center no-repeat; } .phones__list_open .phones__main { background: url(/assets/site/images/select-arrowup.svg) right center no-repeat; } .phones__other { padding-top: 7px; } .header .phones__other { display: none; } .phones__item { display: block; color: var(--header-text-gray-color); padding: 7px 0 7px 30px; width: max-content; } @media (hover: hover) { .phones__item:hover, .header .phones__main:hover { color: var(--header-link-hover-color); } } .phones__item_vodfone { background: url(/assets/site/images/phone-icon_vodfone.svg) left center no-repeat; } .phones__item_kievstar { background: url(/assets/site/images/phone-icon_kievstar.svg) left center no-repeat; } .phones__item_lifecell { background: url(/assets/site/images/phone-icon_lifecell.svg) left center no-repeat; } .header__menu { display: flex; align-items: center; justify-content: space-between; width: 54%; } .header__menu-item { color: var(--header-text-gray-color); font-size: 13px; font-weight: 500; } @media (hover: hover) { .header__menu-item:hover { color: var(--header-link-hover-color); } } .header__menu li { position: relative; } .header__submenu { position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); width: max-content; z-index: 50; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 5px; border: 1px solid #dfdfdf; background: var(--header-white-backgroud-color); display: none; } .header__submenu .header__menu-item { display: block; padding: 12px 20px; min-width: 200px; max-width: 270px; border-bottom: 1px solid var(--header-border-gray-color); font-size: 12px; } .header__menu-item_submenu { padding-right: 25px; background: url(/assets/site/images/select-arrowdown.svg) top 2px right no-repeat; } .header__menu-item_open { background: url(/assets/site/images/select-arrowup.svg) top 2px right no-repeat; color: var(--header-link-hover-color); } .header__lang { position: absolute; top: 20px; right: 55px; } .header__currency { position: absolute; top: 20px; right: 100px; } .switch { cursor: pointer; display: flex; align-items: center; font-size: 12px; font-weight: 500; } .switch__ua, .switch__ru { transition: 0.3s; } .switch__ua, .switch_ru .switch__ru { color: var(--header-text-gray-color); } .switch__ru, .switch_ru .switch__ua { color: #dfdfdf; } .switch__button { width: 27px; height: 15px; border-radius: 10px; border: 2px solid #dfdfdf; position: relative; margin: 0 5px; } .switch__button::after { content: ''; display: block; width: 9px; height: 9px; background: var(--header-tips-color); border-radius: 150px; position: absolute; top: 1px; left: 1px; transition: 0.3s; } .switch_ru .switch__button::after { left: 13px; } .header__bottom { position: relative; height: 60px; display: flex; border-left: 1px solid var(--header-border-gray-color); border-right: 1px solid var(--header-border-gray-color); background-color: var(--header-white-backgroud-color); } .header__bottom::after { content:''; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; left: calc((100% - 100vw) / 2); z-index: -1; background: var(--header-white-backgroud-color);       } .header__bottom-item { border-left: 1px solid var(--header-border-gray-color); display: flex; align-items: center; justify-content: center; position: relative; border-top: 1px solid var(--header-border-gray-color); } .header__category { position: relative;   width: auto; display: flex; align-items: center; justify-content: center; position: relative; } .header__search { flex: 1; position: relative; border: 1px solid var(--header-border-gray-color); border-right: none; } .header__search-mobile { display: none; } .header__vin { width: 134px; font-size: 14px; font-weight: 500; color: var(--header-text-gray-color); } .header__vin span { padding-right: 5px; } .header__vin:hover, .header__vin span { color: var(--header-tips-color); } .header__cart, .header__cabinet, .header__search-mobile { width: 90px; } .header__cart-count { width: 28px; height: 15px; border-radius: 8px; background-color: var(--header-tips-color); color: var(--header-border-gray-color); font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; position: absolute; top: 5px; right: 5px; } .header__cabinet-link { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .header__cabinet-link_authorized:hover, .header__cabinet_menuopen { background: var(--header-hover-menu-color); } .header__cabinet-link_authorized, .page_authorized .header__cabinet-link_login { display: none; } .header__cabinet-link_login, .page_authorized .header__cabinet-link_authorized { display: flex; } @media screen and (min-width:1024px) { .page_authorized .header__cabinet_menuopen .usermenu { display: block; } .page_authorized .header__cabinet-link_mob { display: none; } }   .usermenu { width: 270px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 5px; border: 1px solid #dfdfdf; background-color: #ffffff; position: absolute; top: 100%; right: 0; z-index: 100; display: none; } .usermenu__profile { padding: 20px 24px; font-size: 12px; line-height: 180%; } .usermenu__profile a { display: block; color: var(--main-black-color); } @media (hover: hover) { .usermenu__profile a:hover { color: var(--main-white-blue-color); } } .usermenu__name { font-size: 14px; font-weight: 700; } .usermenu__item { border-top: 1px solid #f1f1f1; height: 45px; padding: 0 14px 0 24px; display: flex; align-items: center; justify-content: space-between; } .usermenu__link { font-size: 12px; font-weight: 500; color: var(--main-black-color); padding: 5px 0; flex: 1; } .usermenu__link:hover { color: var(--main-blue-color); } .usermenu__count { width: 28px; height: 15px; border-radius: 8px; background-color: var(--main-blue-color); color: #ffffff; font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; }   .search__form { width: 100%; height: 100%; display: flex; } .search__field { width: 100%; position: relative; } .search__clear { width: 15px; height: 15px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: url(/assets/site/images/close-icon.svg) center no-repeat; cursor: pointer; display: none; } .search__input { width: 100%; height: 100%; border: none; font-size: 14px; padding: 0 50px 0 60px; color: var(--header-text-gray-color); font-weight: 400; background: var(--header-white-backgroud-color) url(/assets/site/images/search-icon_red.svg) left 30px center no-repeat; } .header__search_focus .search__input { background: #f8f8f8 url(/assets/site/images/search-icon_red.svg) left 30px center no-repeat; } .search__input::placeholder { color: var(--header-text-gray-color); } .search__button { height: 100%; width: 110px; padding: 0; border: 1px solid var(--main-white-blue-color); border-radius: 0; flex-shrink: 0; overflow: hidden; } .search__button.search__button_hide { width: 0; font-size: 0; border: none; } .search__history { width: 100%; position: absolute; top: calc(100% + 3px); background: #f8f8f8; border: 1px solid #dfdfdf; padding: 17px 35px 20px; z-index: 2; display: none; } .search__history-title { color: var(--main-black-color); font-size: 12px; font-weight: 700; letter-spacing: 0.3px; padding-bottom: 5px; } .search__history-item { display: block; width: max-content; padding: 5px 0 5px 25px; color: var(--main-black-color); font-size: 12px; font-weight: 500; text-transform: uppercase; background: url(/assets/site/images/search-icon.svg) left center no-repeat; } .search__history-button { margin-top: 10px; } .header__search_focus { border: 1px solid rgba(0,0,0,0); z-index: 501; }   .catmenu { z-index: 100; transition: 0.3s; cursor: pointer; position: relative; } .catmenu__button { color: var(--main-black-color); font-size: 14px; font-weight: 700; padding: 5px 5px 5px 35px; background: url(/assets/site/images/catmenu-icon.svg) left center no-repeat; transition: 0.3s; cursor: pointer; } .catmenu__button_mob { display: none; } .catmenu__button_pc::before, .catmenu__button_mob::before { content:''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .catmenu__list { background: #fff; position: absolute; top: 100%; left: 0; width: 100%; transition: 0.3s; display: none; } .catmenu__list-2 { background: #fff; display:flex;   } .catmenu__list-2 .catmenu__link { background-image:none !important; text-align: center; font-size: 14px; padding: 10px 10px; height: auto; z-index:117; } .catmenu__list-2 .catmenu__submenu-2-block { position: absolute; width: 100%; min-height: none; top: 100%; left: 0px; background: var(--header-menu-open-background-color); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); opacity:0; z-index:-1; margin-top:10px; transition: 0.2s linear 0.2s; visibility: hidden; } .catmenu__link.active+.catmenu__submenu-2-block { opacity:1; z-index:117; margin-top:0px; visibility: visible; } .catmenu__link.active { background-color: var(--header-active-menu-color)#f8f8f8; color: var(--header-active-menu-text-color)#f8f8f8;   } .catmenu__list-2 .catmenu__item:hover::after { position:fixed; top:0px;left:0px; width:100%;height:100%; background:rgba(0,0,0, 0.7); display:none;z-index:115; } .catmenu__item .catmenu__submenu-2 { display: flex; flex-direction: column; flex-wrap: wrap; min-height: 350px; max-height: 950px; padding:15px 15px; } .catmenu__item .catmenu__submenu-2>li { flex: 1 1 33%; } .catmenu__list-2 .catmenu__lastmenu { position: relative; width: auto; left: auto; top: auto; background: transparent; padding: 0px; display:block; } .catmenu__item .catmenu__submenu-2 .catmenu__submenu-item {width:auto;position:relative;} .catmenu__item .catmenu__submenu-2 .catmenu__submenu-link, .catmenu__item .catmenu__submenu-2 .catmenu__lastmenu-link { height: auto; display: block; padding: 5px 10px; font-size: 14px; color: var(--header-menu-open-title-color); } .catmenu__submenu-2 .catmenu__item:hover::after {display:none;} .catmenu__list-2 .catmenu__item {display:flex;} .catmenu__item .catmenu__submenu-2 .catmenu__submenu-link { color: var(--header-menu-open-title-color); font-weight:bold; } .catmenu__item .catmenu__submenu-2 .catmenu__lastmenu-link { color:var(--header-menu-open-link-color); } .catmenu__item .catmenu__submenu-2 .catmenu__lastmenu-link:hover { background: var(--header-menu-open-link-hover-color); color: var(--header-menu-open-link-hover-text-color); } .catmenu__submenu-2 .catmenu__submenu-item:hover::after {display:none;} .header__bottom-menu { position: relative; z-index: 110; border-top: 1px solid var(--header-border-gray-color); margin-top: -1px; padding-bottom: 1px; } .header__bottom-menu::after { content: ''; display: block; position: absolute; top: 1px; bottom: 0; width: 100vw; left: calc((100% - 100vw) / 2); z-index: -1; background: var(--header-white-backgroud-color);       } .header__bottom-menu-head {display:none;} @media (hover: hover) { .catmenu:hover { background: var(--main-black-color); } .catmenu:hover .catmenu__button { color: #fff; background: url(/assets/site/images/catmenu-icon_orange.svg) left center no-repeat; } } .catmenu_open { background: var(--main-black-color); } .catmenu_open .catmenu__button { color: #fff; background: url(/assets/site/images/catmenu-icon_orange.svg) left center no-repeat; } .catmenu_open .catmenu__list { display: block; } .catmenu__link { width: 100%; height: 50px; display: flex; align-items: center; padding: 0 20px 0 48px; border-bottom: 1px solid var(--header-border-gray-color); border-left: 1px solid var(--header-border-gray-color); border-right: 1px solid var(--header-border-gray-color); font-size: 12px; font-weight: 500; color: var(--header-text-gray-color); background-color: var(--header-white-backgroud-color); background-position: left 13px center; background-repeat: no-repeat; }       .catmenu__item:hover .catmenu__link { background-color: var(--header-hover-menu-color); border-right: 1px solid var(--header-border-gray-color); color: var(--header-hover-menu-text-color); } .catmenu__link_1, .category__link_1 {background-image: url(/assets/site/images/catmenu-icon1.svg);} .catmenu__item:hover .catmenu__link_1, .category__link_1:hover {background-image: url(/assets/site/images/catmenu-icon1_red.svg);} .catmenu__link_2, .category__link_2 {background-image: url(/assets/site/images/catmenu-icon2.svg);} .catmenu__item:hover .catmenu__link_2, .category__link_2:hover {background-image: url(/assets/site/images/catmenu-icon2_red.svg);} .catmenu__link_3, .category__link_3 {background-image: url(/assets/site/images/catmenu-icon3.svg);} .catmenu__item:hover .catmenu__link_3, .category__link_3:hover {background-image: url(/assets/site/images/catmenu-icon3_red.svg);} .catmenu__link_4, .category__link_4 {background-image: url(/assets/site/images/catmenu-icon4.svg);} .catmenu__item:hover .catmenu__link_4, .category__link_4:hover {background-image: url(/assets/site/images/catmenu-icon4_red.svg);} .catmenu__link_5, .category__link_5 {background-image: url(/assets/site/images/catmenu-icon5.svg);} .catmenu__item:hover .catmenu__link_5, .category__link_5:hover {background-image: url(/assets/site/images/catmenu-icon5_red.svg);} .catmenu__link_6, .category__link_6 {background-image: url(/assets/site/images/catmenu-icon6.svg);} .catmenu__item:hover .catmenu__link_6, .category__link_6:hover {background-image: url(/assets/site/images/catmenu-icon6_red.svg);} .catmenu__link_7, .category__link_7 {background-image: url(/assets/site/images/catmenu-icon7.svg);} .catmenu__item:hover .catmenu__link_7, .category__link_7:hover {background-image: url(/assets/site/images/catmenu-icon7_red.svg);} .catmenu__link_8, .category__link_8 {background-image: url(/assets/site/images/catmenu-icon8.svg);} .catmenu__item:hover .catmenu__link_8, .category__link_8:hover {background-image: url(/assets/site/images/catmenu-icon8_red.svg);} .catmenu__link_9, .category__link_9 {background-image: url(/assets/site/images/catmenu-icon9.svg);} .catmenu__item:hover .catmenu__link_9, .category__link_9:hover {background-image: url(/assets/site/images/catmenu-icon9_red.svg);} .catmenu__submenu { display: none; position: absolute; width: 300px; min-height: 100%; top: 0; left: 100%; background: #f8f8f8; } .catmenu__item:hover .catmenu__submenu { display: block; } .catmenu__submenu-item { width: 100%; } .catmenu__submenu-item-back {display:none;} .catmenu__submenu-link, .catmenu__lastmenu-link { height: 50px; display: flex; align-items: center; padding: 0 28px; font-size: 12px; font-weight: 500; color: #333; } .catmenu__submenu-item:hover .catmenu__submenu-link { background: var(--header-menu-open-link-hover-color); color: var(--header-menu-open-link-hover-text-color); }   .catmenu__item::after { content: ''; position: absolute; top: 0; right: 0; width: 40%; height: 100%; display: none; } .catmenu__item:hover::after { display: block; }   .catmenu__submenu-item::after { content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; display: none; } .catmenu__submenu-item:hover::after { display: block; }   .catmenu__lastmenu { display: none; position: absolute; width: 600px; height: 100%; top: 0; left: 100%; background: #f1f1f1; padding: 12px 0; overflow-y: auto; } .catmenu__submenu-item:hover .catmenu__lastmenu { display: block; } .catmenu__lastmenu-link { height: 30px; } .catmenu__lastmenu-link:hover { color: var(--main-white-blue-color); } @media screen and (min-width:1024px) { .catmenu-overlay { position: absolute; top: 100%; left: calc((100vw - 100%) / 2 * -1); width: 100vw; height: 1000vh; background: #333; z-index: 99; visibility: hidden; opacity: 0; transition: 0.3s; } .catmenu_open + .catmenu-overlay { visibility: visible; opacity: 0.8; } }   .main { padding-top: 30px;   } .main__selection { box-shadow: 0 0 6px rgba(0, 137, 170, 0.32); border: 1px solid var(--main-white-blue-color); border-radius: 5px; width: calc(42% - 15px); height: 520px; padding: 25px; }   .main__offer { box-shadow: 0 3px 6px rgba(209, 213, 226, 0.25); border: 1px solid #f1f1f1; border-radius: 5px; height: 440px; } .main__selection+.main__offer { width: calc(58% - 15px); } .selection__head, .selection__title, .selection__text, .selection__form { width: 100%; max-width: 330px; margin: 0 auto; } .selection__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .selection__maintitle { color: var(--main-black-color); font-size: 14px; font-weight: 900; text-transform: uppercase; } .selection__choice { display: flex; background: #f8f8f8; border-radius: 5px; } .selection__choice-item.tabs__link { height: 33px; display: flex; align-items: center; padding: 0 10px; color: var(--main-white-blue-color); font-size: 12px; font-weight: 500; text-decoration: underline; border-radius: 5px; border: none; margin: 0; } .selection__choice-item.tabs__link_active { background: var(--main-blue-color); color: #ffffff; text-decoration: none; } .selection__choice-item.tabs__link:not(.tabs__link_active):hover { color: var(--main-blue-color); } .selection__choice-item.tabs__link_active:hover { cursor: default; text-decoration: none; color: #ffffff; } .selection__title { color: var(--main-black-color); font-size: 22px; font-weight: 700; padding-bottom: 10px; line-height: 120%; } .selection__text { color: #333; font-family: 'Rubik', sans-serif; font-size: 14px; font-weight: 400; padding-bottom: 25px; } .selection__vin-search { padding-bottom: 12px; } .selection__vin-select { padding-top: 32px; border-top: 1px solid #f0f1f5; } .offer__slider { height: 100%; } .offer__item { height: 100%; padding: 73px 55px; position: relative; } .offer__sticker { font-size: 13px; font-weight: 900; text-transform: uppercase; color: #fff; border-radius: 24px; background: var(--main-blue-color); padding: 0 25px; height: 36px; display: flex; align-items: center; width: max-content; margin-bottom: 23px; } .offer__title { color: var(--main-black-color); font-size: 35px; font-weight: 900; text-transform: uppercase; line-height: 130%; padding-bottom: 10px; width:70%; } .offer__discount { color: var(--main-blue-color); font-size: 42px; font-weight: 900; line-height: 130%; padding-bottom: 10px; } .offer__image { position: absolute; top: 0; right: 0; height: 100%; width: 60%; z-index: -1; } .offer__image .photo { object-fit: contain; object-position: center right; } .offer__nav { display: flex; align-items: center; padding: 0 55px; margin-top: -90px; position: relative; z-index: 2; } .offer__nav .slider-dots { margin-right: 15px; }   .podbor_block {transition: 0.2s;min-height:0px;padding-bottom:20px;} .podbor_active {min-height:260px;} .podbor__title { font-weight:bold; font-size: 22px; font-family: 'Montserrat', sans-serif; color: var(--main-black-color); padding-bottom:10px; } .podbor__subtitle { font-size: 14px; color: #333; padding-bottom:25px; } .podbor__items { display: flex; align-items: center; justify-content:space-between; margin:0px -10px; position: relative; } .podbor__item {flex-grow: 1;} .podbor__item-inner {margin:0px 10px;} .podbor__years { position: absolute; z-index: 10; max-width: 635px; top: 50px; margin-top:10px; } .podbor__years-inner { padding:15px 15px 5px 15px; border-radius: 5px; background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } .podbor__year {color:var(--main-black-color);font-size:14px;float:left;font-weight: 600;} .podbor__years-items {margin-left: 70px;margin-bottom:8px;} .podbor__years-items div {display:inline-block;width:45px;margin-bottom:3px;} .podbor__years-items a {color: var(--main-white-blue-color);font-size: 14px;} .podbor__years-items a:hover {color: #b40923;}   .podbor_brand_block { position: absolute; z-index: 10; max-width: 635px; top: 50px; margin-top:10px; } .podbor_brand_block-inner { padding:15px 15px 5px 15px; border-radius: 5px; background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } .podbor_brand_block {color:var(--main-black-color);font-size:14px;float:left;font-weight: 400;} .podbor_brand_block-items {margin-bottom:8px;} .podbor_brand_block-items div {display:inline-block;width:148px;margin-bottom:3px;} .podbor_brand_block-items a {color: var(--main-white-blue-color);font-size: 14px;} .podbor_brand_block-items a:hover {color: #b40923;}     .podbor_model_block { position: absolute; z-index: 10; max-width: 635px; top: 50px; margin-top:10px; } .podbor_model_block-inner { padding:15px 15px 5px 15px; border-radius: 5px; background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } .podbor_model_block {color:var(--main-black-color);font-size:14px;float:left;font-weight: 400;} .podbor_model_block-items {margin-bottom:8px;} .podbor_model_block-items div {display:inline-block;width:148px;margin-bottom:3px;} .podbor_model_block-items a {color: var(--main-white-blue-color);font-size: 14px;} .podbor_model_block-items a:hover {color: #b40923;}   @media screen and (max-width:1024px) { .podbor__items {display: block;} }   .category__list { grid-template-columns: repeat(3, 1fr); } .category__item { box-shadow: 0 3px 6px rgba(209, 213, 226, 0.25); border-radius: 5px; border: 1px solid #f1f1f1; transition: 0.3s; } .category__item:hover { box-shadow: 0 0 25px #dfdfdf; border-radius: 5px; border: 1px solid #dfdfdf; } .category__link { min-height: 128px; display: flex; align-items: center; padding: 10px 95px 10px 25px; background-position: right 30px center; background-repeat: no-repeat; background-size: 56px 60px; font-size: 18px; font-weight: 700; color: var(--main-black-color); line-height: 140%; } .category__button { margin: 30px 0 0 auto; } .subcategory { padding: 0 25px 0; } .subcategory__item { padding-bottom: 20px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 500; } .subcategory__link { color: var(--main-black-color); } .subcategory__link:hover { color: var(--main-blue-color); } .subcategory__count { color: #b2b2b2; } .category__alllink { margin: 10px 0 30px 25px; } .category__head { padding-bottom: 40px; } .category__alarm { font-size: 16px; font-weight: 700; background: url(/assets/site/images/alarm-icon.svg) top left no-repeat; padding: 2px 0 0 32px; } .category__item_selection { box-shadow: 0 0 6px rgba(0, 137, 170, 0.32); border: 1px solid var(--main-white-blue-color); border-radius: 5px; padding: 38px 25px 20px; } .category__item_selection + .category__item { display: none; } .compatibility { background: url(/assets/site/images/compatible-icon.svg) top left no-repeat; padding: 2px 0 0 32px; font-size: 16px; font-weight: 700; color: var(--main-black-color); } .compatibility__select { display: inline-flex; align-items: center; } .compatibility__select .form__field { margin-bottom: 0; } .compatibility__select .form__select .form__input { background: none; overflow: visible; text-overflow: unset; white-space: nowrap; line-height: inherit; padding: 0; border: none; border-bottom: 1px dashed var(--main-white-blue-color); border-radius: 0; height: auto; width: max-content; font-size: 16px; font-weight: 700; color: var(--main-white-blue-color); padding: 0; } .compatibility__select .form__select .form__input:hover, .compatibility__select .form__select_open .form__input { color: var(--main-blue-color); border-color: #fff; } .compatibility__select .form__select-options { top: 35px; padding: 0; font-size: 12px; font-weight: 500; } .compatibility__select .form__select-item { border-bottom: 1px solid #f1f1f1; width: 245px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; } .compatibility__select .form__select-item:hover { background: none; color: var(--main-blue-color); } .compatibility__radio { width: 22px; height: 22px; border-radius: 50px; border: 2px solid #6a6e78; background: url(/assets/site/images/radio-icon_white.svg) center no-repeat; background-size: contain; background-position: center; transition: 0.2s; } .compatibility__select .form__select-item_selected:hover { cursor: default; color: #333; } .compatibility__select .form__select-item_selected .compatibility__radio { border: 2px solid var(--main-blue-color); background: url(/assets/site/images/radio-icon.svg) center no-repeat; background-size: contain; } .compatibility__select .form__select-item:not(.form__select-item_selected):hover .compatibility__radio { border: 2px solid #d98491; background: url(/assets/site/images/radio-icon_opacity.svg) center no-repeat; background-size: contain; } .compatibility__car { flex: 1; padding: 0 16px; transition: 0.2s; overflow: hidden; text-overflow: ellipsis; } .compatibility__button.button { margin: 15px; background: url(/assets/site/images/plus_blue.svg) left 16px center no-repeat; padding-left: 38px; padding-right: 22px; } .compatibility__button.button:hover { background: var(--main-blue-color) url(/assets/site/images/plus_white.svg) left 16px center no-repeat; }   .news__content { grid-template-columns: repeat(3, 1fr); } .news__item { display: block; padding: 20px 20px 40px; border-radius: 5px; background: #ffffff; border: 1px solid #ffffff; } .news__item:hover { box-shadow: 0 0 25px #dfdfdf; border: 1px solid #dfdfdf; } .news__info { display: flex; align-items: center; justify-content: space-between; padding: 20px 0 30px; } .news__date { color: var(--main-black-color); font-size: 12px; font-weight: 500; width: max-content; height: 32px; border-radius: 16px; background-color: #f8f8f8; padding: 16px; display: flex; align-items: center; } .news__title { color: var(--main-black-color); font-size: 16px; font-weight: 600; line-height: 150%; } .news__head { display: flex; margin-bottom: 30px; position: relative; } .news__head::after { content:''; display: block; position: absolute; bottom: 1px; height: 1px; width: 100vw; left: calc((100% - 100vw) / 2); z-index: -1; background: #dfdfdf; } .news__category { padding-bottom: 30px; border-bottom: 3px solid rgba(0,0,0,0); margin-right: 46px; color: var(--main-black-color); font-size: 16px; font-weight: 600; } .news__category_active { color: var(--button-round-border-color); border-color: var(--button-round-border-color); cursor: default; } .news__category:not(.news__category_active):hover { color: var(--main-white-blue-color); } .news .etimer__text { position: absolute; width: 100%; } .news .etimer__separ { padding: 0 4px; }   .about { display: flex; } .about__content { width: 66%; } .about__image { width: 34%; } .about__image img { width: 75%; } .about__text { padding: 50px 70px 70px; font-family: 'Rubik', sans-serif; color: #333; line-height: 170%; } .about__text h1 { color: #333; font-size: 22px; font-weight: 700; padding-bottom: 30px; line-height: 130%; } .about .hidetext { height: 470px; } .about .hidetext__readmore { padding-left: 70px; }   @media screen and (min-width:1023px) { .slide__head {display: none;} } @media screen and (max-width:1023px) { .slide:not(#search, #search_reg_nr) { display: block; background: #fff; position: fixed; top: 0; height: 100vh; transition: 0.4s; z-index: 1000; width: 310px; padding: 30px 20px; overflow-y: auto; border: none; border-radius: 0; box-shadow: none; height: calc(100% + 70px); border-bottom: 70px solid #fff; } .slide_left { left: 0; transform: translateX(-100%); } .slide_right { right: 0; transform: translateX(100%); } .slide_open { transform: translateX(0); } .slide__head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 30px; } .slide__title { font-size: 24px; font-weight: 700; } .slide__close img { padding: 5px; } } @media screen and (max-width:767px) { .slide#search { display: block; position: fixed; top: 90px; left: 50%; transform: translateX(-50%); width: calc(100% - 20px); max-width: 500px; height: 60px; transition: 0.4s; z-index: 1000; border: none; } .slide_top#search { transform: translateY(-400px) translateX(-50%); opacity: 0; } .slide_open#search { transform: translateY(0) translateX(-50%); opacity: 1; } }   @media screen and (min-width:1023px) { .mobilemenu {display: none;} } @media screen and (max-width:1023px) { .mobilemenu__list, .usermenu__list { width: calc(100% + 40px); margin-left: -20px; } .mobilemenu__item { border-top: 1px solid #f1f1f1; padding: 0 20px; } .mobilemenu__item:last-child { border-bottom: 1px solid #f1f1f1; } .mobilemenu__item_big { border: none; align-items: flex-start; padding-bottom: 16px; } .mobilemenu__item_big .mobilemenu__link { padding: 5px 0; font-size: 18px; font-weight: 700; } .mobilemenu__link { display: block; font-size: 12px; font-weight: 500; color: var(--main-black-color); padding: 12px 0; width: 100%; } .mobilemenu__link_submenu { background: url(/assets/site/images/select-arrowdown.svg) center right no-repeat; } .mobilemenu__link_open { background: url(/assets/site/images/select-arrowup.svg) center right no-repeat; } .mobilemenu__submenu { width: 100%; padding-bottom: 10px; display: none; } .mobilemenu__submenu .mobilemenu__link { padding: 8px 12px; position: relative; } .mobilemenu__submenu .mobilemenu__link::before { content:''; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 4px; height: 4px; border-radius: 50px; background: var(--main-blue-color); } .mobilemenu .phones { padding-top: 30px; } }   .card { padding: 30px 20px; border: 1px solid rgba(0, 0, 0, 0); background: #ffffff; position: relative; transition: 0.3s; } .card:not(.cart__item):hover { box-shadow: 0 0 25px #dfdfdf; border-radius: 5px; border: 1px solid #dfdfdf; border-bottom: 1px solid #fff; z-index: 10; } .card__image { padding-bottom: 100%; margin-bottom: 20px; } .card__image .photo { object-fit: contain; width: 80%; height: 80%; top: 50%; left: 50%; transform: translate(-50%,-50%); } .card_empty .photo { opacity: 0.3; } .stickers { position: absolute; top: 0; left: 0; }                                             .sticker_stock { color: var(--main-blue-color); border-color: var(--main-blue-color); } .sticker_discount { background: var(--main-black-color); border-color: var(--main-black-color); color: #fff; } .card__icon { width: 32px; height: 32px; border-radius: 5px; border: 1px solid #f8f8f8; flex-shrink: 0; } .card__icon_place { background: #ffffff url(/assets/site/images/card-icon.svg) center no-repeat; position: absolute; bottom: 0; left: 0; } .slick-current .card__icon_place .tooltip__content { left: calc(50% + 12px); } .addfavorite { width: 32px; height: 32px; border-radius: 5px; border: 1px solid #f8f8f8; background: #ffffff url(/assets/site/images/favorite-icon.svg) center no-repeat; position: absolute; top: 0; right: 0; transition: 0.3s; } @media (hover: hover) { .addfavorite:hover { background: #ffffff url(/assets/site/images/favorite-icon_orange.svg) center no-repeat; cursor: pointer; } .addfavorite:hover .addfavorite__tooltip { visibility: visible; opacity: 1; } } .addfavorite_added, .addfavorite_added:hover { background: #ffffff url(/assets/site/images/favorite-icon_fill.svg) center no-repeat; } .addfavorite__tooltip { width: 130px; height: 60px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 5px; border: 1px solid #dfdfdf; background: #ffffff; color: #333; font-size: 12px; font-weight: 500; display: flex; align-items: center; text-align: center; position: absolute; top: calc(100% + 18px); left: 50%; transform: translateX(-50%); transition: 0.3s; visibility: hidden; opacity: 0; cursor: default; z-index: 150; } .addfavorite__tooltip_added, .addfavorite_added .addfavorite__tooltip_empty { display: none; } .addfavorite_added .addfavorite__tooltip_added { display: flex; } .card__name { margin-bottom: 10px; min-height: 80px; text-align: center; } .cart__item .card__name { text-align: left; } .card__title { text-align: center; color: #333; font-weight: 400; font-size: 12px; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .card__brand { text-align: center; color: var(--main-black-color); font-size: 14px; font-weight: 600; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .card__number { display: inline-block; text-align: center; color: var(--main-white-blue-color); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: max-content; } .card__number:hover { color: var(--button-main-background-color); } .card__available { color: #333; font-size: 12px; font-weight: 400; width: max-content; margin: 0 auto 10px; padding-left: 18px; position: relative; } .card__available::before { content:''; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 10px; height: 10px; background: #9dcf63; border-radius: 150px; } .card__price { color: var(--main-black-color); font-size: 18px; font-weight: 700; text-align: center; white-space: nowrap; } .card__price_stock { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: var(--main-blue-color); } .card__oldprice { text-decoration: line-through; font-size: 12px; font-weight: 500; padding-right: 12px; color: var(--main-black-color); } .card__more { position: absolute; left: -1px; right: -1px; padding: 20px 20px 30px; background: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0); border-top: none; transition: 0.3s; z-index: 20; margin-top: -1px; opacity: 0; visibility: hidden; } .card:hover .card__more { box-shadow: 0 20px 20px #dfdfdf; border-radius: 0 0 5px 5px; background: rgba(255,255,255,1.0); border: 1px solid #dfdfdf; border-top: none; opacity: 1; visibility: visible; } .card:not(.cart__item)::before { content:''; display: block; position: absolute; top: 100%; left: 0; width: 100%; height: 25px; background: #fff; transition: 0.3s; } .card:hover::before { transition: none } .card__info { text-align: center; padding-bottom: 20px; } .card__info_select { text-align: left; } .card__info_select .form__radio_label { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 13px; } .card__buttons { display: flex; align-items: center; justify-content: center; } .quantity { display: flex; align-items: center; } .quantity__input { border: 1px solid #b2b2b2; border-radius: 5px; width: 50px; height: 46px; text-align: center; font-size: 14px; font-weight: 500; -moz-appearance: textfield;   } .quantity__input::-webkit-outer-spin-button, .quantity__input::-webkit-inner-spin-button { -webkit-appearance: none; } .quantity__btn { width: 30px; height: 30px; margin: 5px 0; border-radius: 5px; background-color: #E0E0E0; border: none; font-size: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; } .quantity__btn_up { background: url(/assets/site/images/plus.svg) center no-repeat; } .quantity__btn_dwn { background: url(/assets/site/images/minus.svg) center no-repeat; } .quantity__btn_disable { background: url(/assets/site/images/minus_gray.svg) center no-repeat; cursor: default; } .card__other { margin: 30px auto 0; } .card_empty .photo { opacity: 0.3; } .card_empty .card__available::before { background: #dfdfdf; } .card_empty .card__available + .card__price { color: #dfdfdf; } .card_empty .card__buttons { display: none; } .productlist__title { font-size: 16px; font-weight: 700; margin: 20px 0; padding-top: 30px; } .productlist__title_first { padding-top: 0; margin-top: 0; } .productlist__listview .card { display: flex; border-radius: 5px; border: 1px solid #dfdfdf; padding: 15px 20px; margin-bottom: 10px; } .productlist__listview .card:hover { z-index: unset; } .productlist__listview .card::before { display: none; } .productlist__listview .card__image { width: 35px; height: 35px; padding-bottom: 0; margin-right: 18px; } .productlist__listview .card__image .photo { display: none; } .productlist__listview .stickers { position: relative; display: flex; } .productlist__listview .sticker { margin-right: 5px; } .productlist__listview .card__name { text-align: left; flex: 1; margin: 0; min-height: auto; } .productlist__listview .card__title, .productlist__listview .card__brand, .productlist__listview .card__number { text-align: left; } .productlist__listview .card__icons { display: flex; justify-content: space-between; width: 15%; min-width: max-content; margin-right: 20px; flex-shrink: 0; } .productlist__listview .card__icon { margin: 0 5px; } .productlist__listview .card__icon_place { position: relative; } .productlist__listview .card__icon_characteristic { font-size: 0; background: url(/assets/site/images/tooltip-icon_blue.svg) center no-repeat; border: none; } .productlist__listview .card__icon_characteristic:hover { background: url(/assets/site/images/tooltip-icon_red.svg) center no-repeat; } .productlist__listview .card__icon_photo { background: url(/assets/site/images/photo-icon.svg) center no-repeat; } .productlist__listview .card__icon_photo:hover { background: url(/assets/site/images/photo-icon_red.svg) center no-repeat; } .productlist__listview .card__info { min-width: 300px; width: 50%; margin-left: 1%; padding: 0; } .productlist__listview .card__info-item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .productlist__listview .card__info-item:last-child { margin-bottom: 0; } .productlist__listview .card__other { margin: 15px 0 0 auto; } .productlist__listview .card__quantity { position: relative; padding-left: 15px; font-size: 13px; font-weight: 500; line-height: 110%; text-align: left; color: #333; width: 24%; } .productlist__listview .card__quantity::before { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 6px; height: 6px; border-radius: 150px; } .productlist__listview .card__quantity_few::before { background: #f15656; } .productlist__listview .card__quantity_medium::before { background: #ffc400; } .productlist__listview .card__quantity_many::before { background: #9dcf63; } .productlist__listview .card__available { font-size: 13px; font-weight: 500; color: #333; text-align: left; white-space: nowrap; margin: 0; padding: 0; width: 32%; } .productlist__listview .card__available::before { display: none; } .productlist__listview .card__price { font-size: 13px; text-align: right; width: 32%; } .productlist__listview .card__addtocart { width: 32px; height: 32px; border: 1px solid var(--button-round-border-color); border-radius: 5px; background: url(/assets/site/images/cart-icon_small.svg) center no-repeat; background-size: 20px; transition: 0.3s; cursor: pointer; margin-left: 17px; flex-shrink: 0; } @media (hover: hover) { .productlist__listview .card__addtocart:not(.card__addtocart_active):hover { background: var(--button-round-hover-background-color) url(/assets/site/images/cart-icon_small_white.svg) center no-repeat; } } .productlist__listview .card__addtocart_active { background: var(--main-blue-color) url(/assets/site/images/check-icon_small_white.svg) center no-repeat; background-size: 15px; } .characteristic__title { font-size: 22px; font-weight: 700; margin-bottom: 10px; } .characteristic__productname { font-size: 16px; font-weight: 500; margin-bottom: 30px; } .characteristic__item { border-top: 1px solid #f1f1f1; padding: 15px 0; display: flex; justify-content: space-between; } .characteristic__item_last { border-bottom: 1px solid #f1f1f1; margin-bottom: 30px; } .characteristic__property { margin-right: 10px; } .characteristic__value { text-align: right; } .characteristic__button { margin: 0 0 0 auto; }   .popular { margin-bottom: 10px; } .popular__slider { z-index: 2; } .popular__slider .slick-list { overflow: visible; position: relative; } .popular__slider .slick-list::after, .popular__slider .slick-list::before { content:''; display: block; position: absolute; top: -30px; bottom: -200px; width: 100vw; background: #fff; z-index: 2; } .popular__slider .slick-list::after { right: calc(100% + 15px); } .popular__slider .slick-list::before { left: calc(100% + 15px); } .popular__slider .form__radio_label { padding-left: 30px; }   .footer { position: relative; min-height: 100px;   padding-top: 25px; display: flex; justify-content: space-between; flex-wrap: wrap; font-weight: 500; font-size: 12px; color: var(--foter-text-color); line-height: 180%; } .footer::after { content:''; display: block; position: absolute; top: 0; bottom: 0; left: -100vw; right: -100vw; z-index: -1; background: var(--foter-backgroud-color); } .footer__bottom { width: 100%; padding: 37px 0; display: flex; align-items: center; justify-content: space-between; position: relative; margin-top: 50px; }                     .footer b { display: block; padding-bottom: 3px; } .footer__phones { padding-left: 40px; padding-bottom: 35px; background: url(/assets/site/images/phones-icon.svg) top 5px left no-repeat; font-weight: 700; } .footer__phones a { color: var(--foter-text-color); } @media (hover: hover) { .footer__phones a:hover { color: var(--foter-link-hover-color); } } .footer__adress { padding-left: 40px; background: url(/assets/site/images/adress-icon.svg) top 5px left no-repeat; } .footer__worktime { padding-left: 40px; padding-right: 80px; background: url(/assets/site/images/watch-icon.svg) top 5px left no-repeat; } .footer__button { margin-top: 35px; } .footer__menu { width: 225px; } .footer__payments { width: 305px; } .footer__menu-link { display: block; width: max-content; color: var(--foter-text-color); padding-bottom: 8px; } .footer__menu-link:hover { color: var(--foter-link-hover-color); } .footer__copyright { padding-left: 50px; flex: 1; color: #b2b2b2; font-size: 10px; line-height: 180%; } .footer__payments {       margin-top: 15px; } .footer__payments div { display: flex; align-items: center; } .footer__payments img { padding: 0 5px; margin-top: 5px; }   .up { position: fixed; bottom: 20px; right: 20px; background: #000; width: 35px; height: 35px; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.3s; z-index: 150; } .up:after { content: ''; display: block; width: 30%; height: 30%; border-left: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(45deg); margin-top: 15%; transition: 0.3s; } @media (hover: hover) { .up:hover {background: var(--main-blue-color);} .up:hover:after {margin-top: 0;} }   .popup__overlay { position: fixed; top: 0; left: 0; width: 100%; height: calc(100vh + 140px); transform: translateY(-70px); background: rgba(51,51,51,0.8); z-index: 1000; transition: 0.5s; opacity: 0; } .popup_show .popup__overlay { opacity: 1; } .popup { position:fixed; top:0; left: 0; width: 100%; height: calc(100% + 70px); padding: 15px; padding-bottom: calc(15px + 70px); overflow: hidden; -webkit-overflow-scrolling: touch;   display: flex; z-index: 1001; visibility: hidden; } .popup_show { overflow-y: auto; } .popup__box { position: relative; margin: auto; max-width: 850px;   background: #fff; padding: 40px; border-radius: 10px; box-shadow: 0 0 21px rgba(0, 0, 0, 0.16); z-index: 1001; transform: translateY(-100vh); opacity: 0; } .popup_show .popup__box { transition: transform 0.5s; transform: translateY(0); opacity: 1; } .popup_text .popup__box { width: 100%; max-width: 770px; padding-left: 100px; padding-right: 100px; } .popup__close { position: absolute; top: 0px; right: 0px; width: 26px; height: 26px; margin: 30px; background: url(/assets/site/images/close-icon.svg) center no-repeat; border-radius: 5px; cursor: pointer; transition: 0.3s; } .popup__close:hover { background-color: #f1f1f1; } .popup__title { font-size: 22px; font-weight: 700; padding-bottom: 30px; }   .cart .popup__box { width: 100%; } .cart .card { border-top: 1px solid #f1f1f1; display: flex; align-items: center; justify-content: space-between; padding: 20px 0; } .cart .card__image { width: 70px; height: 70px; padding-bottom: 0; margin: 0 30px 0 0; } .cart .card__name { margin: 0 30px 0 0; width: 25%; } .cart .card__title, .cart .card__brand, .cart .card__number { text-align: left; padding-bottom: 3px; } .cart .card__name .card__price { text-align: left; font-size: 14px; margin: 5px 0 0 0; width: 100%; } .cart .card__available { font-size: 13px; width: 110px; margin: 0 30px 0 0; padding-left: 34px; background: url(/assets/site/images/avalible-icon.svg) left center no-repeat; height: 24px; display: flex; align-items: center; flex-shrink: 0; } .cart .card__available_days { background: url(/assets/site/images/avalibledays-icon.svg) left center no-repeat; } .cart .card__available::before { display: none; } .cart .card .quantity { display: flex; margin-right: 30px; flex-shrink: 0; } .cart .card__price { width: 15%; text-align: right; margin-right: 30px; } .cart__footer { border-top: 1px solid #f1f1f1; padding-top: 5px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .cart__sum { width: 70%; text-align: right; font-size: 18px; font-weight: 700; padding: 20px 0; } .cart__total { color: var(--main-blue-color); }   .login .popup__box { width: 100%; max-width: 450px; } .login .form__remember { display: flex; align-items: center; justify-content: space-between; } .login .form__chekbox_label { margin: 10px 0; } .login .form__button { width: 225px; margin: 20px auto 30px; } .login .form__footer { display: flex; align-items: center; justify-content: space-between; padding-top: 30px; border-top: 1px solid #d6d6d6; } .login .form__footer-text { font-weight: 500; } .login .popup__title_remind, .login .form_remind { display: none; } .login .form_remind .form__button { margin-bottom: 0; }   .section.breadcrumbs { margin-bottom: 0; } .breadcrumbs { font-size: 12px; font-weight: 500; padding-top: 20px; padding-bottom: 20px; color: #b2b2b2; } .breadcrumbs__link { color: #b2b2b2; } .breadcrumbs__link:hover { color: var(--main-white-blue-color); } .breadcrumbs__separ { padding: 0 3px; }   .error { display: flex; align-items: center; } .error__image { width: 50%; } .error__content { width: 50%; padding: 55px 8%; } .error__title { font-size: 32px; font-weight: 700; line-height: 140%; padding-bottom: 30px; } .error__text { color: #333; font-size: 14px; line-height: 170%; font-weight: 500; padding-bottom: 45px; } .error__phone { height: 23px; color: #333; font-size: 18px; font-weight: 700; display: flex; align-items: center; padding-left: 30px; background: url(/assets/site/images/phones-icon.svg) left center no-repeat; } @media (hover: hover) { .error__phone:hover { color: var(--main-blue-color); } }   .thanks { display: flex; align-items: center; padding-bottom: 30px; } .thanks__image { width: 40%; } .thanks__content { width: 60%; padding: 55px 8%; } .thanks__order { color: var(--main-black-color); font-size: 22px; font-weight: 700; line-height: 150%; padding-bottom: 10px; } .thanks__order-number { white-space: nowrap; } .thanks__text { color: #333; font-size: 14px; line-height: 170%; font-weight: 500; padding-bottom: 45px; } .thanks__sum { font-size: 18px; font-weight: 700; color: var(--main-black-color); padding-bottom: 20px; } .thanks__price { color: var(--main-blue-color); } .pay .popup__box { width: 100%; max-width: 430px; } .pay__button { width: 275px; margin: 0 auto 25px; }   .etimer { display: flex; align-items: center; } .etimer__item { position: relative; } .etimer__numbers { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 5px; background-color: var(--main-blue-color); color: #ffffff; font-size: 14px; font-weight: 700; } .etimer__text { color: var(--main-black-color); font-size: 10px; font-weight: 500; line-height: 14px; text-align: center; } .etimer__separ { color: var(--main-black-color); padding: 0 4px 10px; }   .article__title { font-size: 32px; font-weight: 700; line-height: 140%; text-align: center; padding-bottom: 20px; } .article__head { max-width: 770px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding-bottom: 23px; } .article__head-flex { flex: 1; } .stock-sticker { font-size: 10px; font-weight: 900; text-transform: uppercase; height: 23px; border-radius: 24px; background: var(--main-blue-color); color: #fff; display: flex; align-items: center; padding: 0 10px; width: max-content; } .publication-date { color: var(--main-black-color); font-size: 12px; font-weight: 500; width: max-content; height: 32px; border-radius: 16px; background-color: #f8f8f8; padding: 16px; display: flex; align-items: center; } .article .countdown-timer { margin-left: 20px; } .article__content, .registration__text { max-width: 770px; margin: 0 auto; color: #333; font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 400; line-height: 175%; } .article__content img, .tabs__text img { display: block; margin: 0 auto; margin-bottom: 30px; } .article__content h2, .article__content h3 { color: var(--main-black-color); font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 700; line-height: 140%; padding: 10px 0 30px; } .article__content h3 { font-size: 24px; } .article__content ul, .registration__text ul { padding: 0 0 20px 20px; } .article__content ul li, .registration__text ul li { position: relative; padding-bottom: 10px; } .article__content ul li::before, .registration__text ul li::before { content:''; display: block; position: absolute; left: -18px; top: 12px; width: 5px; height: 5px; border-radius: 50px; background: var(--main-blue-color); } .article__content blockquote { padding-left: 100px; margin: 20px 0 50px; font-style: italic; background: url(/assets/site/images/blockquote-icon.svg) top 5px left no-repeat; } .article__content blockquote b { display: block; font-family: 'Rubik', sans-serif; font-weight: 500; font-size: 16px; color: #333; } .article__content b { font-family: 'Montserrat', sans-serif; color: var(--main-black-color); font-size: 18px; font-weight: 700; } .article__content table { font-family: 'Montserrat', sans-serif; color: var(--main-black-color); font-size: 14px; font-weight: 500; line-height: 140%; margin-bottom: 50px; border-bottom: 3px solid #f8f8f8; } .article__content table th, .article__content table td { padding: 16px 20px; text-align: left; } .article__content table th { background: #e4f4f6; font-weight: 700; } .article__content table tr:nth-child(odd) { background: #f8f8f8; } .article__footer { border-top: 1px solid #f1f1f1; margin-top: 30px; padding: 30px 0; display: flex; align-items: center; justify-content: space-between; } .article__links { display: flex; align-items: center; } .article__share { margin-left: 35px; } .article__source { font-weight: 300; } .article__author { font-weight: 700; color: var(--main-black-color); } .article__author:hover { color: var(--main-blue-color); }   .pagenav { display: flex; align-items: center; justify-content: center; padding: 30px 0; } .pagenav__button { flex-shrink: 0; display: inline-block; width: 40px; height: 40px; cursor: pointer; font-size: 0; border: 3px solid #dfdfdf; border-radius: 150px; background: #fff url(/assets/site/images/slider-arrow.svg) center no-repeat; margin: 5px; transition: 0.3s; position: relative; } @media (hover: hover) { .pagenav__button:hover { background: #fff url(/assets/site/images/slider-arrow_orange.svg) center no-repeat; } } .pagenav__button_prev { transform: scale(-1, 1); margin-right: 15px; } .pagenav__button_next { margin-left: 15px; } .pagenav__button_disable, .pagenav__button_disable:hover { background: #fff url(/assets/site/images/slider-arrow.svg) center no-repeat; opacity: 0.3; cursor: default; } .pagenav__page { border-radius: 150px; padding: 0px 15px; margin: 0 5px; height: 40px; font-size: 16px; font-weight: 500; color: var(--main-white-blue-color); transition: 0.3s; display: flex; align-items: center; } .pagenav__page_active { font-weight: 900; color: var(--main-blue-color); } .pagenav__page:hover { background: #f8f8f8; } .pagenav__page_active:hover, .pagenav__page_dots:hover { background: none; cursor: default; }   .contacts { display: flex; justify-content: space-between; } .contacts__text { width: 30%; font-weight: 500; color: #333; line-height: 180%; } .contacts__text b { display: block; font-weight: 700; padding-bottom: 3px; } .contacts__adress { background: url(/assets/site/images/adress-icon.svg) top 5px left no-repeat; padding: 0 0 30px 40px; } .contacts__phones { background: url(/assets/site/images/phones-icon.svg) top 5px left no-repeat; padding: 0 0 30px 40px; } .contacts__phones a { color: #333; } @media (hover: hover) { .contacts__phones a:hover { color: var(--main-blue-color); } } .contacts__worktime { background: url(/assets/site/images/watch-icon.svg) top 5px left no-repeat; padding: 0 0 0 40px; } .contacts__button { margin-top: 35px; } .contacts__form { width: 32%; font-weight: 500; } .contacts__form .button { margin: 0 auto; } .contacts__image { width: 30%; text-align: center; color: var(--main-black-color); font-family: 'Rubik', sans-serif; font-size: 16px; font-style: italic; line-height: 130%; } .contacts__image img { margin-bottom: 20px; } .map iframe { width: 100%; height: 550px; }   .registration { display: flex; justify-content: space-between; } .registration__form { width: 386px; } .registration__info { width: 60%; text-align: center; } .registration__text { max-width: 470px; margin: 0 auto; text-align: left; } .registration__title { color: var(--main-black-color); font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 700; line-height: 120%; padding-bottom: 20px; } .registration__image { margin-top: 65px; } .registration .form__head { display: flex; justify-content: space-between; } .registration .button { margin-top: 20px; width: 100%; } .from__indicator { padding-bottom: 30px; } .from__indicator-note { margin-bottom: 24px; font-size: 12px; font-weight: 500; display: flex; align-items: center; } .from__indicator-note .tooltip { margin-left: 8px; } #meter .entropizer-track { background-color: #e8e8e8; border-radius: 2px; height: 4px; } #meter .entropizer-bar { height: 4px; transition: background-color 0.75s ease, width 0.25s ease-out; }   .order { display: flex; justify-content: space-between; } .order__forms { width: 48%; } .order__form { padding: 10px 0 20px 100px; border-bottom: 1px solid #f1f1f1; margin-bottom: 40px; position: relative; } .order__form::before { content:''; display: block; position: absolute; top: 0; left: 0; width: 50px; height: 50px; border: 2px solid #f1f1f1; border-radius: 150px; } .order__form_contacts::before { background: url(/assets/site/images/order-icon_contacts.svg) center no-repeat; } .order__form_delivery::before { background: url(/assets/site/images/order-icon_delivery.svg) center no-repeat; } .order__form_payments::before { background: url(/assets/site/images/order-icon_payments.svg) center no-repeat; } .order__form_contacts .form__head { display: flex; align-items: center; justify-content: space-between; } .order__form_contacts .form__head, .order__form_contacts .form__field { max-width: 380px; } .form__login-link { display: flex; align-items: center; padding-bottom: 20px; margin-top: -20px; } .form__login-link .button { margin-left: 15px; } .order__form_payments { border-bottom: none; margin-bottom: 0; } .order__form_payments .form__field:last-child { margin-top: 60px; margin-bottom: 0; } .form__radio-option-adress { font-size: 12px; font-weight: 500; color: #b2b2b2; } .form__radio-option-adress-link { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500; position: relative; display: inline-block; } .form__radio-option-adress-link::before { content:''; display: block; position: absolute; top: -1px; right: -21px; width: 16px; height: 16px; background: url(/assets/site/images/adress-icon_small.svg) center no-repeat; } .form__radio-option-note { padding: 15px 20px 20px 20px; border: 1px solid var(--main-blue-color); border-radius: 10px; margin-top: 15px; } .form__radio-option-note-link { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; display: block; width: max-content; margin-top: 15px; } .postselect { position: relative; height: 48px; } .postselect__form { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; background: #fff; border-radius: 5px; border: 1px solid #fff; transition: 0.3s; } .postselect__form_open { box-shadow: 0 3px 6px rgb(0 0 0 / 10%); border: 1px solid #dfdfdf; } .postselect__input { border: 1px solid #edf1f6; border-radius: 5px; height: 48px; width: 100%; font-size: 14px; color: #222428; transition: 0.3s; font-weight: 500; background: #f8f8f8 url(/assets/site/images/select-arrowdown.svg) right 15px center no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 46px; padding: 0 60px 0 15px; cursor: pointer; } .postselect__form_open .postselect__input { background: #fff url(/assets/site/images/select-arrowup.svg) right 15px center no-repeat; border: none; } .postselect__clear { width: 20px; height: 20px; border: none; background: url(/assets/site/images/delete-icon.svg) center no-repeat; background-size: 7px; position: absolute; right: 35px; top: 14px; cursor: pointer; visibility: hidden; opacity: 0; transition: 0.3s; } .postselect__form_open .postselect__select_selected + .postselect__clear { visibility: visible; opacity: 1; } .postselect__dropdown { display: none; } .postselect__search { padding: 4px; position: relative; } .postselect__input_search { width: 100%; height: 48px; padding: 0 50px 0 12px; border-radius: 5px; border: 1px solid #dfdfdf; background: #ffffff; font-size: 12px; font-weight: 500; } .postselect__input_search::placeholder { color: #b2b2b2; } .postselect__button_search { border: none; width: 30px; height: 30px; background: url(/assets/site/images/search-icon_red.svg) center no-repeat; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .postselect__postlist { padding: 5px 0; } .scroll-element_outer { border-radius: 0!important; } .postselect .scroll-bar { background: var(--main-blue-color)!important; opacity: 1!important; border-radius: 5px; } .order__info { width: 40%; padding-bottom: 25px; } .order__head { display: flex; align-items: center; justify-content: space-between; padding-top: 10px; margin-bottom: 30px; } .order__title { font-size: 22px; font-weight: 700; line-height: 145%; } .order__cart { border: 1px solid #dfdfdf; border-radius: 10px 10px 0 0; } .order__cart .cart__item { background: none; border-top: none; border-bottom: 1px solid #f1f1f1; padding-left: 30px; padding-right: 30px; } .order__cart .card .card__name { width: auto; flex: 1; margin: 0; } .order__cart .card__lot { font-size: 16px; font-weight: 700; display: flex; flex-wrap: wrap; margin-top: 5px; } .order__cart .card__lot .card__price { font-size: 16px; width: auto; margin: 0; } .order__cart .card__lot .card__quantity { padding-left: 5px; flex: 1; color: var(--main-blue-color); white-space: nowrap; } .order__cart .cart__footer { border: none; display: block; text-align: right; padding: 16px 30px; } .order__cart .cart__summary { font-size: 12px; font-weight: 700; line-height: 200%; } .order__cart .cart__sum { width: auto; padding: 10px 0 7px 0; } .order__footer { background: #f8f8f8; border: 1px solid #dfdfdf; border-top: none; border-radius: 0 0 10px 10px; padding: 18px 30px 30px 30px; } .order__button { width: 100%; margin-top: 25px; }   .productlist__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .sorting { display: flex; align-items: center; } .sorting__select { position: relative; width: 270px; height: 48px; cursor: pointer; margin-right: 20px; } .sorting__list { position: absolute; width: 100%; height: 48px; overflow: hidden; background: #f8f8f8 url(/assets/site/images/select-arrowdown.svg) top 17px right 15px no-repeat; border: 1px solid #edf1f6; border-radius: 5px; overflow: hidden; display: flex; flex-direction: column; transition: 0.3s; z-index: 10; } .sorting__list_open { height: 196px; background: #fff url(/assets/site/images/select-arrowup.svg) top 17px right 15px no-repeat; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 5px; border: 1px solid #dfdfdf; } .sorting__item { height: 48px; flex-shrink: 0; order: 2; display: flex; align-items: center; color: var(--main-black-color); font-size: 12px; font-weight: 500; border-bottom: 1px solid #f0f1f5; padding-left: 55px; transition: 0.3s; } .sorting__item:last-child { border: none; } .sorting__item:hover { color: var(--main-white-blue-color); } .sorting__item_a-z { background: url(/assets/site/images/a-z-icon.svg) left 20px center no-repeat; } .sorting__item_z-a { background: url(/assets/site/images/z-a-icon.svg) left 20px center no-repeat; } .sorting__list:not(.sorting__list_open) .sorting__item:hover { color: var(--main-black-color); } .sorting__item_active { order: 1; } .sorting__button { width: 46px; height: 46px; margin-left: 10px; font-size: 0; box-shadow: 0 3px 6px rgba(209, 213, 226, 0.25); border-radius: 10px; border: 1px solid #f1f1f1; transition: 0.3s; } .sorting__button_tile { background: url(/assets/site/images/tile-icon_blue.svg) center no-repeat; } .sorting__button_tile:hover, .sorting__button_tile.sorting__button_active { background: url(/assets/site/images/tile-icon.svg) center no-repeat; } .sorting__button_tile:not(.sorting__button_active):hover { background: url(/assets/site/images/tile-icon_orange.svg) center no-repeat; } .sorting__button_list { background: url(/assets/site/images/list-icon_blue.svg) center no-repeat; } .sorting__button_list:hover, .sorting__button_list.sorting__button_active { background: url(/assets/site/images/list-icon.svg) center no-repeat; } .sorting__button_list:not(.sorting__button_active):hover { background: url(/assets/site/images/list-icon_orange.svg) center no-repeat; } .sorting__button_active { box-shadow: none; border-radius: 10px; border: 1px solid #fff; cursor: default; } .productlist__body { display: flex; justify-content: space-between; margin-bottom: 100px; } .productlist__content { width: calc(100% - 300px); } .productlist__tileview { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px 0; } .productlist .card::before { border-top: 1px solid #dfdfdf; } .productlist__filter { width: 270px; height: max-content; } .filter__choice { margin-bottom: 20px; } .choice { box-shadow: 0 3px 6px rgba(209, 213, 226, 0.25); border: 1px solid var(--main-blue-color); border-radius: 5px; padding: 20px; } .choice__title { font-size: 16px; font-weight: 700; padding-bottom: 20px; } .choice__item { font-size: 12px; font-weight: 500; height: 32px; border-radius: 16px; background: #f8f8f8; padding: 0 15px; display: inline-flex; align-items: center; margin-bottom: 7px; } .choice__delete, .choice__delete:hover { margin: 0 -6px 0 4px; background: url(/assets/site/images/delete-icon.svg) center no-repeat; background-size: 7px; } .choice__button { margin-top: 10px; } .filter__form { border-radius: 5px; border: 1px solid #f1f1f1; background-color: #fcfcfc; } .filter .form__section { padding: 30px 20px 25px; margin: 0; border-bottom: 1px solid #f1f1f1; } .filter .form__section:last-child { border: none; padding-bottom: 30px; } .filter .form__title { font-size: 16px; font-weight: 700; line-height: 24px; margin-bottom: 20px; text-align: left; } .filter .form__chekbox_label { display: flex; justify-content: space-between; font-family: 'Montserrat', sans-serif; font-weight: 500; color: var(--main-black-color); } .filter .form__chekbox_label:hover { color: var(--main-blue-color); } .filter .form__count { color: var(--main-black-color); margin-left: 10px; } .filter .form__input:not(:focus) { border: 1px solid #dfdfdf; background: #ffffff; } .filter .form__input_search { padding-right: 40px; margin-bottom: 5px; } .filter .button_search { width: 48px; height: 48px; background: url(/assets/site/images/search-icon_red.svg) center no-repeat; border: none; padding: 0; font-size: 0; position: absolute; top: 0; right: 0; } .filter .button_range { width: 48px; height: 48px; } .filter-button { display: none; width: 290px; } .filter-button .button__icon { margin-right: 15px; } .filter-button:not(.filter-button_cabinet):hover, .filter-button:not(.filter-button_cabinet):active { border: 1px solid var(--main-white-blue-color); color: var(--main-black-color); } .filter .form__more { margin-bottom: 10px; } .description { display: flex; } .description__content { flex: 1; } .description__image { width: 30%; margin-right: 45px; } .description__text { padding-bottom: 0px; font-family: 'Rubik', sans-serif; color: #333; line-height: 170%; } .description__text h2 { color: #333; font-size: 22px; font-weight: 700; padding-bottom: 30px; line-height: 130%; } .description .hidetext { height: 260px; } .productlist__searchtext { font-size: 16px; font-weight: 700; } .productlist__searchtext span { color: var(--main-blue-color); }   .product { display: flex; flex-wrap: wrap; padding-top: 10px; margin-bottom: 30px; } .gallery { width: 80px; margin-right: 6%; } .gallery__image { position: relative; height: 80px; margin-bottom: 10px; border: 1px solid #dfdfdf; border-radius: 10px; opacity: 0.5; transition: 0.3s; } @media (hover: hover) { .gallery__image:hover { opacity: 1; cursor: pointer; } } .gallery__image.slick-current { border: 1px solid var(--button-white-border-color); opacity: 1; } .gallery__image .photo, .bigphoto__image .photo { border-radius: 10px; object-fit: contain; width: 90%; height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .product__bigphoto { flex: 1; margin-right: 6%; position: relative; } .bigphoto__slider, .bigphoto__slider .slick-list, .bigphoto__slider .slick-track, .bigphoto__slider .slick-slide { height: 100%; } .bigphoto__image { position: relative; } .bigphoto__slider { z-index: 1; } .product__addfavorite, .product__stickers { z-index: 2; } .product__info { flex: 1; } .product__title { font-size: 18px; font-weight: 600; } .product__name { font-size: 24px; font-weight: 700; line-height: 170%; margin-bottom: 14px; } .product__addtocart {   } .product__select .form__radio_label { margin: 17px 0; display: flex; align-items: center; justify-content: space-between; } .product__select .form__radio_label b { min-width: 36%; text-align: right; } .product__buttons { display: flex; margin-top: 30px; } .product__button { padding: 0 38px; margin-left: 15px; } .product__terms { margin: 30px 0; display: inline-block; } .product__other { display: flex; align-items: center; justify-content: space-between; max-width: 300px; } .product__analogs::before { content: ''; display: block; position: absolute; top: -4px; left: -34px; width: 24px; height: 22px; background: url(/assets/site/images/analogs-icon.svg) center no-repeat; } .product__tabs { width: 100%; margin-top: 50px; } .product__tabs .tabs__content { margin-bottom: 50px; } .tabs__nav { display: flex; justify-content: center; margin-bottom: 40px; position: relative; } .tabs__nav::after, .product__tabs::after { content:''; display: block; position: absolute; bottom: 1px; height: 1px; width: 100vw; left: calc((100% - 100vw) / 2); z-index: -1; background: #dfdfdf; } .tabs__link { padding-bottom: 30px; border-bottom: 3px solid rgba(0,0,0,0); margin: 0 24px; color: var(--main-black-color); font-size: 16px; font-weight: 600; display: flex; align-items: center; text-align: center; } .tabs__link_active { color: var(--main-blue-color); border-color: var(--main-blue-color); cursor: default; } @media (hover: hover) { .tabs__link:not(.tabs__link_active):hover { color: var(--main-white-blue-color); } } .tabs__link_spoiler { display: block; padding: 20px 0; margin: 0 0 3px 0; border: none; text-align: left; background: #f8f8f8 url(/assets/site/images/select-arrowdown.svg) right 5px center no-repeat; position: relative; display: none; } .tabs__link_spoiler::after { content:''; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; left: calc((100% - 100vw) / 2); z-index: -1; background: #f8f8f8; } .tabs__link_spoiler.tabs__link_active { background: #f8f8f8 url(/assets/site/images/select-arrowup.svg) right 5px center no-repeat; color: var(--main-blue-color); } .tabs__title { font-size: 22px; font-weight: 700; margin-bottom: 10px; } .tabs__subtitle { font-size: 16px; font-weight: 500; margin-bottom: 30px; } .tabs__content_narrow { max-width: 570px; margin: 0 auto; } .spoiler__title { color: var(--main-white-blue-color); font-size: 16px; font-weight: 600; text-transform: uppercase; transition: 0.3s; padding: 12px 0 12px 40px; width: max-content; position: relative; } .spoiler__title_active { color: var(--main-black-color); } .spoiler__title:hover { cursor: pointer; color: var(--main-blue-color); } .spoiler__title::before, .spoiler__title::after { content: ''; display: block; position: absolute; background: var(--main-blue-color); top: 20px; left: 0; width: 11px; height: 1px; transition: 0.3s; } .spoiler__title::after { transform: rotate(90deg); } .spoiler__title_active::before { transform: rotate(90deg); opacity: 0; } .spoiler__title_active::after { transform: rotate(180deg); background: #EB752B; } .spoiler__content { padding: 12px 0 12px 40px; display: none; } .carslist__row { border-top: 1px solid #f1f1f1; padding: 11px 0; display: flex; justify-content: space-between; } .carslist__row:last-child { border-bottom: 1px solid #f1f1f1; } .carslist__item:nth-child(1) {width: 30%;} .carslist__item:nth-child(2) {width: 50%; padding-left: 20px;} .carslist__item:nth-child(3) {width: 20%; padding-left: 20px;} .carslist a { color: var(--main-white-blue-color); text-decoration: underline; } .carslist a:hover { color: var(--main-blue-color); text-decoration: none; } .carslist b { font-weight: 500; } .numberlist li { position: relative; padding-left: 15px; display: inline-block; margin: 0 30px 10px 0; } .numberlist li::before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50px; background: var(--main-blue-color); } .terms__icon { padding-left: 100px; position: relative; } .terms__icon::before { content:''; display: block; position: absolute; top: 0; left: 0; width: 65px; height: 65px; border-radius: 150px; border: 2px solid #f1f1f1; } .terms__icon_express::before { background: url(/assets/site/images/delivery-icon_express.svg) center no-repeat; } .terms__icon_standart::before { background: url(/assets/site/images/delivery-icon_standart.svg) center no-repeat; }   .sitemap__list { margin-left: 30px; } .sitemap__item { position: relative; padding-bottom: 30px; } .sitemap__item::before { content:''; display: block; position: absolute; left: -30px; top: 8px; width: 10px; height: 10px; border-radius: 150px; background: var(--main-blue-color); } .sitemap__link { font-size: 20px; line-height: 26px; color: var(--main-black-color); } .sitemap__sublist { margin-left: 30px; margin-top: 30px; } .sitemap__subitem { position: relative; padding-bottom: 20px; } .sitemap__subitem::before { content:''; display: block; position: absolute; left: -35px; top: 5px; display: block; background: var(--main-white-blue-color); width: 2px; height: 16px; border-radius: 5px; margin: 0 10px; transform: rotate(20deg); } .sitemap__subitem .sitemap__link { font-size: 16px; line-height: 26px; color: var(--main-black-color); } .sitemap__link:hover, .sitemap__subitem .sitemap__link:hover { color: var(--main-blue-color); }     @media screen and (min-height:1000px) { html, body, .page { min-height: 100vh; } .page { display: flex; flex-direction: column; } .flex-content { flex: 1; } }   @media screen and (max-width:1279px) { header, footer, .section, .container {max-width: 1024px; padding-left: 30px; padding-right: 30px;} .header__top {height: 100px;} .header__logo {width: 166px;} .header__menu {width: 57%;} .header__lang {right: 30px; top: 13px;} .header__menu-item_submenu {padding-right: 20px;} .catmenu__lastmenu {width: 394px;} .search__input {background-position: left 20px center; padding-left: 50px;} .card {padding: 20px 15px;} .card .quantity {display: none;} .card__button {margin: 0 auto;} .error__content {padding: 55px 4%;} .registration__info {width: 50%;} .order__forms {width: 55%;} .order__form {padding-left: 70px;} .order__cart .card__image {margin-right: 20px;} .description .hidetext {height: 230px;} .card__info_select .form__radio_label b {width: 100%;} .category__item_selection .selection__title {font-size: 18px; line-height: 140%;} }   @media screen and (max-width:1023px) { header, footer, .section, .container {max-width: 768px; padding-left: 20px; padding-right: 20px;} .grid {grid-gap: 20px;} .grid.slider {width: calc(100% + 20px); margin-left: -10px;} .grid.slider .slick-slide {margin: 0 10px;} .header__top {height: 90px;} .header__menu {display: none;} .header__lang {position: static;} .header__currency {width: 100px;position: static;} .header__category {width: 140px;} .catmenu__button_pc {display: none;} .catmenu__button_mob {display: block; padding-left: 28px;} .header__bottom::after {box-shadow: 0 3px 6px rgba(209, 213, 226, 0.25);border-bottom: 1px solid #f1f1f1;} .header__bottom-menu {display:none;} .header__bottom-menu { display: none; display: block; background: #fff; position: fixed; top: 0px;left: 0px; height: calc(100% + 1px);width: 310px; transition: 0.4s; z-index: 1000; overflow-y: auto; border: none; border-radius: 0; box-shadow: none; transform: translateX(-100%); } .header__bottom-menu::after {display:none;} .header__bottom-menu.open {transform: translateX(0);} .header__bottom-menu-head { display: flex; align-items: center; justify-content: space-between; padding: 20px 15px 20px 15px; } .catmenu__list-2 {display:block;} .catmenu__list-2 .catmenu__submenu-2-block { position:relative; display:none; box-shadow:none; } .catmenu__list-2 .catmenu__link { padding: 20px 10px; position:relative; border-color: #dfdfdf; } .catmenu__list-2 .catmenu__item:first-child .catmenu__link {border-top:1px solid #dfdfdf;} .catmenu__item:hover .catmenu__link { border-color: #dfdfdf; } .catmenu__list-2 .catmenu__link:after { content: ''; top: 50%; right: 5px; margin-top: -15px; position: absolute; width: 30px; height: 30px; background: url(../images/select-arrowdown.svg) center center no-repeat; transform: rotate(-90deg); } .catmenu__submenu-item-back {display:block;} .catmenu__submenu-item-back a { color: #333; font-weight: bold; height: auto; display: block; padding: 15px 10px; font-size: 14px; color: #333; } .catmenu__list-2.active .catmenu__link {display:none;} .catmenu__list-2.active .catmenu__submenu-2-block {display:none;} .catmenu__list-2.active .catmenu__link.active+.catmenu__submenu-2-block {display:block;} .catmenu__submenu-item:hover .catmenu__submenu-link {background:transparent;} .catmenu__item .catmenu__submenu-2 { display:block; max-height:none !important; padding: 0px; column-count: unset; } .catmenu__item .catmenu__submenu-2>li { border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; } .catmenu__item .catmenu__submenu-2>li+li {border-top:none;} .catmenu__item .catmenu__submenu-2>li.open {background:#FAFAFA;} .catmenu__item .catmenu__submenu-2>li.open .catmenu__submenu-item {border-bottom:1px solid #dfdfdf;} .catmenu__item .catmenu__submenu-2 .catmenu__submenu-link, .catmenu__item .catmenu__submenu-2 .catmenu__lastmenu-link {padding:10px 15px;} .catmenu__submenu-switch { display:block;position:absolute; height:100%;width:40px; right:0px;top:0px; } .catmenu__item .catmenu__submenu-2>li.open .catmenu__submenu-switch {background:rgba(0,0,0,0.03);border-left:1px solid #dfdfdf;} .catmenu__submenu-switch span { display:block;position:absolute; width:14px;height:1px; background:#000; top:50%;left:50%;margin-left:-7px; } .catmenu__submenu-switch span+span {transform:rotate(-90deg);} .catmenu__submenu-2 .open .catmenu__submenu-switch span+span {display:none;} .catmenu:hover {background: none;} .catmenu:hover .catmenu__button {color: var(--main-black-color); background: url(/assets/site/images/catmenu-icon.svg) left center no-repeat;} .catmenu:hover .catmenu__list, .page_authorized .header__cabinet-link_pc {display: none;} .usermenu__profile {padding-top: 0;} .search__input {background-position: left 15px center; padding-left: 40px;} .search__button {width: 90px;} .search__history {padding: 17px 25px 20px;} .main {display: block;} .main__selection {width: 100%; margin-bottom: 20px;} .main__offer {width: 100%;} .category__link {font-size: 16px; padding: 10px 75px 10px 20px; background-position: right 20px center; background-size: 46px 50px;} .category__link br {display: none;} .category__head {padding-bottom: 30px;}   .category__item_selection {grid-column: span 3 / auto; padding-top: 30px;} .category__item_selection + .category__item {display: block;} .news__item {padding: 15px 15px 30px;} .about__text {padding: 30px 40px 70px 20px;} .about .hidetext__readmore {padding-left: 20px;} .about__image img {width: 95%;} .footer__menu {width: 150px;} .cart .card__price {width: 18%;} .cart .card__price, .cart .card .quantity, .cart .card__available, .cart .card__name, .cart .card__image {margin-right: 20px;} .error__content {padding: 55px 4% 55px 0;} .error__title {font-size: 28px;} .thanks {padding-bottom: 0;} .thanks__content {padding: 35px 30px 35px 0;} .thanks__order {font-size: 18px;} .article__title {text-align: left;} .news .etimer__separ {padding: 0 2px;} .contacts__image {display: none;} .contacts__text {width: 40%;} .contacts__form {width: 52%;} .section.map {margin: 0; padding: 0; max-width: 100%; height: 550px;} .registration__info {width: 40%;} .registration__image {margin-top: 25px;} .order {display: block;} .order__forms {width: 100%; padding-bottom: 50px;} .order__form {padding-left: 100px;} .order__form .form__field {max-width: 530px;} .order__info {width: 100%;} .order__cart .card__image {margin-right: 30px;} .order__cart .cart__footer, .order__cart .cart__sum {text-align: center;} .filter-button {display: flex;} .productlist__head {flex-wrap: wrap;} .productlist .compatibility {width: 100%; margin-bottom: 30px;} .productlist__searchtext {margin-bottom: 30px;} .filter__form {border: none; background: none;} .filter .form__section {padding-left: 0; padding-right: 0;} .filter .form__section_range {padding-top: 0;} .productlist__body {margin-bottom: 60px;} .productlist__content {width: 100%;} .product__gallery {display: none;} .product__bigphoto {flex: 0.8; margin-right: 4%;} .bigphoto__slider {height: 80%;} .tabs__link {padding-bottom: 15px;} .popup_text .popup__box {max-width: 710px; padding-left: 70px; padding-right: 70px;} }   @media screen and (max-width:767px) { header, footer, .section, .container, .menu_theme_top .menu__body {max-width: 414px; padding-left: 10px; padding-right: 10px;} .grid.slider {width: calc(100% + 10px); margin-left: -5px;} .grid.slider .slick-slide {margin: 0 5px;} .section.pagetitle {display: block;} .section__title {font-size: 22px;} .section__head .slider-arrows {display: none;} .header__top {padding: 0 6%;} .header__phones, .header__search, .header__vin {display: none;} .header__search-mobile {display: flex;} .header__bottom {width: calc(100% + 20px); margin-left: -10px; border: none;} .main__offer {height: 300px;} .offer__item {padding: 35px 30px;} .offer__sticker {font-size: 8px; padding: 0 15px; height: 20px; margin-bottom: 13px;} .offer__title {font-size: 19px;} .offer__discount {font-size: 23px;} .offer__button {font-size: 12px; height: 42px; padding: 0 20px;} .offer__nav {padding: 0 30px; margin-top: -45px;} .offer .slider-arrows {display: none;} .popular .slick-dots {padding-top: 20px;} .card {padding: 15px 10px;} .card__info {font-size: 12px;} .productlist__listview .card {flex-wrap: wrap; padding: 15px 12px 15px 10px;} .productlist__listview .card__image {width: 86px; height: 86px; margin-bottom: -18px; margin-right: 10px;} .productlist__listview .card__image .photo {display: block;} .productlist__listview .addfavorite {right: unset; left: -10px; top: -15px;} .productlist__listview .card__icons {margin-right: 0; width: max-content;} .productlist__listview .card__icon {margin: 0;} .productlist__listview .card__icon_characteristic, .productlist__listview .card__icon_photo {display: none;} .productlist__listview .card__name {margin-bottom: 10px;} .productlist__listview .card__info {width: 100%; min-width: 100%; padding-left: 95px; margin-left: 0;} .productlist__listview .card__available {margin-right: 10px;} .productlist__listview .card__addtocart {margin-left: 10px;} .category__list {display: block;} .category__item {margin-bottom: 10px;} .category__link {min-height: 70px;} .category__button {margin-top: 20px; width: 100%;} .compatibility, .compatibility__select .form__select .form__input {font-size: 14px;} .compatibility__select .form__select-item {width: 215px;} .tooltip__content {max-width: calc(100vw - 20px);} .about__image {display: none;} .about__content {width: 100%;} .about__text {padding: 20px 15px 70px;} .footer__menu, .footer__bottom::after {width: 100%;text-align: center;} .footer__payments {width: 100%;} .footer__payments div {justify-content: center;} .footer__contacts {width: 100%;} .footer__phones, .footer__adress, .footer__worktime {background: none; width: 100%; padding: 0 0 30px; text-align: center;} .footer__button {margin: 30px auto 0;} .footer__logo {display: none;} .footer__bottom {flex-direction: column; padding: 15px 0 30px; margin-top: 0;} .footer__copyright {padding: 30px 0 0 0; text-align: center;}   .popup {padding-left: 10px; padding-right: 10px;} .popup__box, .popup_text .popup__box {padding: 25px 20px;} .popup__close {margin: 24px 16px;} .popup__title {padding-right: 25px; line-height: 120%;} .cart .card {flex-wrap: wrap;} .cart .card__image {order: 1; margin-bottom: 20px;} .cart .card__image .photo {width: 100%; height: 100%;} .cart .card__name {order: 2; margin-bottom: 20px; width: 52%;} .cart .card__delete {order: 3; margin-bottom: 20px;} .cart .card__available {order: 4; margin-right: 0; font-size: 12px; width: 100px; background-size: 18px; padding-left: 26px;} .cart .card .quantity {order: 5; margin-right: 0;} .cart:not(.order__cart) .card__price {order: 6; margin-right: 0; width: 32%;} .cart__footer {flex-direction: column;} .cart__sum {order: 1; width: auto;} .cart__button {order: 2;} .cart__clear {order: 3; margin: 20px 0;} .cart__shopping {order: 4;} .login .form__footer-text {font-size: 12px;} .error {display: block;} .error__content {width: 100%; padding: 20px 0 75px 0; text-align: center;} .error__title {font-size: 24px;} .error__phone {width: max-content; margin: 0 auto;} .error__image {width: 300px; margin: 0 auto;} .thanks {flex-direction: column-reverse; padding-top: 10px;} .thanks__image {width: 100%; max-width: 200px;} .thanks__content {width: 100%; padding: 35px 0 0 0; text-align: center;} .thanks__button {margin: 0 auto;} .article__title {font-size: 24px;} .article__head {flex-wrap: wrap;} .article__head-flex {width: 100%; flex: none; padding-bottom: 18px;} .article__head .stock-sticker {margin-top: -10px;} .article__content h2 {font-size: 20px;} .article__content h3 {font-size: 17px;} .article__content blockquote {background-size: 40px; padding-left: 60px;} .article__content b {font-size: 16px;} .article__footer {display: block;} .article__source {padding-top: 20px;} .news__content:not(.news__slider) {display: block;} .news__content:not(.news__slider) .news__item {margin-bottom: 20px;} .news .etimer__separ {padding: 0 4px;} .pagenav__page {margin: 0;} .contacts {display: block;} .contacts__text {width: 100%; margin-bottom: 50px;} .contacts__form {width: 100%;} .registration {display: block;} .registration__form {width: 100%; margin-bottom: 60px;} .registration__info {width: 100%;} .registration__image {display: none;} .order__forms {padding-bottom: 30px;} .order__form {padding: 0 0 20px 0;} .order__form::before {display: none;} .order__form_payments {border-bottom: 1px solid #f1f1f1;} .order__form_payments .form__field:last-child {margin-top: 40px;} .order__form_payments {padding-bottom: 30px;} .order__info {padding-bottom: 0;} .order__cart .cart__item {padding-left: 20px; padding-right: 20px;} .order__cart .card__image {margin-right: 20px;} .sorting {width: 100%;} .sorting__select {flex: 1;} .filter-button, .filter-button:not(.filter-button_cabinet):hover {width: 100%; margin-bottom: 20px;} .productlist__tileview {grid-template-columns: repeat(2, 1fr);} .card__info_select .form__radio_label {font-size: 12px;} .card__other:not(.button_arrow) {padding: 0 15px;} .description__image {display: none;} .description__text {padding-left: 15px; padding-right: 15px;} .description .hidetext__button {margin-left: 15px;} .product {display: block;} .product__bigphoto {margin: 25px 0 60px;} .bigphoto__slider {height: 350px;} .product__addtocart, .product__other {max-width: 100%;} .product__select .form__radio_label b {min-width: 25%;} .product__buttons {justify-content: space-between;} .product__button {padding: 0 60px;} .tabs_spoiler .tabs__nav {display: none;} .tabs_spoiler .tabs__link_spoiler {display: block;} .tabs__link_spoiler {padding: 20px 25px 20px 0;} .tabs__title, .tabs__subtitle {display: none;} .product__tabs .tabs__content {margin: 0; padding: 20px 0;} .characteristic__item_last {margin-bottom: 0;} .carslist__row {display: block;} .carslist__item:nth-child(1) {width: 100%;} .carslist__item:nth-child(2) {width: 100%; padding: 5px 0;} .carslist__item:nth-child(3) {width: 100%; padding-left: 0;} .product__tabs::after {z-index: -2;} .terms__icon {padding-left: 80px;} } @media screen and (max-width:380px) { .selection__choice-item span, .selection__title span {display: none;} .login .form__footer {display: block; text-align: center; padding-top: 15px;} .login .form__register {margin: 15px auto 0;} .registration .form__head, .order__form_contacts .form__head {display: block;} .order__cart .cart__item {padding-left: 15px; padding-right: 15px;} .sorting__button {margin-left: 5px;} .sorting__select {margin-right: 15px;} .card__other {font-size: 11px;} .productlist__listview .card__other {margin: 15px auto 0;} .productlist__listview .card__image {margin-bottom: 0;} .productlist__listview .card__info {padding-left: 0} .productlist__listview .card__available {padding-left: 17px;} } @media screen and (max-width:370px) { .cart .card__name {width: 51%;} .cart:not(.order__cart) .card__price:not(.card__price_small) {width: 100%; text-align: right; padding-top: 15px; padding-right: 5px;} .cart .card__name, .cart .card__image, .cart .card__delete {margin-bottom: 15px;} .pagenav__page {padding: 0 14px;} .sorting__item {padding-left: 40px; background-position: left 10px center;} .bigphoto__slider {height: 300px;} } @media screen and (max-width:350px) { .header__top {padding: 0 3%;} .section__title.maintitle {font-size: 28px;} .main__selection {padding: 20px;} .selection__title {font-size: 21px;} .selection__text {padding-bottom: 20px;} .offer__item {padding: 35px 20px;} .offer__nav {padding: 0 20px;} .card {padding: 25px 20px;} .card__image {padding-bottom: 70%;} .productlist__listview .card__quantity, .productlist__listview .card__available, .productlist__listview .card__price {font-size: 12px;} .productlist__listview .card__available {padding-left: 10px;} .slide {width: 280px;} .cart .card__image {width: 50px; height: 50px;} .form__title, .order__title {font-size: 18px;} .form__chekbox_label {padding-left: 30px;} .article__title {font-size: 22px;} .article__content h2 {font-size: 18px;} .article__content {font-size: 15px;} .article .countdown-timer {margin-left: 0;} .article .etimer__separ {padding: 0 2px 10px;} .article .etimer__numbers {width: 23px; height: 23px; font-size: 12px;} .article .etimer__text {font-size: 8px;} .article__content table {font-size: 12px;} .pagenav__page {padding: 0 10px;} .pay__button {width: 100%; padding: 0 20px;} .form__radio-option-adress-link::before {display: none;} .sorting__button {margin-left: 0;} .sorting__item {padding-left: 10px; background-image: none;} .productlist__tileview {display: block;} .terms__icon {padding-left: 50px;} .terms__icon::before {width: 40px; height: 40px; background-size: 20px;} }   @media screen and (max-height:414px) and (max-width:767px) { .header__container, .menu_theme_top .menu__body {max-width: 768px;} .header__bottom {border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1;} .slide#search {top: 40px;} .popup__box {max-width: 450px;} } .extra { margin-top: 15px; border-top: 1px solid #dfdfdf; padding-top: 15px; } .extra .extra-name { display: flex; flex-wrap: wrap; align-items: center; justify-content: left; font-weight: 700; } .extra .extra-value { font-weight: normal; margin-left: 10px; } .extra-table tr td:first-child { font-weight: 700; } .extra-table tr { display: block; } .extra-table tr td { display: inline; } .info-part-crit-table tr { border-top: 1px solid #f1f1f1; padding: 15px 0; display: flex; justify-content: space-between; }  .scroll-wrapper{overflow:hidden!important;padding:0!important;position:relative}.scroll-wrapper>.scroll-content{border:none!important;box-sizing:content-box!important;height:auto;left:0;margin:0;max-height:none;max-width:none!important;overflow:scroll!important;padding:0;position:relative!important;top:0;width:auto!important}.scroll-wrapper>.scroll-content::-webkit-scrollbar{height:0;width:0}.scroll-element{display:none}.scroll-element,.scroll-element div{box-sizing:content-box}.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block}.scroll-element .scroll-bar,.scroll-element .scroll-arrow{cursor:default}.scroll-textarea{border:1px solid #cccccc;border-top-color:#999999}.scroll-textarea>.scroll-content{overflow:hidden!important}.scroll-textarea>.scroll-content>textarea{border:none!important;box-sizing:border-box;height:100%!important;margin:0;max-height:none!important;max-width:none!important;overflow:scroll!important;outline:none;padding:2px;position:relative!important;top:0;width:100%!important}.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{height:0;width:0}.scrollbar-inner>.scroll-element,.scrollbar-inner>.scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10}.scrollbar-inner>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}.scrollbar-inner>.scroll-element.scroll-x{bottom:2px;height:8px;left:0;width:100%}.scrollbar-inner>.scroll-element.scroll-y{height:100%;right:2px;top:0;width:8px}.scrollbar-inner>.scroll-element .scroll-element_outer{overflow:hidden}.scrollbar-inner>.scroll-element .scroll-element_outer,.scrollbar-inner>.scroll-element .scroll-element_track,.scrollbar-inner>.scroll-element .scroll-bar{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.scrollbar-inner>.scroll-element .scroll-element_track,.scrollbar-inner>.scroll-element .scroll-bar{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);opacity:.4}.scrollbar-inner>.scroll-element .scroll-element_track{background-color:#e0e0e0}.scrollbar-inner>.scroll-element .scroll-bar{background-color:#c2c2c2}.scrollbar-inner>.scroll-element:hover .scroll-bar{background-color:#919191}.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar{background-color:#919191}.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-12px}.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-12px}.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-12px}.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-12px}.scrollbar-inner>.scroll-element .scroll-element_track{width:1px;background:#000000;opacity:.1;left:1px}.scrollbar-inner>.scroll-element .scroll-bar,.scrollbar-inner>.scroll-element:hover .scroll-bar{width:3px;background:#000000;opacity:.1} .irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px}  .cabinet__info { display: flex; align-items: stretch; justify-content: space-between; } .cabinet__item { border-radius: 5px; border: 1px solid #dfdfdf; padding: 24px 30px 24px 100px; width: 48%; display: grid; grid-template-columns: 1fr; grid-gap: 14px; font-size: 16px; } .cabinet__item-row { margin-bottom: 14px; } .cabinet__item-row:last-child { margin-bottom: 0; } .cabinet__item_bonus { background: url(/assets/site/images/bonus-icon.svg) left 28px center no-repeat; } .cabinet__item_support { background: url(/assets/site/images/support-icon.svg) left 28px center no-repeat; } .cabinet__item b { font-size: 14px; } .cabinet__item_support b { display: block; padding-bottom: 3px; } .cabinet__support { display: flex; align-items: center; font-size: 12px; white-space: nowrap; } .cabinet__support .button { margin-left: 30px; } .cabinet__support-phone { display: block; color: #333333; } @media (hover: hover) { .cabinet__support-phone:hover { color: #2f86c2; } } .cabinet__section { margin: 50px 0 30px; display: flex; align-items: flex-end; } .cabinet__title { font-size: 24px; font-weight: 700; } .cabinet__link { margin-left: 20px; white-space: nowrap; }   .productlist_favorites .productlist__body { margin-bottom: 0; } .productlist_favorites .card::before { border-top: none; } .productlist_favorites .card__delete { position: absolute; top: 0; right: 0; } @media screen and (min-width:1024px) { .button.filter-button_favorites { display: none; } }   .profile__form { max-width: 370px; margin: 0 auto; } .profile__form .form__head { font-weight: 500; } .profile__form .button_changepassword { margin-bottom: 30px; } .profile__form .form__section_password { display: none; } .profile__form .form__buttons, .vin__form .form__buttons { display: flex; align-items: center; justify-content: space-between; }     .garage { grid-template-columns: repeat(2, 1fr); } .garage__card { border-radius: 5px; border: 1px solid #dfdfdf; padding: 20px; font-size: 12px; } .garage__card b { font-weight: 600; } .garage__item { margin-bottom: 5px; } .garage__buttons { margin-top: 30px; display: flex; align-items: stretch; justify-content: space-between; } .garage__buttons-column { display: flex; flex-wrap: wrap; align-items: center; } .garage__buttons-column_right { justify-content: flex-end; } .garage__button { margin-left: 17px; } .addcar__form .form__buttons { display: flex; align-items: center; justify-content: space-between; }   .section__buttons { display: flex; } .section__buttons .filter-button_cabinet { margin-left: 10px; } .filter-button_cabinet { display: flex; width: 210px; } .filter-button_cabinet.active { background: var(--button-main-background-color); color: white; } @media (hover: hover) { .filter-button_cabinet:hover { background: none; border: 1px solid #2f86c2; color: #333333; } } .vin__card { padding: 15px 65px 30px 20px; border-radius: 5px; border: 1px solid #dfdfdf; display: flex; flex-wrap: wrap; justify-content: space-between; background: url(/assets/site/images/select-arrowdown.svg) top 28px right 27px no-repeat; font-size: 12px; margin-bottom: 20px; transition: 0.3s; position: relative; } @media (hover: hover) { .vin__card:hover { border: 1px solid #00b5ce; } .vin__arrow:hover { cursor: pointer; } } .vin__card_open { background: url(/assets/site/images/select-arrowup.svg) top 28px right 27px no-repeat; border: 1px solid #00b5ce; } .vin__item { padding-right: 20px; } .vin__item b { display: block; font-weight: 600; } .vin__item_first b { font-weight: 400; } .vin__item_last { width: 24%; } .vin__more { width: 100%; color: #b2b2b2; padding-top: 30px; display: none; } .vin__more li { padding: 2px 0; } .vin__more b { color: #333333; font-weight: 400; } .vin__form { max-width: 770px; margin: 0 auto; } .vin__form .form__title { margin-bottom: 20px; } .vin__form .compatibility { background: none; padding-left: 0; } .vin__form .form__field_year { margin-bottom: 30px; } .form__note-item { padding-left: 26px; position: relative; margin-bottom: 10px; } .form__note-item:last-child { margin-bottom: 20px; } .form__note-item::before { content:''; display: block; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; } .form__note-item_right::before { background: url(/assets/site/images/note-icon_right.svg) center no-repeat; } .form__note-item_wrong::before { background: url(/assets/site/images/note-icon_wrong.svg) center no-repeat; } .vin__form .button span { padding-left: 5px; }   .vin__form .form__section { padding: 0; display: flex; margin: 0 auto 10px; border: none; } .vin__form .form__label_single { font-size: 12px; font-weight: 500; padding-top: 15px; padding-right: 15px; flex-shrink: 0; } .vin__form .form__field_year { width: 100px; }   .messages__nav { margin-bottom: 20px; position: relative; } .messages::before { content:''; position: absolute; top: 0; right: 0; width: 70px; height: 40px; background: linear-gradient(90deg, #ffffff00, #fff); z-index: 2; display: none; transition: 0.2s; } .messages__links { display: flex; } .messages__link { height: 32px; border-radius: 4px; border: 1px solid #00b5ce; display: flex; align-items: center; padding: 0 20px; color: #333333; font-weight: 500; font-size: 12px; margin-right: 10px; } .messages__count { color: #b2b2b2; font-weight: 400; padding-left: 5px; } @media (hover: hover) { .messages__link:not(.messages__link_active):hover { border: 1px solid #2f86c2; } } .messages__link_active { border: 1px solid #4394cc; background-color: #f8f8f8; cursor: default; } .messages__item { border-radius: 5px; border: 1px solid #dfdfdf; padding: 13px 20px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; transition: 0.3s; } @media (hover: hover) { .messages__item:hover { box-shadow: 0 0 15px #dfdfdf; } } .messages__sender { color: #00b5ce; font-size: 16px; font-weight: 500; margin-bottom: 5px; position: relative; width: max-content; } .messages__sender_attached { padding-right: 25px; } .messages__sender_attached::before { content:''; display: block; position: absolute; top: 2px; right: 0; width: 16px; height: 16px; background: url(/assets/site/images/attached-icon.svg) center no-repeat; } .messages__sender:hover { color: #4394cc; } .messages__subject { color: #636363; font-weight: 500; font-size: 12px; margin-bottom: 3px; } .messages__date { color: #b2b2b2; font-size: 12px; } .messages__item .dashed-link { margin-left: 18px; } .messages__form { max-width: 655px; font-size: 12px; font-weight: 500; } .messages__form .form__section { display: flex; } .messages__form .form__label_single { width: 100px; padding-top: 12px; flex-shrink: 0; } .messages__form .form__input:not(.form__input_textarea) { max-width: 370px; } .messages__form .form__footer { border-top: 1px solid #f1f1f1; padding-top: 20px; display: flex; align-items: center; justify-content: space-between; } .messages__form .button_draft { margin-left: 10%; } .messages__form .button_send { margin-left: 30px; }   .form__fileupload { margin-bottom: 20px; padding-left: 100px; height: 42px; } .form__input_file { display: none; } .form__label_file { transition: 0.3s; cursor: pointer; margin-left: 22px; line-height: 42px; } .form__label_file::before { content:''; display: block; position: absolute; top: 0; left: -22px; width: 15px; height: 15px; background: url(/assets/site/images/attached-icon.svg) center no-repeat; background-size: contain; } .form__text { color: #b2b2b2; font-size: 12px; font-weight: 500; margin-top: 5px; } .form__file { font-size: 12px; font-weight: 500; height: 32px; border-radius: 16px; background: #f8f8f8; padding: 0 15px; display: inline-flex; align-items: center; margin: 0 10px 10px 0; } .form__filesize { display: none; } .form__filedelete { width: 16px; height: 16px; border-radius: 50px; border: none; background: url(/assets/site/images/delete-icon.svg) center no-repeat; background-size: 7px; margin: 0 -6px 0 4px; font-size: 0; cursor: pointer; }   .orders__card { border-radius: 5px; border: 1px solid #dfdfdf; padding: 20px 30px 20px 65px; display: flex; align-items: center; justify-content: space-between; position: relative; margin-bottom: 20px; font-size: 12px; transition: 0.3s; } .orders__card::before { content:''; display: block; position: absolute; top: 24px; left: 20px; width: 12px; height: 12px; border-radius: 150px; } .orders__arrow, .vin__arrow { position: absolute; top: 0; right: 0; width: 70px; height: 70px; } .orders__item_number { width: 20%; font-size: 12px; } .orders__item_product { flex: 1; } .orders__item_price { width: 30%; display: flex; align-items: center; justify-content: space-between; } .orders__status { font-size: 14px; font-weight: 600; } .orders__card_stoped::before {background: #7a94f8;} .orders__card_stoped .orders__status {color: #7a94f8;} .orders__card_new::before {background: #2fb200;} .orders__card_new .orders__status {color: #2fb200;} .orders__card_completed::before {background: #4ebec7;} .orders__card_completed .orders__status {color: #4ebec7;} .orders__card_inprogress::before {background: #ffbb00;} .orders__card_inprogress .orders__status {color: #ffbb00;} .orders__card_canceled::before {background: #b2b2b2;} .orders__card_canceled .orders__status {color: #b2b2b2;} .orders__title { color: #636363; font-weight: 400; font-size: 12px; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .orders__brand { color: #333333; font-size: 14px; font-weight: 600; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .orders__number { color: #00b5ce; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; } .orders__number:hover { color: #2f86c2; } .orders__sum, .orders__price { font-size: 14px; font-weight: 700; } .orders__quantity { color: #2f86c2; } .orders__total { text-align: right; } .orders__card_more { padding-right: 65px; background: url(/assets/site/images/select-arrowdown.svg) top 30px right 32px no-repeat; flex-wrap: wrap; } @media (hover: hover) { .orders__card_more:hover { border: 1px solid #00b5ce; } .orders__arrow:hover { cursor: pointer; } } .orders__card_open { background: url(/assets/site/images/select-arrowup.svg) top 30px right 32px no-repeat; } .orders__card_more .orders__item { font-weight: 500; } .orders__item_info { width: 20%; } .orders__item_paymentstatus { width: 40%; } .orders__paymentstatus_nopaid { color: #2f86c2; } .orders__more { width: 100%; margin-top: 20px; border-top: 1px solid #f1f1f1; display: none; } .orders__content { display: flex; justify-content: space-between; } .orders__cart { width: 50%; border-radius: 0; border: 1px solid #f1f1f1; border-top: none; } .orders__cart .cart__footer { display: flex; align-items: flex-start; justify-content: space-between; } .orders__description { width: 40%; padding-top: 20px; } .orders__description b { font-weight: 700; display: block; } .orders__description p { padding-bottom: 20px; } .orders__description span { display: block; color: #2f86c2; } .orders_history .orders__card { border-radius: 0; border-left: none; border-right: none; padding-left: 0; padding-right: 0; margin-bottom: -1px; }   .filter_cabinet { margin-bottom: 20px; display: none; } .filter_cabinet .filter__form { padding: 20px; border-radius: 5px; border: 1px solid #f1f1f1; background-color: #fcfcfc; } .filter_cabinet .form__section { padding: 0; display: flex; max-width: 535px; margin: 0 auto 10px; border: none; } .filter_cabinet .form__label_single { width: 135px; font-size: 12px; font-weight: 500; padding-top: 15px; flex-shrink: 0; } .filter_cabinet .form__label_to { padding-right: 15px; text-align: right; flex: 1; } .filter_cabinet .form__section_data .form__field { width: auto; } .filter_cabinet .form__section_data .form__field_from { display: flex; align-items: center; } .filter_cabinet .form__section_data .form__chekbox_label { height: 22px; padding-left: 22px; margin: 0 20px 0 0; } .filter_cabinet .form__section_data .form__chekbox_label:before { top: 0; } .form__input_date { width: 120px; padding-left: 25px; } .filter_cabinet .form__select .form__input { background: #fff url(/assets/site/images/select-arrowdown.svg) right 15px center no-repeat; } .filter_cabinet .form__select_open .form__input { background: #fff url(/assets/site/images/select-arrowup.svg) right 15px center no-repeat; border: 1px solid #00b5ce; } .filter_cabinet .form__buttons { display: flex; align-items: center; justify-content: space-between; max-width: 535px; margin: 0 auto; padding-left: 135px; }     @media screen and (max-width:1279px) { .garage__buttons .button_round {width: 170px;} .garage__button {margin: 10px 0 0 0;} .orders__more {width: calc(100% + 130px); margin: 20px -65px -20px;} .orders__description {width: 41.3%;} .orders__cart {border-left: none; border-bottom: none;} }   @media screen and (max-width:1023px) { .vin__card {display: block; padding: 15px 20px 30px 20px;} .vin__item {width: 100%; margin-bottom: 10px;} .vin__item_first {margin-bottom: 20px;} .vin__item_last, .vin__item_lastempty {margin-bottom: 0;} .vin__item b {display: inline;} .vin__more {padding-top: 20px;} .pagenav {padding-bottom: 0;} .orders__item_number {width: 25%;} .orders__item_price {width: 35%;} .orders__content {display: block;} .orders__cart {border: none; width: 100%;} .orders__description {width: 100%; padding: 10px 30px;} .orders__description br {display: none;} .orders__cart .cart__footer, .orders__cart .cart__sum {text-align: right;} .cabinet__item {font-size: 14px; grid-gap: 7px; align-items: center;} .cabinet__support {display: block;} .cabinet__support .button {margin-left: 0; margin-top: 10px;} }   @media screen and (max-width:767px) { .pagetitle .button {width: 100%; margin-bottom: 20px;} .garage {display: block;} .garage__card {margin-bottom: 20px;} .messages::before {display: block;} .messages_endscroll::before {visibility: hidden; opacity: 0;} .messages__nav {padding-bottom: 15px; margin-bottom: 5px; overflow-x: scroll; width: 100vw; margin-left: calc((100vw - 100%) / 2 * -1 ); padding-left: calc((100vw - 100%) / 2 );} .messages__links {width: max-content;} .messages__item {display: block;} .messages__action {margin-top: 5px;} .messages__item .dashed-link {margin-left: 0; margin-right: 18px;} .messages__form .form__section {display: block;} .messages__form .form__label_single {padding-top: 0; width: 100%;} .messages__form .form__input:not(.form__input_textarea) {max-width: 100%;} .form__fileupload {padding-left: 0;} .messages__form .form__footer {flex-wrap: wrap; justify-content: center;} .messages__form .button_send {order: 1; margin: 0 15% 30px;} .messages__form .button_draft {order: 2; margin: 0 0 10px 5px;} .messages__form .button_cancel {order: 2; margin: 0 5px 10px 0;} .orders__card {display: block; padding-left: 48px;} .orders__item {width: 100%; margin-bottom: 10px;} .orders__item_price {margin-bottom: 0;} .orders__request, .orders__date {display: inline;} .orders__text, .orders__paymentstatus {display: inline;} .orders__card_more {padding-bottom: 10px;} .orders__more {width: calc(100% + 113px); margin: 20px -56px -20px -48px;} .orders__cart .cart__footer {padding: 16px 20px; flex-direction: row;} .orders__description {padding: 10px 20px;} .cabinet__info {display: block;} .cabinet__item {width: 100%; margin-bottom: 20px; font-size: 16px; grid-gap: 14px;} .orders_history .orders__card {display: flex; flex-wrap: wrap; justify-content: space-between;} .orders_history .orders__item_product {order: 1; width: 100%; flex: unset; margin-bottom: 16px;} .orders_history .orders__item_number {order: 2; width: max-content;} .orders_history .button {order: 3;} .filter_cabinet .form__section {display: block;} .filter_cabinet .form__label_single {padding: 5px 0 5px 0;} .filter_cabinet .form__buttons {padding-left: 0; margin-top: 20px;} .filter_cabinet .form__section_data {display: flex; flex-wrap: wrap; justify-content: space-between;} .filter_cabinet .form__section_data .form__label_single {order: 1; text-align: left;} .filter_cabinet .form__section_data .form__field {order: 2;} .filter_cabinet .form__label_from, .filter_cabinet .form__section_data .form__field_from {width: 162px;} .filter_cabinet .form__label_to, .filter_cabinet .form__section_data .form__field_to {width: 120px; flex: unset;} .daterangepicker:before, .daterangepicker:after {display: none!important;} } @media screen and (max-width:380px) { .section__buttons {display: block;} .section__buttons .filter-button_cabinet {margin-left: 0; margin-top: -10px;} .orders__cart .cart__footer {flex-direction: column-reverse;} .orders__cart .cart__footer, .orders__cart .cart__sum {text-align: center;} .orders__cart .cart__footer-sum {width: 100%;} .orders__cart .cart__footer-button, .orders__cart .cart__button {width: 100%; margin-top: 10px;} .cabinet__item {font-size: 14px} } @media screen and (max-width:370px) { .garage__buttons .button_round {width: 150px;} .cabinet__item {font-size: 14px; padding: 24px 20px 24px 80px;} .cabinet__item_bonus {background: url(/assets/site/images/bonus-icon.svg) left 20px center no-repeat;} .cabinet__item_support {background: url(/assets/site/images/support-icon.svg) left 20px center no-repeat;} } @media screen and (max-width:350px) { .garage__buttons {display: block;} .garage__buttons .button_round {width: 100%;} .garage__buttons-column_right {justify-content: space-between; align-items: center; margin-top: 10px;} .garage__card .delete-button {margin: 0;} .vin__form .button span {display: none;} .orders__card {padding-left: 38px;} .orders__card::before {left: 15px;} .orders__more {width: calc(100% + 103px); margin: 20px -56px -20px -38px;} .orders__cart .cart__footer {padding-left: 15px; padding-right: 15px;} .cabinet__title {font-size: 20px;} .cabinet__item {padding-right: 10px; font-size: 13px;} .cabinet__item b {font-size: 13px;} .filter_cabinet .filter__form {padding: 10px;} .filter_cabinet .form__section_data .form__chekbox_label {margin-right: 15px;} .form__input_date {width: 110px; padding-left: 15px;} .filter_cabinet .form__label_from, .filter_cabinet .form__section_data .form__field_from {width: 147px;} .filter_cabinet .form__label_to, .filter_cabinet .form__section_data .form__field_to {width: 110px;} }   @media screen and (max-height:414px) and (max-width:767px) { .messages::before {right: calc((100vw - 100%)/2 *-1);} }.faq h2 { color: #333; font-size: 22px; font-weight: 700; padding-bottom: 30px; line-height: 130%; } .faq__card { border-radius: 5px; border: 1px solid #dfdfdf; padding: 20px 30px 20px 20px; display: flex; align-items: center; justify-content: space-between; position: relative; margin-bottom: 20px; font-size: 12px; transition: 0.3s; } .faq__arrow { position: absolute; top: 0; right: 0; width: 60px; height: 60px; } .faq__card_more { padding-right: 65px; background: url(/assets/site/images/select-arrowdown.svg) top 25px right 32px no-repeat; flex-wrap: wrap; } @media (hover: hover) { .faq__card_more:hover { border: 1px solid #00b5ce; } .faq__arrow:hover { cursor: pointer; } } .faq__card_open { background: url(/assets/site/images/select-arrowup.svg) top 25px right 32px no-repeat; } .faq__card_more .faq__item { font-weight: 500; } .faq__item h3 { font-size: 14px; font-weight: 600; } .faq__more { width: 100%; margin-top: 20px; border-top: 1px solid #f1f1f1; display: none; } .faq__content {   justify-content: space-between; } .faq__content p { font-size: 14px; padding: 5px; } .faq__content ul { list-style: initial; font-size: 14px; padding-left: 25px; } .faq__description { width: 40%; padding-top: 20px; } .faq__description b { font-weight: 700; display: block; } .faq__description p { padding-bottom: 20px; } .faq__description span { display: block; color: #2f86c2; }.main__selection { height: 590px; } .main__offer { height: 250px;   } .offer__nav { margin-top: -55px; } #allproducts { padding-top: 0; margin-top: 0; } .warning_message, .error_message, .error_p, .warning_p, .notice_p { color: #ffffff; border-radius: 3px; margin: 0 0 10px 0; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: bold; text-align: left; padding: 13px 15px 13px 56px; } .warning_message a, .error_message a, .error_p a, .warning_p a, .notice_p a { color: #fff; text-decoration: underline; } .error_message, .error_p { background: url('/image/message-error.png') center left no-repeat #da3838; } .inline { display: inline; display: -webkit-inline-box; } .tip_div { display: none; font-size: 11px; position: absolute; border: 1px solid #999999; background-color: #EEEEEE; padding: 0px 5px 4px 10px; width: 230px; FILTER: progid: DXImageTransform . Microsoft . Shadow(direction = 135, color = #666666, strength = 1); text-transform: initial; } .tip_div { display: none; font-size: 11px; border-radius: 4px; background-color: #f6f9fc; color: #666666; position: absolute; border: 1px solid #d6d6d6; padding: 0px 5px 4px 10px; width: 250px; z-index: 10000; text-transform: initial; } .form__login-link .button.cart-button { margin-left: 0; margin-right: 15px; } .button.selected { background-color: var(--button-round-hover-background-color); color: var(--button-round-hover-text-color); border: 1px solid var(--button-round-hover-border-color); } .default_table { max-width: 100%; } .default_table .article__head{ max-width: 100%; } .default_table table th, .default_table table td { padding: 16px 6px; text-align: left; } .button.button__inline { display: inline; margin-bottom: 5px; } .button.disabled { background: #b3b3b3; border: 1px solid #666666; } div#seo_block_edit{ width: auto; background:white; z-index:1000; display:none; position: relative; } .atm-seo { border-top: 1px dotted #2f3436; padding: 39px 0 0 0; color: #798790; background: url('/image/design/seo-bg.png') top center no-repeat; } .custom-grid { grid-gap: 15px; grid-template-columns: repeat(8, 1fr); } .custom-grid .category__link { min-height: 90px; background-size: initial; padding: 10px 25px 10px 25px; background-position: center; } @media screen and (max-width: 1023px) { .custom-grid { grid-gap: 15px; grid-template-columns: repeat(5, 1fr); } } @media screen and (max-width: 767px) { .category__list { grid-template-columns: repeat(1, 1fr); display: grid; } .category__list.custom-grid { grid-template-columns: repeat(2, 1fr); display: grid; } .footer__logo { display: initial; } } .productlist__listview .card__icons { width: 5%; } @media screen and (max-width: 767px) { .order__form_payments, .order__form_delivery { margin-left: 0px; } } .mi-parts-cats { list-style: none; margin: 0 0 10px 0; padding: 0; font-size: 0; } .mi-parts-cats > div { display: inline-block; width: 25%; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; padding: 0 15px; } .mi-parts-cats > div a { text-decoration: none; } .mi-parts-cats > div a:hover { color: #e31e24; } .mi-parts-cats .element { padding: 0 0 35px 0; } .mi-parts-cats .name { padding: 0 0 20px 0; } .mi-parts-cats .name a { color: #333; font-size: 16px; } .mi-parts-cats .item { padding: 0 0 8px 0; } @media screen and (max-width: 767px) { .mi-parts-cats { margin: 0 0 30px 0; } .mi-parts-cats > div { display: block; width: 100%; padding: 0; } .mi-parts-cats .name { padding: 0 0 20px 0; } .mi-parts-cats .name a { color: var(--main-blue-color); } .mi-parts-cats .item { display: none; } .mi-parts-cats .element { padding: 0 0 0 0; } .header__lang { white-space: nowrap; } .header__phones { display: block; } .header__phones .phones__list { padding: 15px 8px; } } .all-models { max-height: 320px; overflow: hidden; } .all-models:hover { max-height: initial; } .custom-grid2 { grid-gap: 15px; grid-template-columns: repeat(4, 1fr); } .custom-grid2 .category__link { background-position: right 30px center; } @media screen and (max-width: 767px) { .custom-grid2 { grid-template-columns: repeat(1, 1fr); display: block; } } .order__form_payments, .order__form_delivery { margin-left: -100px; } .category__link.catalog__link { font-size: 14px; padding: 10px 15px 10px 15px; text-align: center; background: none; display: block; line-height: normal; min-height: auto; } .category__item span { color: #999999; display: block; text-align: center; font-size: 13px; font-weight: 600; } .selection .form__section { display: inline-block; width: 183px; } .main__selection { height: auto; }   .error_message, .error_p { background: url(/image/message-error.png) center left no-repeat #da3838;} .warning_message, .warning_p { background: url(/image/message-warning.png) center left no-repeat #FFD700;} .notice_p { background: url(/image/message-success.png) center left no-repeat #52ad4b;} .empty_p { height:25px; margin: 3px;} .warning_message, .error_message, .error_p, .warning_p, .notice_p { color: #ffffff; border-radius: 3px; margin: 0 0 10px 0; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: bold; text-align: left; padding: 13px 15px 13px 56px;} .warning_message p, .error_message p, .error_p p, .warning_p p, .notice_p p { color: #ffffff !important; }     .at-tab-table td { padding: 0; } .at-tab-table b { font-size: 14px; } .at-tab-table img { margin: 0; display: initial; }     .fixed_block { border:1px solid #D5D5D5; margin-bottom:10px; padding:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#ffffff; z-index:100; } .block_cont { border:1px solid #D5D5D5; background-color:#EBEBEB; padding:2px 10px 12px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top:10px; } .fixed_block .toggle_link { font-size:14px; color:#48637D; font-family:Tahoma, Arial; background:url('/image/design/f_up.png') top right no-repeat; padding-right:15px; } .fixed_block .selected { background:url('/image/design/f_down.png') top right no-repeat; } .fixed_block .selected { background:url('/image/design/f_down.png') top right no-repeat; } .fixed_block .items { margin:0; padding:0; list-style:none; } .fixed_block .items li { float:left; margin:0 3px 0 0; padding-bottom:3px; position:relative; } .fixed_block .items li ul { position:absolute; list-style:none; padding:0; margin:0; background-color:#ffffff; border:1px solid #C0C0C0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:none; position:absolute; top:25px; left:0; z-index: 10; } .fixed_block .items li:hover ul { display:block; } .fixed_block .items li ul li { float:none; margin:0; white-space:nowrap; } .fixed_block .items li ul li a { padding:2px 12px; display:block; text-decoration:none; min-width:100px; color:#555555; } .fixed_block .items li ul li a:hover { background-color:#EAEAEA; } .fixed_block_here { height:104px; }   .footer__bottom { margin-top: 10px; padding: 15px 0; border-top: 1px solid #888; } .custom_label:before { background: none; border: none; } section.news section.pagetitle { padding: 0; } .fixed_block .items li:before { background: none; } .datatable { font-family: 'Montserrat', sans-serif; color: var(--main-black-color); font-size: 14px; font-weight: 500; line-height: 140%; margin-bottom: 50px; border-bottom: 3px solid #f8f8f8; } .datatable th, .datatable td { padding: 16px 20px; text-align: left; } .datatable th { background: #e4f4f6; font-weight: 700; } .datatable tr:nth-child(odd) { background: #f8f8f8; } @media screen and (max-width: 767px) { .main__offer { height: 300px; } } @media screen and (max-width:1023px) { .category__item_selection + .category__item.js-hide-768 { display: none; } } .choosen_auto { border-bottom: 1px dashed var(--main-white-blue-color); color: var(--main-white-blue-color); } .productlist__listview .card__image { display: none; } @media screen and (max-width: 767px) { .productlist__listview .card__image { display: block; } } .form-2-col { max-width: 760px; display: grid; grid-gap: 0 20px; grid-template-columns: 370px 370px;     } .form-3-col, .form-4-col, .form-5-col { max-width: 760px; display: grid; grid-gap: 0 20px; grid-template-columns: 370px 370px;     display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; max-width: 100%; } .form-4-col { grid-template-columns: repeat(4, 1fr); } .form-5-col { grid-template-columns: repeat(5, 1fr); } .filter_cabinet .form__buttons_additional { padding-left: 120px; margin-top: 15px; } .form__wide_form { max-width: 100%; margin-left: -55px; margin-right: -55px; } .at-tab-table .order-num, .datatable .order-num { color: #878787; font-size: 12px; } #progressBar { width: 200px; height: 20px; border: 1px solid #111; background-color: #292929; } #progressBar div { height: 100%; color: #fff; text-align: right; line-height: 22px;   width: 0; background-color: #0099ff; }   .recall__button { display: block; margin-right: 15px; height: 29px; padding: 4px 23px; } .recall_mobile { margin-right: 0; margin-top: 10px; } .recall__header { background-color: var(--header-white-backgroud-color); color: var(--header-text-gray-color); border: 1px solid var(--header-text-gray-color);; } @media screen and (max-width: 767px) { .recall__header { display: none; } } .button__fast_order { margin-top: 30px; margin-left: 75px; } @media screen and (max-width: 767px) { .button__fast_order { margin-left: auto; margin-right: auto; } } @media screen and (max-width: 380px) { .button__fast_order { margin-left: 0; width: 100%; margin-top: 15px; } } .hidden { display: none; } .usermenu { z-index: 130; } .manager__change_level_price { padding: 10px 30px 10px 65px; background: url(/assets/site/images/select-arrowdown.svg) top 15px right 34px no-repeat; } .section_manager__change_level_price { margin-bottom: 5px; } .extension_td { margin: 0 !important; display: inline-block; margin-left: 10px; height: 21px; } .card__title { font-size: 16px; font-weight: 500; word-break: break-word; } .card__quantity.not_show_stock_icon, .card__available.not_show_stock_icon { padding-left: 0; } .card__available.not_show_stock_icon:before { content: none; } @media screen and (min-width: 1023px) { .catmenu__item .catmenu__submenu-2 { display: block; max-height: unset; column-count: 3; } .catmenu__item .catmenu__submenu-2>div { overflow: hidden; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column; } } .new_orders__popup { position: fixed; bottom: 0; width: 100%; z-index: 9999; } .new_orders__wrapper { background: #fff; } .datatable.slim th, .datatable.slim td { padding: 5px; } .reg_nr__input { text-transform: uppercase; width: 255px; height: 100%; border: none; font-size: 20px; color: var(--header-text-gray-color); padding: 0 10px 0 60px; font-size: 24px; font-weight: 400; background: var(--header-white-backgroud-color) url(/assets/site/images/search-icon_reg_nr.svg) left 1px center no-repeat; letter-spacing: 5px; } .reg_nr__input::placeholder { color: var(--foter-text-color); } .reg_nr__field { width: 255px; position: relative; } .reg_nr__form { width: 100%; height: 100%; display: flex; } #search_reg_nr { flex: 0; } .custom-podbor > .selection__title { margin: 0px 0 30px; max-width: 100%; } .custom-podbor .podbor-wrapper { display: flex; border: 1px solid #f1f1f1; border-radius: 5px; padding: 30px 0; position: relative; } .custom-podbor .podbor-wrapper .selection__vin-search, .custom-podbor .podbor-wrapper .selection__vin-select { width: 50%; } .custom-podbor .podbor-wrapper .block-or { position: absolute; overflow: hidden; left: calc(50% - 25px); top: 0; bottom: 0; } .custom-podbor .podbor-wrapper .block-or > span { position: relative; padding: 5px 10px; border: 1px solid #f1f1f1; border-radius: 20px; color: rgba(0,64,96,.48) !important; font-size: 14px; line-height: 20px; top: calc(50% - 5px); } .custom-podbor .podbor-wrapper .block-or > span:before { position: absolute; top: -150px; bottom: 0; left: 50%; width: 1px !important; height: 150px; background-color: #f1f1f1; content: '' !important; } .custom-podbor .podbor-wrapper .block-or > span:after { position: absolute; left: 50%; top: 29px; width: 1px !important; height: 150px; background-color: #f1f1f1; content: '' !important; } .custom-podbor .podbor-wrapper .selection__vin-select { padding-top: 0; border: 0; } .custom-podbor .podbor-wrapper .selection__text { min-height: 63px; } .custom-podbor .podbor-wrapper .selection__text, .custom-podbor .podbor-wrapper .selection__form { max-width: 75%; } .custom-podbor .podbor-wrapper .selection__text.head_text { font-size: 17px; color: #000; min-height: 30px; padding-bottom: 15px; } .category__alarm { margin-bottom: 20px; } .catalog-price .section__title.maintitle { padding-bottom: 0; } .catalog-price .productlist__title { padding-top: 0; } .form-description { margin-bottom: 15px; } @media screen and (max-width:1023px) { .slide:not(#search, #search_reg_nr) { display: block; background: #fff; position: fixed; top: 0; height: 100vh; transition: 0.4s; z-index: 1000; width: 310px; padding: 30px 20px; overflow-y: auto; border: none; border-radius: 0; box-shadow: none; height: calc(100% + 70px); border-bottom: 70px solid #fff; } .lang_select_modal { position: relative; } } @media screen and (max-width:767px) { .slide#search_reg_nr { display: block; position: fixed; top: 90px; left: 50%; transform: translateX(-50%); width: calc(100% - 20px); max-width: 500px; height: 60px; transition: 0.4s; z-index: 1000; border: none; padding: 0; } .slide_top#search_reg_nr { transform: translateY(-400px) translateX(-50%); opacity: 0; } .slide_open#search_reg_nr { transform: translateY(0) translateX(-50%); opacity: 1; } .reg_nr__input { background: #f8f8f8 url(/assets/site/images/search-icon_reg_nr.svg) left 1px center no-repeat; } .section.podbor .podbor_block { padding-bottom: 0; } .section.podbor + .article__content + .section.productlist { padding-top: 0; } } @media screen and (max-width:1279px) { .reg_nr__input {background-position: left 20px center; padding-left: 50px;width: 110%;} } @media screen and (max-width:1023px) { .reg_nr__input {background-position: left 20px center; padding-left: 50px;width: 110%;} } @media screen and (max-width:767px) { .slide#search_reg_nr { display: block; position: fixed; top: 90px; left: 50%; transform: translateX(-50%); width: calc(100% - 20px); max-width: 500px; height: 60px; transition: 0.4s; z-index: 1000; border: none; } .slide_top#search_reg_nr { transform: translateY(-400px) translateX(-50%); opacity: 0; } .slide_open#search_reg_nr { transform: translateY(0) translateX(-50%); opacity: 1; } .custom-podbor .podbor-wrapper .selection__vin-search, .custom-podbor .podbor-wrapper .selection__vin-select { width: 100%; padding-bottom: 0; } .custom-podbor .podbor-wrapper { display: block; padding: 10px 0; } .custom-podbor .podbor-wrapper .block-or { text-align: center; overflow: hidden; height: 40px; margin-bottom: 20px; position: unset; } .custom-podbor .podbor-wrapper .block-or > span:before { position: absolute; width: 340px !important; height: 1px; background-color: #f1f1f1; content: '' !important; top: 15px; left: 50px; } .custom-podbor .podbor-wrapper .block-or > span:after { position: absolute; width: 340px !important; height: 1px; background-color: #f1f1f1; content: '' !important; top: 15px; right: 50px; left: unset; } .productlist__body { margin-bottom: 10px; } } @media screen and (max-height:414px) and (max-width:767px) { .slide#search_reg_nr {top: 40px;} } .header__search1 { flex: 1; position: relative; border: 1px solid var(--header-border-gray-color); border-right: none; } @media screen and (max-width:767px) { .header__search1 {display: none;} } button[disabled], input[disabled] { background: #a9a9a9; border: 1px solid #363636; } .card__available.card__quantity_few::before { background: #f15656; } .card__available.card__quantity_medium::before { background: #ffc400; } .empty__alarm { background: none; } .productlist__listview .card__quantity { width: 65%; } .cart .card__available { background: none; padding-left: 15px; margin: 0; white-space: nowrap; } .cart .card__available::before { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 6px; height: 6px; border-radius: 150px; } .cart .card__available.card__quantity_many::before { background: #9dcf63; } .cart .card__available.card__quantity_few::before { background: #f15656; } .cart .card__available.card__quantity_medium::before { background: #ffc400; } .not-available { display: flex; margin-bottom: 10px; } .not-available > div { margin-right: 30px; } .not-available > div > * { display: block; line-height: 23px; } .red { color: red; } @media screen and (max-width: 569px) { .all-models .subcategory { display: none; } .all-models .category__link { background-image: initial !important; } .all-models.category__item { margin-bottom: 0; } .all-models .category__link { min-height: 50px; } .all-models.active_block .category__link { min-height: 90px; } .compatibility { background-position: center left; } .compatibility .chosen-model-detail-name { display: flex; align-items: center;   } .compatibility .chosen-model-detail-name .tooltip { vertical-align: bottom; } .compatibility .for-delete-button:not(.change-car-btn) { display: inline-block; margin-top: 5px; } .compatibility .for-delete-button a { display: flex; align-items: center; }       .not-available > div { margin-right: 10px; } .top_info { display: none; } } .search-icon_red_big { background: url(/assets/site/images/search-icon_red_big.svg) center no-repeat; height: 22px; vertical-align: top; max-width: 100%; width: 22px; } .cart-icon { background: url(/assets/site/images/cart-icon.svg) center no-repeat; height: 25px; vertical-align: top; max-width: 100%; width: 23px; } .cabinet-icon { background: url(/assets/site/images/cabinet-icon.svg) center no-repeat; height: 24px; vertical-align: top; max-width: 100%; width: 23px; } .close-icon { background: url(/assets/site/images/close-icon.svg) center no-repeat; height: 22px; vertical-align: top; max-width: 100%; width: 22px; } .filter-icon { background: url(/assets/site/images/filter-icon.svg) center no-repeat; height: 22px; vertical-align: top; max-width: 100%; width: 22px; } .tooltip-icon_orange { background: url(/assets/site/images/tooltip-icon_orange.svg) center no-repeat; height: 22px; vertical-align: top; max-width: 100%; width: 22px; } .tooltip-icon { background: url(/assets/site/images/tooltip-icon.svg) center no-repeat; height: 22px; vertical-align: top; max-width: 100%; width: 22px; } .breadcrumbs, .section.news, .section.pagetitle, .section.contacts, .section.map, .section.productlist, .section.product, .section.popular, .section.podbor, .section.category, .section.main, .section.error.flex-content, .section.registration, .section.order, .section.cabinet, .section.profile, .section.garage, .section.vin, .section.article { background-color: #fff; } .popular { overflow: hidden; padding-bottom: 80px; } .section.pagetitle { padding-top: 0; padding-bottom: 0; } #see_seo_block { padding-left: 25px; background: url('/assets/site/images/edit-icon.svg') left no-repeat; } #seotrigger { margin-bottom: 15px; } #seotrigger.active { background-color: var(--button-main-hover-background-color); border: 1px solid var(--button-main-hover-border-color); color: var(--button-main-hover-text-color); } #seo_block_edit { box-shadow: 0 3px 6px rgb(209 213 226 / 25%); border-radius: 5px; border: 1px solid #f1f1f1; padding: 20px 30px; } #seotrigger.active #see_seo_block, #seotrigger:hover #see_seo_block { background-image: url('/assets/site/images/edit-icon-white.svg'); } .bold { font-weight: bold; } .manager__notification { font-weight: bold; font-size: 14px; } .red { color: red; } .vin__form .form__buttons { margin-top: 20px; justify-content: center; } .vin__form .form__buttons .button { width: 200px; } @media screen and (max-width: 767px) { .manager_mobile_width{ overflow-x: auto; } .at-tab-table img { max-width: initial; } .order__form_payments, .order__form_delivery { margin-left: 0; } .search__input { padding-left: 50px; } .search-reg-nr-mobile img { height: 100%; } .product__terms { display: block; text-align: center; border-bottom: 0; } .product__terms span { border-bottom: 1px dashed var(--main-white-blue-color); } .tabs_spoiler .tabs__link_spoiler { padding-left: 10px; box-sizing: border-box; } .cart__footer.order-by-phone { margin-top: 10px; } .related-products { padding-bottom: 35px; margin-bottom: 0; } .related-products .card__more { padding: 5px 20px 15px; } .related-products + .terms + .productlist { padding-top: 0; } .article__content table { display: block; overflow-x: auto; } } .sorting__list_open { height: 338px; } #see_manual_block { padding-left: 25px; background: url('/image/manual.png') left no-repeat; } #manual_trigger { margin-bottom: 15px; } #manual_trigger.active { background-color: var(--button-main-hover-background-color); border: 1px solid var(--button-main-hover-border-color); color: var(--button-main-hover-text-color); } #manual_block { box-shadow: 0 3px 6px rgb(209 213 226 / 25%); border-radius: 5px; border: 1px solid #f1f1f1; padding: 20px 30px; } #manual_trigger.active #see_seo_block, #manual_trigger:hover #see_seo_block { background-image: url('/image/manual.png'); } .manager__change_level_price .orders__more { margin: 20px 0 0 0 !important; } .button_user_select { width: 300px; display: inline-block; } .podbor_block .form__select-scrollbar { max-height: 200px; height: auto; } .podbor_block .form__select-item { white-space: initial; } .gray { -webkit-filter: grayscale(100%);   filter: grayscale(100%); } .pointer { cursor: pointer; } .mt-25 { margin-top: 25px; } .center { text-align: center; } .btn-custom { color: var(--button-main-background-color); font-size: 25px; display: flex; align-items: center; height: 100%; line-height: 27px; font-weight: 600; } #more_products { display: none; } #show_more_products .card__more { bottom: 0; } .m-0-auto { margin: 0 auto; } .main-banner { min-height: 500px; max-height: 500px; overflow: hidden; } .main-banner img { min-height: 500px; max-height: 500px; } .share-block { margin: 15px 0; display: flex; align-items: center; } .share-block > span { display: block; font-weight: bold; margin-right: 15px; } .share-block div > span.active { position: relative; } .share-block div > span.active:before { content: ''; display: block; width: 11px; height: 11px; background: url("/assets/site/images/avalible-icon.svg") no-repeat #fff; background-size: cover; position: absolute; top: -2px; right: 3px; } .share-block img { height: 25px; margin-right: 5px; cursor: pointer; } .card__icon_photo_thumb { width: 57px; height: 57px; border: 0; } .align-center { align-items: center; } .bigphoto__image .photo { object-position: top; } @media screen and (min-width: 992px) { .compatibility { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 5px 10px; } .compatibility .chosen-model-detail-name { display: flex; align-items: center;   } .compatibility .for-delete-button { display: flex; } .compatibility .for-delete-button a { display: flex; align-items: center; line-height: 22px; } } @media screen and (max-width: 991px) { .main-banner { min-height: 300px; max-height: 300px; overflow: hidden; } .main-banner img { min-height: 300px; max-height: 300px; } } @media screen and (max-width: 500px) { .form__login-link .button { padding: 0 21px; } .sorting__select { flex: unset; width: 100%; margin-right: 0; } .section.podbor .tooltip { position: initial; } .section.podbor .tooltip .tooltip__content { transform: translate(-50%, -10px); } .main-banner { min-height: 150px; max-height: 150px; overflow: hidden; } .main-banner img { min-height: 150px; max-height: 150px; } } @media screen and (max-width: 400px) { .form__login-link { display: block; text-align: center; } .form__login-link .button { margin: 5px auto 0; width: 200px; } .form__login-link .button.cart-button { margin: 0 auto 5px; } } .productlist__hidearea { height: 143px; overflow: hidden; } .productlist__tileview .show_list_only { display: none; } .productlist__listview .show_gallery_only { display: none; } .filter-link { color: #333; font-family: 'Rubik', sans-serif; font-size: 13px; font-weight: 400; cursor: pointer; transition: 0.3s; } .filter-link:hover { color: var(--main-blue-color); } .section.sitemap { padding-top: 0; } .sitemap__item { padding-bottom: 10px; } .sitemap__sublist { margin-top: 10px; } .sitemap__link { font-size: 16px; line-height: 26px; } ul.sitemap__sublist { display: none; } li.sitemap__item.sitemap__subitem:hover > ul.sitemap__sublist { display: block; } .form__login-link .button.cart-button.m-left-15 { margin-left: 15px; } @media screen and (max-width: 400px) { .form__login-link .button.cart-button.m-left-15 { margin: 0 auto 5px; } } .p-0-15 { padding: 0 15px; } .links-list { margin-top: 0!important; margin-bottom: 68px; clear: both; } .links-list__title { font-weight: bold; font-size: 22px; font-family: 'Montserrat', sans-serif; color: var(--main-black-color); padding-bottom: 10px; } .links-list__items { display: flex; flex-wrap: wrap; } .links-list__item { font-size: 16px; font-weight: 400; line-height: 1.25; letter-spacing: normal; color: #333; } .links-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(25% - 10px); margin-right: 10px; height: 60px; text-decoration: none; padding: 0 69px 0 0; position: relative; border-bottom: 1px solid #ebebeb; } .links-list__item span { position: relative; max-height: 85%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto 0; font-size: 14px; color: #333; } .links-list__item:after { content: ""; position: absolute; top: calc(40% - 11px); right: 5px; width: 36px; height: 36px; border-radius: 100%; background-position: left 16px center; background-repeat: no-repeat; background: var(--button-main-background-color); background-color: var(--button-round-background-color); background-image: url(/assets/site/images/arrow-link.svg); background-position: left 16px center; background-repeat: no-repeat; } .links-list__item:hover:after { background-image: url(/assets/site/images/arrow-link_white.svg); background-color: var(--button-main-background-color); background-position: left 13px center; } .links-list__item:hover { color: var(--button-main-background-color); border-color: transparent; } .links-list__item:before { content: ""; position: absolute; left: -15px; top: -1px; right: -5px; bottom: -1px; display: none; } .links-list__item:hover:before { box-shadow: 0 0 30px 0 rgb(122 122 122 / 28%); display: block; } @media (max-width: 1280px) { .links-list__item { width: calc(33.33% - 48px); } } @media (max-width: 1023px) { .links-list__title { margin-bottom: 21px; } .links-list__items { display: block; } .links-list__item { width: 100%; margin-right: 0; } .links-list__item:after { right: 4px; } .catmenu__list-2 .catmenu__link { text-align: left; } } .links-list__item-subcategory { display: none; } .links-list__item-img { max-height: 30px; margin-top: 15px; width: 50px; margin-right: 10px; } .form__login-link.js-client-tabs { flex-wrap: wrap; } .form__login-link.js-client-tabs a.button { margin-right: 5px; margin-left: 0; } .order__form_contacts .form__head, .order__form_contacts .form__field { max-width: 425px; } @media screen and (min-width: 320px) and (max-width: 767px) { .form__login-link.js-client-tabs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; } .form__login-link.js-client-tabs a.button { width: 49%; margin-bottom: 7px; margin-right: 0; margin-top: 0; } } .productlist__listview .card__addtocart.inbasket { background: var(--main-blue-color) url(/assets/site/images/check-icon_small_white.svg) center no-repeat; background-size: 15px; } .description .hidetext ul { list-style: initial; padding: revert; } .links-list__item.active { background: #f6f7fa; border: 1px solid #f1f1f1; box-shadow: 0px 0px 30px 0 rgb(122 122 122 / 28%); z-index: 100; } .links-list__item.active:after { transform: rotate(90deg); } .block-models-list { width: calc(33% - 10px); position: relative; } .new_show .links-list__item { width: 100%; padding-left: 10px; margin-right: 0; } .links-list__item-subcategory { padding: 7px 10px 0; box-shadow: 0 20px 30px 0 rgb(209 213 226 / 25%); border: 1px solid #f1f1f1; transition: 0.3s; border-top: 0; margin-bottom: 10px; margin-right: 10px; position: absolute; z-index: 100; background: #fff; width: 100%; min-width: 100%; flex-wrap: wrap; } .links-list__item + .links-list__item-subcategory { box-shadow: 0px 10px 20px 0 rgb(122 122 122 / 28%); } .links-list__item:before { left: 0; top: 0; right: 0; } .links-list__item + .links-list__item-subcategory .links-list__item-sub-item { margin-bottom: 5px; } .links-list__item-sub-item { width: 50%; padding-right: 5px; } .links-list__item-sub-item > a { font-weight: 500; } .links-list__item span { display: block; } .links-list__item span.brand-name { font-weight: 500; color: #000; word-break: break-word; display: initial; } .brand-image { width: 80px; display: flex; align-items: center; justify-content: center; } .brand-image > img { max-height: 40px; margin-top: 0; width: 60px; margin-right: 0; max-width: 100%; padding-right: 10px; } .productlist__body { margin-bottom: 0; } .pagenav { padding: 30px 0 10px; } .links-list { margin-bottom: 0; } @media screen and (max-width: 1023px) { .block-models-list { width: 100%; } } @media screen and (max-width: 767px) { .tabs__link_spoiler + .tabs-content { display: none; } } label.form__chekbox_label.disabled .filter-link, label.form__chekbox_label.disabled .form__count { color: #979797; } #show_more_products .load_process { font-size: 0; min-width: 200px; } #show_more_products .load_process:before { content: ''; background: url('/assets/site/images/setting.svg') center no-repeat; vertical-align: top; max-width: 100%; width: 100%; height: 100%; animation: rotation 2s linear infinite; } .block-insert-data.load_process { background: #fff; opacity: 0.2; } @keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } .card__brand a { text-align: center; color: var(--main-black-color); font-size: 14px; font-weight: 600; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .card__title a { font-size: 16px; font-weight: 500; text-align: center; color: #333; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .hint_block { display: none; font-size: 11px; border-radius: 4px; background-color: #fafafa; position: absolute; border: 1px solid #ffffff; padding: 0px; width: 325px; z-index: 10000; text-transform: initial; } .price_view td { border: 1px solid #dddddd; text-align: left; padding: 8px; font-weight: 600; } .card__oldprice { padding: 0; width: 100%; text-align: center; } .card__price_stock .current-price { color: #f15656; } .stickers { position: relative; } .sticker { display: table; border-radius: 8px 8px 8px 0; margin-bottom: 4px; padding: 2px 5px 1px 8px; font-weight: 700; font-size: 14px; } .sticker.promo { background: #f15656; color: #fff; border: 0; } .productlist__tileview .show_list_only { display: none; } .productlist__listview .show_gallery_only { display: none; } .product-card-title .section__title.maintitle { display: flex; align-items: center; gap: 10px; } .product-card-title .section__title.maintitle .product_card_promo { display: flex; gap: 10px; } .product-card-title .section__title.maintitle .product_card_promo .sticker { border-radius: 8px; padding: 2px 8px; line-height: 23px; margin-bottom: 0; } @media screen and (min-width:768px) { .tabs__content_narrow { max-width: 840px; } .product__tabs .tabs__link_spoiler { display: block; background: unset; pointer-events: none; cursor: text; } .product__tabs .tabs__link_spoiler:after { content: none; } .hide-pc { display: none !important; } } .productlist__card-row2 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px 0; margin-top: 10px; margin-bottom: 10px; } .terms__text h3 { font-size: 16px; font-weight: 700; } .block-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px 10px; } .block-grid .section { width: initial; max-width: initial; position: initial; padding: 0 30px; } .form__wide_form_m1 { max-width: 100%; } .block-grid__first, .block-grid__second, .block-grid__third { margin-bottom: 25px; } .block-grid__third { grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 2; } .hide-block { display: none; } .hide-block.show { display: block; margin-top: 18px; } #progress-full{ text-align: center; font-weight: 500; line-height: 14px; margin-top: 20px; margin-bottom: 20px; font-size: 14px;   } .progress-line, .progress-line:before { height: 5px; width: 100%; margin: 0; } .progress-line { background-color: #f5f5f5; display: -webkit-flex; display: flex; } .progress-line:before { background-color: var(--button-main-background-color); content: ''; -webkit-animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite; } @-webkit-keyframes running-progress { 0% { margin-left: 0px; margin-right: 100%; } 50% { margin-left: 25%; margin-right: 0%; } 100% { margin-left: 100%; margin-right: 0; } } @keyframes running-progress { 0% { margin-left: 0px; margin-right: 100%; } 50% { margin-left: 25%; margin-right: 0%; } 100% { margin-left: 100%; margin-right: 0; } } .table_slim table th, .table_slim table td, .table_slim td { padding: 5px 2px !important; text-align: left !important;; } @media screen and (max-width: 360px) { .not-available { display: block; } .not-available .card__button { margin: 10px 0; } } .cart .card { flex-wrap: wrap; } .remove-cart-after { display: block; text-align: right; width: 100%; } .remove-cart-after > span { color: var(--main-blue-color); font-weight: bold; } .contacts__map { width: 68%; } @media screen and (max-width: 767px) { .remove-cart-after > span { order: 6; margin-top: 15px; } .contacts__map { width: 100%; } } .form__fileupload .form__text { margin-top: -5px; } #check_login_image_id { display: none; } #check_login_image_id.active { display: block; } p.empty-text { padding: 0 15px; } .empty-text:first-letter { text-transform: uppercase; } .podbor_model_block-inner .empty-text { padding: 0; } .social a { display: inline-block; } .social a img { height: 35px; } .social .footer__button { margin-top: 0; } .tabs__link_spoiler > h2 { font-size: 16px; font-weight: 600; } .info_part_description { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1rem; } .info_part_description img { max-width: 120px; max-height: 120px; } @media screen and (max-width: 767px) { .info_part_description .tabs__subtitle { display: initial; } } .form__input:disabled, .form__input[readonly] { background-color: #e9ecef; opacity: 1; } .card__rating { color: #b2b2b2; font-size: 12px; } .mx-auto { margin: 0 auto !important; } .show-piece-products .productlist__listview .card.hide { display: none; } .show-piece-products.show-all-products .productlist__listview .card.hide { display: flex; } .productlist__listview .card__info.show_list_only.empty_price { display: flex; align-items: center; justify-content: end; } #popup-cart-body .cart__button { margin: 5px 0; }   .podbor_modif_block { position: absolute; z-index: 10;   max-width: 365px; top: 50px; margin-top:10px; } .podbor_modif_block-inner { padding:15px 15px 5px 15px; border-radius: 5px; background-color: #fff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } .podbor_modif_block {color:var(--main-black-color);font-size:14px;float:left;font-weight: 400;right:10px;} .podbor_modif_block-items {margin-bottom:8px;} .podbor_modif_block-items div { display:inline-block;   width: 100%; margin-bottom:3px; } .podbor_modif_block-items a {color: var(--main-white-blue-color);font-size: 14px;} .podbor_modif_block-items a:hover {color: #b40923;}   .category__alarm a { color: inherit; } .podbor_brand_block-items div { margin-bottom:10px; } .podbor_modif_block { max-height: 350px; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 2px, rgba(0, 0, 0, 0.04) 0px 0px 4px, rgba(0, 0, 0, 0.02) 0px 0px 8px, rgba(0, 0, 0, 0.02) 0px 0px 16px, rgba(0, 0, 0, 0.01) 0px 0px 40px; border-radius: 4px; margin-right: -7px; } .podbor_modif_block-inner .form-group { font-weight: bold; } .p-0 { padding: 0; } .pb-0 { padding-bottom: 0; } .mb-2 { margin-bottom: 1rem; } @media screen and (min-width: 1025px) { .podbor_block .podbor__items { margin: 0; gap: 0 10px; } .podbor_block .podbor__item-inner { margin: 0; } .podbor_block .podbor__item-inner .form__field { width: 150px; margin-bottom: 0; } .podbor:not(.js-car-form) .podbor_block.podbor_js { padding-bottom: 0; } } @media screen and (min-width: 1280px) { .podbor_block .podbor__item-inner .form__field { width: 185px; } } @media screen and (max-width: 1023px) { .podbor_modif_block { max-width: calc(100% - 20px); margin-right: 0; } } @media screen and (max-width: 767px) { #popup-cart-body .cart__button { margin: 0; } .header__currency { position: absolute; right: 20px; top: 3px; width: auto; } } @media screen and (max-width: 569px) { .podbor_modif_block-items div { width: 100%; padding: 10px 20px; } .block-style .podbor__item { position: relative; } .podbor_modif_block-items div { padding: 10px 0; } } .news__slider .news__short-description { display: block; margin: 10px 0; font: 14px 'Montserrat', sans-serif; font-weight: 400; line-height: 140%; color: var(--main-black-color); background: var(--main-white-background-color); } .section_messages { width: 100%; max-width: 1280px; position: relative; display: block; margin-bottom: 10px; padding-top: 25px; padding-bottom: 25px; } .group-btn { display: flex; justify-content: end; gap: 5px; } .text-right { text-align: right !important; } .section.registration .form_login .form__remember { display: flex; justify-content: space-between; align-items: baseline; } .section.registration .form_login .form__remember .form__chekbox_label { margin: 0; } .sticker-used { margin: 0 0 0 3px; display: inline-block; border-radius: 8px 8px 8px 0; text-transform: uppercase; padding: 2px 5px; font-weight: 700; font-size: 14px; background: #8c00ff; color: #ffffff; } .section.js-show-car-form { display: none; } .change-car-btn a { width: 17px; height: 17px; margin-left: 3px; margin-top: -2px; } .product__info .change-car-btn a { margin-left: 0; margin-top: 0; } .product__info .change-car-btn a img { margin-top: 4px; height: 18px; width: 18px; } .show-portion-products .card:nth-child(n+13) { display: none; } .button.all-parts { height: 35px; width: 100%; margin: 0; } .custom-card .card__buttons { margin-top: 15px; } .card.custom-card .card__more { padding-bottom: 20px; } .custom-card.card:hover .card__more { margin-top: 0; } .more-characteristics { margin-top: 5px; } .row_price_criteria { max-height: 160px; overflow: hidden; } .sorting__select { z-index: 1; } .inline { display: inline !important; } .footer__phones { font-weight: normal; } .footer__copyright { padding: 0; font-size: 12px; } .powered { margin-left: 15px; } footer .social { margin-top: 20px; } .used_spare_parts { cursor: pointer; } .product-group { display: inline-flex; background: var(--header-hover-menu-color); border-radius: 8px; flex-wrap: wrap; } .product-card { text-decoration: none; font-size: 14px; font-weight: 600; padding: 7px 8px; border-radius: 6px; color: #333; transition: all 0.3s ease; position: relative; } .product-card.selected { background: white; color: var(--main-white-blue-color); font-weight: 700; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 6px; } .product-card:hover { color: var(--main-white-blue-color); } .card.is_parameter_product, .card.hide_product { display: none; } .card.is_parameter_product.active_product { display: block; } .section.always_auth .popup__overlay, .section.always_auth .popup__close { display: none; } .section.always_auth .login .popup__box { padding-bottom: 30px; padding-top: 30px; } .section.always_auth .login-header { text-align: center; } .section.always_auth .popup__title { text-align: center; } .section.always_auth .login-header img { max-width: 200px; } .section.always_auth .header__logo { margin-bottom: 15px; display: block; text-align: center; width: 100%; } .section.always_auth .login .form__footer { padding: 20px 0; } .section.always_auth .phones__main { margin: 0 auto; font-size: 18px; font-weight: bold; } .section.always_auth.section-registration hr { margin: 20px 0; } .section.always_auth.section-registration .phones__main { margin: 0; } .pb-0 { padding-bottom: 0 !important; } .header__search { border-left: 0; } .addfavorite__tooltip, .addfavorite_added .addfavorite__tooltip_added { justify-content: center; } .productlist__body.one-column .productlist__content { width: 100%; } @media screen and (min-width: 768px) { .section.always_auth.section-registration .login-header { display: flex; align-items: center; justify-content: space-between; padding: 0 55px; } .section.always_auth.section-registration .header__logo { margin-bottom: 0; width: auto; } } @media screen and (min-width: 1280px) { .productlist__body.one-column .productlist__tileview { grid-template-columns: repeat(4, 1fr); } } @media screen and (max-width:1279px) { .productlist__tileview .card__button { max-width: 150px; white-space: normal; } } @media screen and (max-width: 569px) { .section.js-show-car-form { display: block; } .js-car-form { display: none; padding-top: 0; padding-bottom: 0; } } .main__offer { height: inherit; } .main__offer .offer__item { padding: 0; } .main__offer .photo { position: initial; }.language__img { cursor: pointer; border: 0; opacity: .5; } .language__img:hover, .language__img_active { opacity: 1; } .language__span { color: #dfdfdf; font-size: 12px; font-weight: 500; } .language__span:hover, .language__span_active { opacity: 1; color: var(--header-text-gray-color); }.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-family:arial;font-size:15px;line-height:1em;}.daterangepicker:before,.daterangepicker:after{position:absolute;display:inline-block;border-bottom-color:rgba(0,0,0,.2);content:'';}.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc;}.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;}.daterangepicker.opensleft:before{right:22px;}.daterangepicker.opensleft:after{right:23px;}.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto;}.daterangepicker.openscenter:after{left:0;right:0;width:0;margin-left:auto;margin-right:auto;}.daterangepicker.opensright:before{left:9px;}.daterangepicker.opensright:after{left:10px;}.daterangepicker.drop-up{margin-top:-7px;}.daterangepicker.drop-up:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc;}.daterangepicker.drop-up:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff;}.daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar{float:none;}.daterangepicker.single .drp-selected{display:none;}.daterangepicker.show-calendar .drp-calendar{display:block;}.daterangepicker.show-calendar .drp-buttons{display:block;}.daterangepicker.auto-apply .drp-buttons{display:none;}.daterangepicker .drp-calendar{display:none;max-width:270px;}.daterangepicker .drp-calendar.left{padding:15px 7px 18px 15px;}.daterangepicker .drp-calendar.right{padding:8px;}.daterangepicker .drp-calendar.single .calendar-table{border:none;}.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid black;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px;}.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg);}.daterangepicker .calendar-table th,.daterangepicker .calendar-table td{white-space:nowrap;text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer;}.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff;}.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse;}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit;}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc;}.daterangepicker td.off,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date,.daterangepicker td.off.end-date{background-color:#fff;border-color:transparent;color:#999;}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0;}.daterangepicker td.start-date{border-radius:4px 0 0 4px;}.daterangepicker td.end-date{border-radius:0 4px 4px 0;}.daterangepicker td.start-date.end-date{border-radius:4px;}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#2f86c2;border-color:transparent;color:#fff;}.daterangepicker th.month{width:auto;}.daterangepicker td.disabled,.daterangepicker option.disabled{color:#999;cursor:not-allowed;text-decoration:line-through;}.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:pointer;border-radius:3px;border:1px solid #999;background:url(../img/select-arrowdown.svg) center right 5px no-repeat;background-size:10px;padding:4px;}.daterangepicker select.monthselect{margin-right:2%;width:56%;}.daterangepicker select.yearselect{width:40%;}.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.daterangepicker select.ampmselect{width:50px;margin:0 auto;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px;}.daterangepicker .calendar-time{text-align:center;margin:4px auto 0 auto;line-height:30px;position:relative;}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed;}.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle;}.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px;}.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:bold;padding:4px 8px;}.daterangepicker.show-ranges.single.rtl .drp-calendar.left{border-right:1px solid #ddd;}.daterangepicker.show-ranges.single.ltr .drp-calendar.left{border-left:1px solid #ddd;}.daterangepicker.show-ranges.rtl .drp-calendar.right{border-right:1px solid #ddd;}.daterangepicker.show-ranges.ltr .drp-calendar.left{border-left:1px solid #ddd;}.daterangepicker .ranges{float:none;text-align:left;margin:0;}.daterangepicker.show-calendar .ranges{margin-top:8px;}.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%;}.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer;}.daterangepicker .ranges li:hover{background-color:#eee;}.daterangepicker .ranges li.active{background-color:#08c;color:#fff;}@media (min-width:564px){.daterangepicker{width:auto}.daterangepicker .ranges ul{width:140px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .drp-calendar.left{clear:none}.daterangepicker.single .ranges,.daterangepicker.single .drp-calendar{float:left}.daterangepicker{direction:ltr;text-align:left}.daterangepicker .drp-calendar.left{clear:left;margin-right:0}.daterangepicker .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker .drp-calendar.right{margin-left:0}.daterangepicker .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker .drp-calendar.left .calendar-table{padding-right:8px}.daterangepicker .ranges,.daterangepicker .drp-calendar{float:left}}@media (min-width:730px){.daterangepicker .ranges{width:auto}.daterangepicker .ranges{float:left}.daterangepicker.rtl .ranges{float:right}.daterangepicker .drp-calendar.left{clear:none!important}}.select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; width:100% !important;   border-radius: 5px; } .select2-container--below { border: 1px solid var(--main-white-blue-color); } .select2-container--open { border:none; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 42px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 15px; padding-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: #f6f9fc; border: 1px solid #d6d6d6; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .select2-container--default .select2-selection--single {     border-radius: 4px; background: #fff; border: 1px solid #edf1f6; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 42px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow:after { content: ''; position: absolute; top: 18px; right: 8px; width: 16px; height: 9px; background: url("/image/icons.png") no-repeat -21px -100px; }   .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }   .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: rgba(95, 181, 240, 0.31); } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f6f6f6; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } @import "color_settings.css"; .dashed-link_edit::before { background: url(/assets/site/images/custom/edit-icon.svg) center no-repeat; } .button_arrow { background-image: url(/assets/site/images/custom/arrow-link.svg); } .button_arrowup { background-image: url(/assets/site/images/custom/select-arrowup.svg); } .button_arrowdown { background-image: url(/assets/site/images/custom/select-arrowdown.svg); } .form__select .form__input { background: #f8f8f8 url(/assets/site/images/custom/select-arrowdown.svg) right 15px center no-repeat; } .form__select_open .form__input, .form__select_open:hover .form__input { background: #fff url(/assets/site/images/custom/select-arrowup.svg) right 15px center no-repeat; } .form__button_search { background: url(/assets/site/images/custom/search-icon_orange.svg) center no-repeat; } .form__radio:checked + .form__radio_label:before { border: 2px solid var(--radio-button-active-border-color); background: url(/assets/site/images/custom/radio-icon.svg) center no-repeat; background-size: contain; } @media (hover: hover) { .form__radio:not(:checked):hover + .form__radio_label:before { background: url(/assets/site/images/custom/radio-icon_opacity.svg) center no-repeat; } } .slick-arrow { background: #fff url(/assets/site/images/custom/slider-arrow.svg) center no-repeat; } @media (hover: hover) { .slick-arrow:not(.slick-disabled):hover { background: #fff url(/assets/site/images/custom/slider-arrow_orange.svg) center no-repeat; } } .slider_vertical .slick-arrow { background: #fff url(/assets/site/images/custom/slider-arrow_vertical.svg) center no-repeat; } @media (hover: hover) { .slider_vertical .slick-arrow:not(.slick-disabled):hover { background: #fff url(/assets/site/images/custom/slider-arrow_vertical_orange.svg) center no-repeat; } } .header .phones__main { background: url(/assets/site/images/custom/select-arrowdown.svg) right center no-repeat; } .phones__list_open .phones__main { background: url(/assets/site/images/custom/select-arrowup.svg) right center no-repeat; } .header__menu-item_submenu { background: url(/assets/site/images/custom/select-arrowdown.svg) top 2px right no-repeat; } .header__menu-item_open { background: url(/assets/site/images/custom/select-arrowup.svg) top 2px right no-repeat; } .search__clear { background: url(/assets/site/images/custom/close-icon.svg) center no-repeat; } .search__input { background: var(--header-white-backgroud-color) url(/assets/site/images/custom/search-icon_red.svg) left 30px center no-repeat; } .header__search_focus .search__input { background: #f8f8f8 url(/assets/site/images/custom/search-icon_red.svg) left 30px center no-repeat; } .search__history-item { background: url(/assets/site/images/custom/search-icon.svg) left center no-repeat; } .catmenu__button { background: url(/assets/site/images/custom/catmenu-icon.svg) left center no-repeat; } @media (hover: hover) { .catmenu:hover .catmenu__button { background: url(/assets/site/images/custom/catmenu-icon_orange.svg) left center no-repeat; } } .catmenu_open .catmenu__button { background: url(/assets/site/images/custom/catmenu-icon_orange.svg) left center no-repeat; } .compatibility__select .form__select-item_selected .compatibility__radio { background: url(/assets/site/images/custom/radio-icon.svg) center no-repeat; } .compatibility__select .form__select-item:not(.form__select-item_selected):hover .compatibility__radio { background: url(/assets/site/images/custom/radio-icon_opacity.svg) center no-repeat; } .compatibility__button.button { background: url(/assets/site/images/custom/plus_blue.svg) left 16px center no-repeat; } @media screen and (max-width:1023px) { .mobilemenu__link_submenu { background: url(/assets/site/images/custom/select-arrowdown.svg) center right no-repeat; } .mobilemenu__link_open { background: url(/assets/site/images/custom/select-arrowup.svg) center right no-repeat; } } .card__icon_place { background: #ffffff url(/assets/site/images/custom/card-icon.svg) center no-repeat; } @media (hover: hover) { .addfavorite:hover { background: #ffffff url(/assets/site/images/custom/favorite-icon_orange.svg) center no-repeat; } } .addfavorite_added, .addfavorite_added:hover { background: #ffffff url(/assets/site/images/custom/favorite-icon_fill.svg) center no-repeat; } .quantity__btn_up { background: url(/assets/site/images/custom/plus.svg) center no-repeat; } .quantity__btn_dwn { background: url(/assets/site/images/custom/minus.svg) center no-repeat; } .quantity__btn_disable { background: url(/assets/site/images/custom/minus_gray.svg) center no-repeat; cursor: default; } .productlist__listview .card__icon_characteristic { background: url(/assets/site/images/custom/tooltip-icon_blue.svg) center no-repeat; } .productlist__listview .card__icon_characteristic:hover { background: url(/assets/site/images/custom/tooltip-icon_red.svg) center no-repeat; } .productlist__listview .card__icon_photo { background: url(/assets/site/images/custom/photo-icon.svg) center no-repeat; } .productlist__listview .card__icon_photo:hover { background: url(/assets/site/images/custom/photo-icon_red.svg) center no-repeat; } .productlist__listview .card__addtocart { background: url(/assets/site/images/custom/cart-icon_small.svg) center no-repeat; } .footer__phones { background: url(/assets/site/images/custom/phones-icon.svg) top 5px left no-repeat; } .footer__adress { background: url(/assets/site/images/custom/adress-icon.svg) top 5px left no-repeat; } .footer__worktime { background: url(/assets/site/images/custom/watch-icon.svg) top 5px left no-repeat; } .footer__adress { background: url(/assets/site/images/custom/adress-icon.svg) top 5px left no-repeat; } .footer__worktime { background: url(/assets/site/images/custom/watch-icon.svg) top 5px left no-repeat; } .popup__close { background: url(/assets/site/images/custom/close-icon.svg) center no-repeat; } .cart .card__available_days { background: url(/assets/site/images/custom/avalibledays-icon.svg) left center no-repeat; } .error__phone { background: url(/assets/site/images/custom/phones-icon.svg) left center no-repeat; } .pagenav__button { background: #fff url(/assets/site/images/custom/slider-arrow.svg) center no-repeat; } @media (hover: hover) { .pagenav__button:hover { background: #fff url(/assets/site/images/custom/slider-arrow_orange.svg) center no-repeat; } } .pagenav__button_disable, .pagenav__button_disable:hover { background: #fff url(/assets/site/images/custom/slider-arrow.svg) center no-repeat; } .contacts__adress { background: url(/assets/site/images/custom/adress-icon.svg) top 5px left no-repeat; } .contacts__phones { background: url(/assets/site/images/custom/phones-icon.svg) top 5px left no-repeat; } .contacts__worktime { background: url(/assets/site/images/custom/watch-icon.svg) top 5px left no-repeat; } .order__form_contacts::before { background: url(/assets/site/images/custom/order-icon_contacts.svg) center no-repeat; } .order__form_delivery::before { background: url(/assets/site/images/custom/order-icon_delivery.svg) center no-repeat; } .order__form_payments::before { background: url(/assets/site/images/custom/order-icon_payments.svg) center no-repeat; } .form__radio-option-adress-link::before { background: url(/assets/site/images/custom/adress-icon_small.svg) center no-repeat; } .postselect__input { background: #f8f8f8 url(/assets/site/images/custom/select-arrowdown.svg) right 15px center no-repeat; } .postselect__form_open .postselect__input { background: #fff url(/assets/site/images/custom/select-arrowup.svg) right 15px center no-repeat; } .postselect__button_search { background: url(/assets/site/images/custom/search-icon_red.svg) center no-repeat; } .sorting__list { background: #f8f8f8 url(/assets/site/images/custom/select-arrowdown.svg) top 17px right 15px no-repeat; } .sorting__list_open { background: #fff url(/assets/site/images/custom/select-arrowup.svg) top 17px right 15px no-repeat; } .sorting__button_tile { background: url(/assets/site/images/custom/tile-icon_blue.svg) center no-repeat; } .sorting__button_tile:hover, .sorting__button_tile.sorting__button_active { background: url(/assets/site/images/custom/tile-icon.svg) center no-repeat; } .sorting__button_tile:not(.sorting__button_active):hover { background: url(/assets/site/images/custom/tile-icon_orange.svg) center no-repeat; } .sorting__button_list { background: url(/assets/site/images/custom/list-icon_blue.svg) center no-repeat; } .sorting__button_list:hover, .sorting__button_list.sorting__button_active { background: url(/assets/site/images/custom/list-icon.svg) center no-repeat; } .sorting__button_list:not(.sorting__button_active):hover { background: url(/assets/site/images/custom/list-icon_orange.svg) center no-repeat; } .filter .button_search { background: url(/assets/site/images/custom/search-icon_red.svg) center no-repeat; } .product__analogs::before { background: url(/assets/site/images/custom/analogs-icon.svg) center no-repeat; } .tabs__link_spoiler { background: #f8f8f8 url(/assets/site/images/custom/select-arrowdown.svg) right 5px center no-repeat; } .tabs__link_spoiler.tabs__link_active { background: #f8f8f8 url(/assets/site/images/custom/select-arrowup.svg) right 5px center no-repeat; } .terms__icon_express::before { background: url(/assets/site/images/custom/delivery-icon_express.svg) center no-repeat; } .terms__icon_standart::before { background: url(/assets/site/images/custom/delivery-icon_standart.svg) center no-repeat; } @media screen and (max-width:1023px) { .catmenu:hover .catmenu__button { color: var(--main-black-color); background: url(/assets/site/images/custom/catmenu-icon.svg) left center no-repeat; } } .manager__change_level_price { background: url(/assets/site/images/custom/select-arrowdown.svg) top 15px right 34px no-repeat; } .search-icon_red_big { background: url(/assets/site/images/custom/search-icon_red_big.svg) center no-repeat; } .cart-icon { background: url(/assets/site/images/custom/cart-icon.svg) center no-repeat;         } .cabinet-icon { background: url(/assets/site/images/custom/cabinet-icon.svg) center no-repeat;         } .close-icon { background: url(/assets/site/images/custom/close-icon.svg) center no-repeat; } .filter-icon { background: url(/assets/site/images/custom/filter-icon.svg) center no-repeat; } .tooltip-icon_orange { background: url(/assets/site/images/custom/tooltip-icon_orange.svg) center no-repeat; } .tooltip-icon { background: url(/assets/site/images/custom/tooltip-icon.svg) center no-repeat; }.dtree a { color:#2c5ba; font-size:14px; line-height:16px; height:18px; } .dTreeNode { height:18px; } .Container { padding:0; } .Container li { list-style-type:none; } .Container li a { color:#2c5ba; font-size:14px; line-height:16px; } .Node { background-image:url('/image/design/i.gif'); background-position:top left; background-repeat:repeat-y; margin-left:18px; zoom:1; } .IsRoot { margin-left:0; } .IsLast { background-image:url('/image/design/i_half.gif'); background-repeat:no-repeat; } .ExpandOpen .Expand { background-image:url('/image/design/expand_minus.gif'); } .ExpandClosed .Expand { background-image:url('/image/design/expand_plus.gif'); } .ExpandLeaf .Expand { background-image:url('/image/design/expand_leaf.gif'); } .dContent { min-height:20px; margin-left:20px; } * html .dContent { height:18px; } .Expand { width:18px; height:18px; float:left; } .ExpandLoading { width:18px; height:18px; float:left; background-image:url('/image/design/expand_loading.gif'); } .ExpandOpen .Container { display:block; } .ExpandClosed .Container { display:none; } .ExpandOpen .Expand, .ExpandClosed .Expand { cursor:pointer; } .ExpandLeaf .Expand { cursor:auto; }