/* responsive columns */ .row { margin: 0 -20px; display: flex; flex-wrap: wrap; } .row-v-center { align-items: center; } .row-h-center { justify-content: center; } .row-top { align-items: flex-start; } .row-bottom { align-items: flex-end; } .row-right { justify-content: flex-end; } .row-left { justify-content: flex-start; } .offset-left-10 { margin-left: 10%; } .offset-left-20 { margin-left: 20%; } .offset-left-30 { margin-left: 30%; } .offset-left-40 { margin-left: 40%; } .offset-left-50 { margin-left: 50%; } .offset-left-60 { margin-left: 60%; } .offset-left-70 { margin-left: 70%; } .offset-left-80 { margin-left: 80%; } .offset-left-90 { margin-left: 90%; } .offset-left-100 { margin-left: 100%; } @media (max-width: 1023px) { .offset-left-t-10 { margin-left: 10%; } .offset-left-t-20 { margin-left: 20%; } .offset-left-t-30 { margin-left: 30%; } .offset-left-t-40 { margin-left: 40%; } .offset-left-t-50 { margin-left: 50%; } .offset-left-t-60 { margin-left: 60%; } .offset-left-t-70 { margin-left: 70%; } .offset-left-t-80 { margin-left: 80%; } .offset-left-t-90 { margin-left: 90%; } .offset-left-t-100 { margin-left: 100%; } } @media (max-width: 767px) { .offset-left-m-10 { margin-left: 10%; } .offset-left-m-20 { margin-left: 20%; } .offset-left-m-30 { margin-left: 30%; } .offset-left-m-40 { margin-left: 40%; } .offset-left-m-50 { margin-left: 50%; } .offset-left-m-60 { margin-left: 60%; } .offset-left-m-70 { margin-left: 70%; } .offset-left-m-80 { margin-left: 80%; } .offset-left-m-90 { margin-left: 90%; } .offset-left-m-100 { margin-left: 100%; } } @media (max-width: 767px) { .offset-left-t-10 { margin-left: unset; } .offset-left-t-20 { margin-left: unset; } .offset-left-t-30 { margin-left: unset; } .offset-left-t-40 { margin-left: unset; } .offset-left-t-50 { margin-left: unset; } .offset-left-t-60 { margin-left: unset; } .offset-left-t-70 { margin-left: unset; } .offset-left-t-80 { margin-left: unset; } .offset-left-t-90 { margin-left: unset; } .offset-left-t-100 { margin-left: unset; } } .offset-right-10 { margin-right: 10%; } .offset-right-20 { margin-right: 20%; } .offset-right-30 { margin-right: 30%; } .offset-right-40 { margin-right: 40%; } .offset-right-50 { margin-right: 50%; } .offset-right-60 { margin-right: 60%; } .offset-right-70 { margin-right: 70%; } .offset-right-80 { margin-right: 80%; } .offset-right-90 { margin-right: 90%; } .offset-right-100 { margin-right: 100%; } @media (max-width: 1023px) { .offset-right-t-10 { margin-right: 10%; } .offset-right-t-20 { margin-right: 20%; } .offset-right-t-30 { margin-right: 30%; } .offset-right-t-40 { margin-right: 40%; } .offset-right-t-50 { margin-right: 50%; } .offset-right-t-60 { margin-right: 60%; } .offset-right-t-70 { margin-right: 70%; } .offset-right-t-80 { margin-right: 80%; } .offset-right-t-90 { margin-right: 90%; } .offset-right-t-100 { margin-right: 100%; } } @media (max-width: 767px) { .offset-right-m-10 { margin-right: 10%; } .offset-right-m-20 { margin-right: 20%; } .offset-right-m-30 { margin-right: 30%; } .offset-right-m-40 { margin-right: 40%; } .offset-right-m-50 { margin-right: 50%; } .offset-right-m-60 { margin-right: 60%; } .offset-right-m-70 { margin-right: 70%; } .offset-right-m-80 { margin-right: 80%; } .offset-right-m-90 { margin-right: 90%; } .offset-right-m-100 { margin-right: 100%; } } @media (max-width: 767px) { .offset-right-t-10 { margin-right: unset; } .offset-right-t-20 { margin-right: unset; } .offset-right-t-30 { margin-right: unset; } .offset-right-t-40 { margin-right: unset; } .offset-right-t-50 { margin-right: unset; } .offset-right-t-60 { margin-right: unset; } .offset-right-t-70 { margin-right: unset; } .offset-right-t-80 { margin-right: unset; } .offset-right-t-90 { margin-right: unset; } .offset-right-t-100 { margin-right: unset; } } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } @media (max-width: 1023px) { .order-t-1 { order: 1; } .order-t-2 { order: 2; } .order-t-3 { order: 3; } .order-t-4 { order: 4; } .order-t-5 { order: 5; } .order-t-6 { order: 6; } .order-t-7 { order: 7; } .order-t-8 { order: 8; } .order-t-9 { order: 9; } .order-t-10 { order: 10; } } @media (max-width: 767px) { .order-m-1 { order: 1; } .order-m-2 { order: 2; } .order-m-3 { order: 3; } .order-m-4 { order: 4; } .order-m-5 { order: 5; } .order-m-6 { order: 6; } .order-m-7 { order: 7; } .order-m-8 { order: 8; } .order-m-9 { order: 9; } .order-m-10 { order: 10; } } .col { padding: 0 20px; min-height: 1px; box-sizing: border-box; flex: 1 0 0; } .col-8 { max-width: 8.33%; flex-basis: 8.33%; } .col-10 { max-width: 10%; flex-basis: 10%; } .col-12 { max-width: 12.5%; flex-basis: 12.5%; } .col-15 { max-width: 15%; flex-basis: 15%; } .col-16 { max-width: 16.66%; flex-basis: 16.66%; } .col-18 { max-width: 18%; flex-basis: 18%; } .col-20 { max-width: 20%; flex-basis: 20%; } .col-23 { max-width: 23%; flex-basis: 23%; } .col-25 { max-width: 25%; flex-basis: 25%; } .col-30 { max-width: 30%; flex-basis: 30%; } .col-32 { max-width: 32%; flex-basis: 32%; } .col-33 { max-width: 33.33%; flex-basis: 33.33%; } .col-40 { max-width: 40%; flex-basis: 40%; } .col-50 { max-width: 50%; flex-basis: 50%; } .col-60 { max-width: 60%; flex-basis: 60%; } .col-66 { max-width: 66.66%; flex-basis: 66.66%; } .col-68 { max-width: 68%; flex-basis: 68%; } .col-70 { max-width: 70%; flex-basis: 70%; } .col-75 { max-width: 75%; flex-basis: 75%; } .col-77 { max-width: 77%; flex-basis: 77%; } .col-80 { max-width: 80%; flex-basis: 80%; } .col-82 { max-width: 82%; flex-basis: 82%; } .col-83 { max-width: 83.34%; flex-basis: 83.34%; } .col-85 { max-width: 85%; flex-basis: 85%; } .col-88 { max-width: 88%; flex-basis: 88%; } .col-90 { max-width: 90%; flex-basis: 90%; } .col-92 { max-width: 92%; flex-basis: 92%; } .col-100 { max-width: 100%; flex-basis: 100%; } @media (max-width: 1023px) { .col-t-8 { max-width: 8.33%; flex-basis: 8.33%; } .col-t-10 { max-width: 10%; flex-basis: 10%; } .col-t-12 { max-width: 12.5%; flex-basis: 12.5%; } .col-t-15 { max-width: 15%; flex-basis: 15%; } .col-t-16 { max-width: 16.66%; flex-basis: 16.66%; } .col-t-18 { max-width: 18%; flex-basis: 18%; } .col-t-20 { max-width: 20%; flex-basis: 20%; } .col-t-23 { max-width: 23%; flex-basis: 23%; } .col-t-25 { max-width: 25%; flex-basis: 25%; } .col-t-30 { max-width: 30%; flex-basis: 30%; } .col-t-32 { max-width: 32%; flex-basis: 32%; } .col-t-33 { max-width: 33.33%; flex-basis: 33.33%; } .col-t-40 { max-width: 40%; flex-basis: 40%; } .col-t-50 { max-width: 50%; flex-basis: 50%; } .col-t-60 { max-width: 60%; flex-basis: 60%; } .col-t-66 { max-width: 66.66%; flex-basis: 66.66%; } .col-t-68 { max-width: 68%; flex-basis: 68%; } .col-t-70 { max-width: 70%; flex-basis: 70%; } .col-t-75 { max-width: 75%; flex-basis: 75%; } .col-t-77 { max-width: 77%; flex-basis: 77%; } .col-t-80 { max-width: 80%; flex-basis: 80%; } .col-t-82 { max-width: 82%; flex-basis: 82%; } .col-t-83 { max-width: 83.34%; flex-basis: 83.34%; } .col-t-85 { max-width: 85%; flex-basis: 85%; } .col-t-88 { max-width: 88%; flex-basis: 88%; } .col-t-90 { max-width: 90%; flex-basis: 90%; } .col-t-92 { max-width: 92%; flex-basis: 92%; } .col-t-100 { max-width: 100%; flex-basis: 100%; } } @media (max-width: 767px) { .col-m-8 { max-width: 8.33%; flex-basis: 8.33%; } .col-m-10 { max-width: 10%; flex-basis: 10%; } .col-m-12 { max-width: 12.5%; flex-basis: 12.5%; } .col-m-15 { max-width: 15%; flex-basis: 15%; } .col-m-16 { max-width: 16.66%; flex-basis: 16.66%; } .col-m-18 { max-width: 18%; flex-basis: 18%; } .col-m-20 { max-width: 20%; flex-basis: 20%; } .col-m-23 { max-width: 23%; flex-basis: 23%; } .col-m-25 { max-width: 25%; flex-basis: 25%; } .col-m-30 { max-width: 30%; flex-basis: 30%; } .col-m-32 { max-width: 32%; flex-basis: 32%; } .col-m-33 { max-width: 33.33%; flex-basis: 33.33%; } .col-m-40 { max-width: 40%; flex-basis: 40%; } .col-m-50 { max-width: 50%; flex-basis: 50%; } .col-m-60 { max-width: 60%; flex-basis: 60%; } .col-m-66 { max-width: 66.66%; flex-basis: 66.66%; } .col-m-68 { max-width: 68%; flex-basis: 68%; } .col-m-70 { max-width: 70%; flex-basis: 70%; } .col-m-75 { max-width: 75%; flex-basis: 75%; } .col-m-77 { max-width: 77%; flex-basis: 77%; } .col-m-80 { max-width: 80%; flex-basis: 80%; } .col-m-82 { max-width: 82%; flex-basis: 82%; } .col-m-83 { max-width: 83.34%; flex-basis: 83.34%; } .col-m-85 { max-width: 85%; flex-basis: 85%; } .col-m-88 { max-width: 88%; flex-basis: 88%; } .col-m-90 { max-width: 90%; flex-basis: 90%; } .col-m-92 { max-width: 92%; flex-basis: 92%; } .col-m-100 { max-width: 100%; flex-basis: 100%; } } @font-face { font-family: geometriaregular; src: url(../fonts/geometria/geometria.eot); src: url(../fonts/geometria/geometria.eot?#iefix) format("embedded-opentype"), url(../fonts/geometria/geometria.woff2) format("woff2"), url(../fonts/geometria/geometria.woff) format("woff"), url(../fonts/geometria/geometria.ttf) format("truetype"), url(../fonts/geometria/geometria.svg#geometriaregular) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: geometriamedium; src: url(../fonts/geometria-medium/geometria-medium.eot); src: url(../fonts/geometria-medium/geometria-medium.eot?#iefix) format("embedded-opentype"), url(../fonts/geometria-medium/geometria-medium.woff2) format("woff2"), url(../fonts/geometria-medium/geometria-medium.woff) format("woff"), url(../fonts/geometria-medium/geometria-medium.ttf) format("truetype"), url(../fonts/geometria-medium/geometria-medium.svg#geometriamedium) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: geometriabold; src: url(../fonts/geometria-bold/geometria-bold.eot); src: url(../fonts/geometria-bold/geometria-bold.eot?#iefix) format("embedded-opentype"), url(../fonts/geometria-bold/geometria-bold.woff2) format("woff2"), url(../fonts/geometria-bold/geometria-bold.woff) format("woff"), url(../fonts/geometria-bold/geometria-bold.ttf) format("truetype"), url(../fonts/geometria-bold/geometria-bold.svg#geometriabold) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: geometriaextrabold; src: url(../fonts/geometria-extablack/geometria-extablack.eot); src: url(../fonts/geometria-extablack/geometria-extablack.eot?#iefix) format("embedded-opentype"), url(../fonts/geometria-extablack/geometria-extablack.woff2) format("woff2"), url(../fonts/geometria-extablack/geometria-extablack.woff) format("woff"), url(../fonts/geometria-extablack/geometria-extablack.ttf) format("truetype"), url(../fonts/geometria-extablack/geometria-extablack.svg#geometriaextrabold) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: fontello; src: url(../fonts/fontello/fontello.eot?84122911); src: url(../fonts/fontello/fontello.eot?84122911#iefix) format("embedded-opentype"), url(../fonts/fontello/fontello.woff2?84122911) format("woff2"), url(../fonts/fontello/fontello.woff?84122911) format("woff"), url(../fonts/fontello/fontello.ttf?84122911) format("truetype"), url(../fonts/fontello/fontello.svg?84122911#fontello) format("svg"); font-weight: 400; font-style: normal; } [class*=icon-]:after, [class*=icon-]:before, [class^=icon-]:after, [class^=icon-]:before { font-family: fontello; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-down-open-after:after { content: "\e809"; } .active.icon-down-dir:before { content: "\e802"; } .icon-cancel:before { content: "\e800"; } .icon-down-dir:before { content: "\e801"; } .icon-up-dir:before { content: "\e802"; } .icon-left-dir:before { content: "\e803"; } .icon-right-dir:before { content: "\e804"; } .icon-ok:before { content: "\e805"; } .icon-phone:before { content: "\e806"; } .icon-clock:before { content: "\e807"; } .icon-mail:before { content: "\e808"; } .icon-down-open:before { content: "\e809"; } .icon-left-open:before { content: "\e80a"; } .icon-right-open:before { content: "\e80b"; } .icon-up-open:before { content: "\e80c"; } .icon-search:before { content: "\e80d"; } .icon-resize-full-alt:before { content: "\e80e"; } .icon-location:before { content: "\f031"; } .icon-calendar-empty:before { content: "\f133"; } .icon-up:before { content: "\f176"; } .icon-fax:before { content: "\f1ac"; } #wrapper { background-color: #e7ecf1; overflow: hidden; min-width: 320px; min-height: 100%; height: auto; } #wrapper, .wrapper { width: 100%; position: relative; } .wrapper { max-width: 1200px; margin: 0 auto; } .clear-fix:after { clear: both; content: ""; display: table; width: 100%; height: 0; } .w20 { width: 20%; } .w25 { width: 25%; } .w33 { width: 33.333%; } .w40 { width: 40%; } .w50 { width: 50%; } .w60 { width: 60%; } .w100, .w100r { width: 100%; } .w100r { position: relative; } .white-bg { background-color: #fff; } .ph-15 { padding-left: 15px; padding-right: 15px; } .pv-60 { padding-top: 60px; } .pb-60, .pv-60 { padding-bottom: 60px; } .mt-40 { margin-top: 40px; } .mt-60 { margin-top: 60px; } .mw-960 { max-width: 960px; } .animated, .animated:after, .animated:before { /*transition: all .25s ease-in-out;*/ } .flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-container { margin: 0 -15px; } *, :after, :before { box-sizing: border-box; margin: 0; max-height: 99999px; padding: 0; } html { background-color: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, html { height: 100%; } body { color: #0a0a0d; font: 400 14px/1em geometriamedium, Arial, Verdana, Helvetica, sans-serif; min-width: 320px; width: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: 400; } h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1em; } img { border: 0; outline: 0; } dfn { font-style: italic; } mark { background-color: #ff0; color: #0a0a0d; } small { font-size: .75em; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sup { top: -.5em; } sub { bottom: -.25em; } q:after, q:before { content: ""; } hr { height: 0; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } abbr, acronym, iframe { border: 0; } abbr[title] { border-bottom: 1px dotted; } pre { overflow: auto; } figure { margin: 1em 40px; } em, i, italic { font-style: italic; } b, optgroup, strong { font-weight: 700; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; } button, input, optgroup, select, textarea { color: inherit; font: inherit; } button { overflow: visible; } button, select { text-transform: none; } a:focus, button, input, input:focus, textarea { border: 0; outline: 0; } input::-webkit-input-placeholder { color: #ccc; } input:-moz-placeholder { color: #ccc; } textarea::-webkit-input-placeholder { color: #ccc; } textarea:-moz-placeholder { color: #ccc; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } button, input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; } input:invalid { box-shadow: none; } textarea { overflow: auto; } a { color: #1d81f2; text-decoration: underline; } a:hover { text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } ol, ul { list-style: none; } .hidden, [hidden], template { display: none; } .visible { display: block; } svg:not(:root) { overflow: hidden; } ::-moz-selection { background-color: #0f3773; color: #fff; } ::selection { background-color: #0f3773; color: #fff; } .body-lock, .body-lock-2 { overflow-y: hidden; left: 0; top: 0; position: absolute; } .body-lock .overlay { display: block; } .overlay { background: rgba(0, 0, 0, 0.75); overflow: auto; display: none; width: 100%; height: 100%; position: fixed; z-index: 200000; } .overlay__layout { width: 100%; height: 100%; position: absolute; } .overlay__container { overflow-x: hidden; padding: 0; } .pop-up { background-color: #fff; display: block; max-width: 640px; width: 100%; margin: 0 auto; padding: 40px 30px; position: relative; } .pop-up__close-btn { color: #0f3773; cursor: pointer; width: 20px; height: 20px; right: 15px; top: 15px; position: absolute; z-index: 10; } .pop-up__close-btn:hover { color: #f1b013; } .pop-up__close-btn:before { font-size: 30px; line-height: 20px; text-align: center; width: 20px; height: 20px; } .pop-up__info, .pop-up__title { text-align: center; } .pop-up__info { font-size: 16px; line-height: 1.5; margin-top: 10px; } .pop-up__info.is--error { color: #ff4949; } .pop-up__info.is--success { color: #3fdb3f; } .pop-up__fields-title { color: #0f3773; font-size: 16px; line-height: 1.5; } .pop-up__fields-title sup { color: #ff4949; } .pop-up__fields, .pop-up__item { display: block; } .pop-up__item { margin-top: 20px; } .pop-up__item > * { display: block; } .pop-up__item.is--error .pop-up__input-text, .pop-up__item.is--error .pop-up__input-text-area { border: 1px solid #ff4949; } .pop-up__item.is--ok .pop-up__input-text, .pop-up__item.is--ok .pop-up__input-text-area { border: 1px solid #3fdb3f; } .pop-up__input-text, .pop-up__input-text-area { background-color: #f5f5f5; border: 1px solid #e8e6e6; color: #0a0a0d; width: 100%; height: 34px; padding: 0 10px; } .pop-up__input-text-area:focus, .pop-up__input-text:focus { border: 1px solid #f1a013; background-color: #fff; } .pop-up__input-text-area { resize: none; height: 120px; padding: 10px; } .pop-up__input-file { display: none; } .pop-up__input-submit, .pop-up__input-submit-close { display: block; margin: 30px auto 0; } .pop-up__success-icon { border-radius: 50%; border: 5px solid #0f3773; color: #0f3773; font-size: 60px; width: 120px; height: 120px; margin: 30px auto 0; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .pop-up__image { display: block; max-width: 280px; max-height: 240px; margin: 30px auto 0; } .pop-up__product--info { text-align: center; width: 100%; margin-top: 30px; } .cities { padding-top: 15px; } .cities__item { width: 33.333%; margin-top: 15px; padding: 0 10px 0 15px; position: relative; } .cities__item.country { width: 100%; color: #0a0a0d; font: 16px/1.4 geometriabold; } .cities__item:before { background-color: #f1a013; content: ""; width: 6px; height: 6px; top: 6px; left: 0; position: absolute; z-index: 1; } .cities__item.country:before { display: none; } .cities__link { border-bottom: 1px solid #0a0a0d; color: #0a0a0d; font: 14px/1.3 geometriabold; text-decoration: none; } .cities__link:hover { border-bottom: 1px solid transparent; color: #f1a013; } .upload__button { max-width: 160px !important; margin-top: 10px; } @media (max-width: 960px) { .header__top { display: none; } } .header__top { border-bottom: 2px solid #f5f7f9; padding-top: 10px; padding-bottom: 10px; -ms-flex-pack: end; justify-content: flex-end; } .header__localization { cursor: pointer; -ms-flex-align: center; align-items: center; } .header__localization:hover .header__localization--city, .header__localization:hover:before { color: #f1a013; } .header__localization:before { color: #0f3773; font-size: 18px; margin-right: 10px; } .header__localization:after { font-size: 16px; margin: 2px 0 0 5px; } .header__localization--title { margin-right: 5px; } .header__localization--city { font-family: geometriabold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 160px; } .header__localization--city a { color: #0a0a0d; } .header__localization--mobile { background: white; padding: 14px 25px; margin: 0 10px; justify-content: space-between; } .header__localization--mobile a { font-size: 18px; line-height: 22px; text-decoration: none; } .header__localization--mobile::after { font-size: 24px; } footer .header__localization--city { line-height: 1.4em; } footer .header__localization--city a{ color:#000; text-decoration: none; } .header__middle { padding-top: 20px; padding-bottom: 20px; -ms-flex-pack: justify; justify-content: space-between; } .header__logo, .header__middle, .header__right { -ms-flex-align: center; align-items: center; } .header__logo { color: #0f3773; text-decoration: none; width: 530px; } .header__logo:hover .header__logo--image { opacity: .75; } .header__logo--image { display: block; max-width: 150px; width: 100%; } .header__logo--text { max-width: 100%; margin-left: -150px; padding-left: 170px; } .header__logo--text > * { display: block; } .header__logo--title { font: 18px/1.2 geometriabold; } .header__logo--sub-title { font: 17px/1.2 geometriamedium; padding-top: 10px; } .header__box { border-left: 1px solid #e8e6e6; padding-left: 30px; } .header__item { line-height: 1.2; margin-top: 5px; padding-left: 30px; position: relative; } .header__item:first-child { margin-top: 0; } .header__item:before { color: #0f3773; font-size: 16px; line-height: 17px; text-align: center; width: 20px; height: 17px; top: 0; left: 0; position: absolute; z-index: 1; } .header__item.icon-phone { font-family: geometriabold; } .header__item.icon-clock:before, .header__item.icon-phone:before { font-size: 18px; } .header__link { color: #0a0a0d; text-decoration: none; } .header__link:hover { color: #f1b013; } .header__cart { color: #0a0a0d; text-decoration: none; width: 280px; margin-left: 40px; } .header__cart--image { width: auto; height: 49px; position: relative; z-index: 2; } .header__cart--text { border-right: 1px solid #e8e6e6; border-bottom: 1px solid #e8e6e6; width: 205px; height: 55px; margin: 5px 0 0 -13px; padding-left: 30px; position: relative; z-index: 1; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } .header__cart--text:before { background-color: #e8e6e6; content: ""; width: 100px; height: 1px; top: -1px; right: -1px; position: absolute; z-index: 1; } .header__cart--title { color: #0f3773; font-size: 15px; top: -10px; left: 30px; position: absolute; z-index: 2; font-weight: bold; } .header__cart--item { font-size: 15px; line-height: 1.2; width: 100%; -ms-flex-align: center; align-items: center; text-transform: lowercase; } .header__cart--item-title { margin-right: 5px; letter-spacing: -.5px; } .header__cart--item-count { font-family: geometriabold; letter-spacing: -.5px; } .header__cart:not(.empty):hover { color: #f1b013; } .header__bottom { background-color: #0f3773; -ms-flex-align: center; align-items: center; } .menu-button { position: relative; cursor: pointer; display: none; width: 36px; height: 36px; margin-left: 30px; -ms-flex-pack: end; justify-content: flex-end; } .menu-button__item { position: absolute; right: 0; top: 16px; background-color: #0f3773; width: 30px; height: 3px; } .menu-button__item:first-child { width: 100%; top: 7px; } .menu-button__item:last-child { width: 34px; top: 25px; } .menu-button.active .menu-button__item { display: none; height: 4px; } .menu-button.active .menu-button__item:first-child { display: block; transform: rotate(45deg); top: 16px; } .menu-button.active .menu-button__item:last-child { display: block; width: 100%; transform: rotate(-45deg); top: 16px; } .main-menu__box { width: 100%; padding-right: 320px; } .main-menu__link { color: #fff; font-size: 15px; line-height: 1.2; text-align: center; text-decoration: none; height: 54px; padding: 0 20px; -ms-flex-align: center; align-items: center; } .main-menu__link:hover { background-color: #1d5ab6; } .main-menu__link.is--active { background-color: #16448a; } .search { width: 290px; margin-left: -290px; position: relative; } .search__label { color: #fff; font: 12px/24px geometriaregular; width: 100%; height: 24px; top: 0; left: 0; padding: 0 11px; position: absolute; z-index: 0; } .search__label.is--not-empty { font-size: 0; } .search__input--text { border: 1px solid #fff; background: 0 0; color: #fff; font: 12px/1 geometriaregular; width: 100%; height: 24px; padding: 0 30px 0 10px; position: relative; z-index: 2; } .search__input--text:focus { border: 1px solid #f1a013; } .search__input--submit { background: 0 0; color: #fff; cursor: pointer; width: 26px; height: 22px; top: 1px; right: 1px; position: absolute; z-index: 3; } .search__input--submit:hover { color: #f1a013; } .search__input--submit:before { font-size: 12px; line-height: 22px; text-align: center; width: 26px; height: 22px; } .h1 { font: 24px/1.2 geometriabold; } .h1.blue { color: #0f3773; } .h1.with-border { border-bottom: 2px solid #0f3773; padding-bottom: 20px; } .h1.ta-c, .h1.with-border { text-align: center; } .h2 { border-bottom: 2px solid #e8e6e6; font: 18px/1.2 geometriabold; text-transform: uppercase; width: 100%; padding-bottom: 20px; position: relative; } .h2:before { background-color: #0f3773; content: ""; width: 50px; height: 4px; bottom: -2px; left: 0; position: absolute; z-index: 1; } .invert-btn { background-color: #fff; border-radius: 5px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18); color: #0a0a0d; cursor: pointer; font: 16px/42px geometriabold; text-align: center; text-decoration: none; max-width: 270px; width: 100%; height: 44px; position: relative; } .invert-btn.small { max-width: 180px; } .invert-btn:before { border: 1px solid #f1b013; border-radius: 5px; content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; } .invert-btn:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25); } .invert-btn:hover:before { border: 3px solid #f1a013; } .grey-btn { background-color: #e7ecf1; border-radius: 15px; color: #0a0a0d; cursor: pointer; font: 13px/30px geometriamedium; text-align: center; text-decoration: none; max-width: 130px; width: 100%; height: 30px; } .grey-btn:hover { background-color: #0f3773; color: #fff; } .orange-btn { background-color: #f1b013; border-radius: 5px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18); color: #0a0a0d; cursor: pointer; font: 16px/44px geometriabold; text-align: center; text-decoration: none; max-width: 270px; width: 100%; height: 44px; position: relative; } .orange-btn.small { max-width: 180px; } .orange-btn.grey { background-color: #cfcfcf; } .orange-btn:hover { background-color: #f1a013; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25); } .light-btn { background-color: #F3F6F8; border-radius: 5px; color: #1D81F2; cursor: pointer; font: 16px/44px geometriabold; text-align: center; text-decoration: none; max-width: 270px; width: 100%; height: 44px; position: relative; } .light-btn:hover { color: #0a0a0d; } .white-btn { background-color: #fcfcfc; border-radius: 5px; border: 1px solid #0f3773; color: #0a0a0d; cursor: pointer; font: 14px/28px geometriabold; text-align: center; text-decoration: none; max-width: 130px; width: 100%; height: 30px; } .white-btn:hover { background-color: #0f3773; color: #fff; } .site-middle__inner { width: 100%; -ms-flex-align: start; align-items: flex-start; } .site-middle__inner > * { min-height: 1px; margin: 20px 0 60px; position: relative; } .left-side { width: 270px; z-index: 2; } .left-side + .content { margin-left: -270px; padding-left: 300px; z-index: 1; } .left-side__box { margin-top: 40px; } .left-side__box:first-child { margin-top: 0; } .left-side__button { display: none; margin: 0 auto; } .content { width: 100%; } .content__inner { max-width: 970px; width: 100%; margin: 0 auto; } .content__description { margin-top: 20px; } .content__seo { margin-top: 80px; } #up { background-color: #fff; border: 2px solid #16448a; color: #16448a; cursor: pointer; font-size: 26px; line-height: 46px; text-align: center; width: 50px; height: 50px; right: 20px; bottom: -250px; position: fixed; z-index: 50; } #up:hover { background-color: #16448a; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.25); color: #fff; } #up.show { bottom: 0; } .mobile-site-menu { padding: 0; height: calc(100% - 80px); width: 100%; left: 0; background-color: #F3F6F8; top: -250%; position: fixed; z-index: 2222; } .mobile-site-menu.show { top: 80px; } .mobile-site-menu .background-close, .mobile-site-menu .menu-close-btn, .mobile-site-menu__container { top: 0; height: 100%; width: 100%; position: absolute; } .mobile-site-menu .background-close { background: rgba(0, 0, 0, 0.8); cursor: pointer; left: 0; z-index: 2; } .mobile-site-menu .menu-close-btn { color: #0f3773; cursor: pointer; top: 20px; right: 20px; width: 15px; height: 15px; position: absolute; z-index: 10; } .mobile-site-menu .menu-close-btn:before { font-size: 26px; line-height: 20px; text-align: center; width: 20px; height: 20px; } .mobile-site-menu .menu-close-btn:hover { color: #f1a013; } .mobile-site-menu__container { overflow: hidden; right: 0; left: 0; margin: auto; z-index: 3; } .mobile-site-menu__inner { overflow-y: scroll; top: 0; left: 0; height: 100%; position: absolute; z-index: 1; } .mobile-site-menu__inner-container { width: 100%; padding: 25px 0; } .mobile-site-menu .mobile__logo { width: 100%; -ms-flex-pack: center; justify-content: center; } .mobile-site-menu .mobile__logo--image { display: block; max-width: 160px; width: 100%; } .mobile-site-menu .header__right { width: 100%; margin-top: 30px; -ms-flex-pack: center; justify-content: center; } .mobile__item { width: 100%; -ms-flex-pack: center; justify-content: center; } .mobile-site-menu .header__box { border-left: 0; padding-left: 0; } .mobile-site-menu .main-menu { margin: 30px 25px 0 25px; } .mobile-site-menu .main-menu__item { width: 100%; } .mobile-site-menu .main-menu__item:not(:last-of-type) { margin-bottom: 38px; } .mobile-site-menu .main-menu__link { color: #0f3773; font-size: 18px; line-height: 20px; font-weight: bold; text-transform: uppercase; width: 100%; height: auto; padding: 10px 0; } .mobile-site-menu .main-menu__link:hover { /* color: #fff; */ background: none; } .mobile-site-menu .main-menu__link.is--active { /* background-color: #0f3773; color: #fff; */ background: none; } .breadcrumbs { -ms-flex-direction: column; flex-direction: column; } .breadcrumbs__links { font: 12px/1.2 geometriaregular; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; } .breadcrumbs__links > * { margin-right: 5px; } .breadcrumbs__links > :last-child { margin-right: 0; } .breadcrumbs__link { color: #1d81f2; text-decoration: none; } .breadcrumbs__link:focus, .breadcrumbs__link:hover { color: #f1b013; } .breadcrumbs__divider { color: #1d81f2; } .breadcrumbs__h1 { width: 100%; margin-top: 30px; } .table__box { overflow-x: auto; width: 100%; } .text-page .blue { color: #0f3773; font: 18px/1.2 geometriaextrabold; } .text-page iframe { background-color: #e7ecf1; width: 100% !important; height: 450px !important; } .text-page a { border-bottom: 1px solid #1d81f2; color: #1d81f2; text-decoration: none; transition: all .25s ease-in-out; } .text-page a:focus { border-bottom: 1px solid #0f3773; } .text-page a:hover { border-color: transparent; } .text-page h1, .text-page h2, .text-page h3, .text-page h4, .text-page h5, .text-page h6 { font-family: geometriabold; line-height: 1.2; } .text-page h1, .text-page h2 { font-size: 24px; } .text-page h3 { font-size: 20px; } .text-page h4 { font-size: 18px; } .text-page h5, .text-page h6 { font-size: 16px; } .text-page h6 { text-transform: uppercase; } .text-page b, .text-page strong { font-family: geometriabold; } .text-page img { display: block; max-width: 100%; } .text-page img.left-side { float: left; width: 48.5%; margin-right: 3%; } .text-page img.right-side { float: right; width: 48.5%; margin-left: 3%; } .text-page img.center { margin: 0 auto; } .text-page i, .text-page em { font-style: italic; } .text-page li, .text-page p { font: 16px/1.5 geometriaregular; position: relative; width: 100%; } .text-page ol, .text-page ul { width: 100%; padding-left: 15px; } .text-page li:before { left: 0; top: 0; position: absolute; z-index: 1; } .text-page ul li { padding-left: 20px; } .text-page ul li:before { background-color: #f1b013; content: ""; height: 8px; width: 8px; top: 8px; left: 0; } .text-page ol { counter-reset: a; } .text-page ol li { min-height: 26px; padding-left: 45px; } .text-page ol li:before { background-color: #0f3773; color: #fff; content: counter(a); counter-increment: a; font: 18px/26px geometriaextrabold; text-align: center; width: 26px; height: 26px; top: 0; left: 0; } .text-page table { width: 100% !important; height: auto !important; } .text-page table tr:nth-child(2n) td { background-color: #e7ecf1; } .text-page table th { background-color: #0f3773; color: #fff; font: 14px/1.2 geometriabold; text-align: center; text-transform: uppercase; padding: 10px 20px; } .text-page table td { background-color: #fff; font: 14px/1.2 geometriaregular; text-align: center; padding: 10px 20px; } /* .text-page p + p { margin-top: 10px; } .text-page li + li { margin-top: 15px; } */ .text-page p, .text-page li { margin: 15px 0; } /*.text-page * + * { margin-top: 30px; }*/ .lb-data .lb-close { margin-bottom: 10px; } html.swipebox-html.swipebox-touch { overflow: hidden !important; } #swipebox-overlay img { border: none !important; } #swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #swipebox-container { position: relative; width: 100%; height: 100%; } #swipebox-slider { transition: transform .4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer; } #swipebox-slider .slide { height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; } #swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #swipebox-slider .slide .swipebox-inline-container, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide img { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; } #swipebox-slider .slide img { max-height: 85%; max-width: 85%; } #swipebox-slider .slide .swipebox-video-container { background: 0 0; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; box-sizing: border-box; } #swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } #swipebox-slider .slide-loading { background: url(../img/loader.gif) no-repeat 50%; } #swipebox-bottom-bar, #swipebox-top-bar { width: 100%; height: auto; left: 0; position: absolute; z-index: 999; } #swipebox-bottom-bar { bottom: 0; } #swipebox-top-bar { top: 0; } #swipebox-title { color: #fff; display: block; font: 18px/1.2 geometriabold; text-align: center; width: 100%; padding: 10px 70px; } #swipebox-close, #swipebox-next, #swipebox-prev { cursor: pointer; text-decoration: none; width: 50px; height: 50px; top: 0; position: absolute; } #swipebox-next, #swipebox-prev { color: #fff; font-size: 50px; line-height: 50px; text-align: center; z-index: 1; } #swipebox-next:hover, #swipebox-prev:hover { color: #f1a013; } #swipebox-prev { left: 35%; } #swipebox-next { right: 35%; } #swipebox-close { color: #fff; font-size: 26px; line-height: 40px; text-align: center; height: 40px; top: 0; right: 20px; position: absolute; z-index: 9999; } #swipebox-close:hover { color: #f1a013; } .swipebox-no-close-button #swipebox-close { display: none; } #swipebox-next.disabled, #swipebox-prev.disabled { cursor: default; opacity: .6; } #swipebox-next.disabled:hover, #swipebox-prev.disabled:hover { color: grey; } .swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { animation: a .3s; } .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { animation: b .3s; } .swipebox-touch #swipebox-container:after, .swipebox-touch #swipebox-container:before { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all .3s ease; content: " "; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0; } .swipebox-touch #swipebox-container:before { left: 0; box-shadow: inset 10px 0 10px -8px #656565; } .swipebox-touch #swipebox-container:after { right: 0; box-shadow: inset -10px 0 10px -8px #656565; } .swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before, .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after { opacity: 1; } @keyframes a { 0% { left: 0; } 50% { left: -30px; } to { left: 0; } } @keyframes b { 0% { left: 0; } 50% { left: 30px; } to { left: 0; } } #swipebox-overlay { background: rgba(0, 0, 0, 0.85); } #swipebox-bottom-bar, #swipebox-top-bar { background-color: #0a0a0d; text-shadow: 1px 1px 1px #0a0a0d; } #swipebox-bottom-bar { height: 50px; } .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; filter: "alpha(opacity=10)"; opacity: .1; margin: 0; padding: 0; } .justified-gallery > a > a > img, .justified-gallery > a > img, .justified-gallery > div > a > img, .justified-gallery > div > img, .justified-gallery > figure > a > img, .justified-gallery > figure > img { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > figure > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000; left: 0; right: 0; margin: 0; color: #fff; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: .7; transition: opacity .5s ease-in; } .justified-gallery > .entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: 0 0; } .justified-gallery > .entry-visible > a > img, .justified-gallery > .entry-visible > img { filter: "alpha(opacity=100)"; opacity: 1; transition: opacity .5s ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px; background-color: #000; border-radius: 6px; } .pager { margin-top: 30px; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: center; justify-content: center; } .pager__item { margin: 10px 5px 0; } .pager__button:before, .pager__current, .pager__item, .pager__link { text-align: center; line-height: 30px; width: 30px; height: 30px; } .pager__link { background-color: #e7ecf1; border-radius: 5px; color: #0a0a0d; display: block; text-decoration: none; } .pager__link:hover { background-color: #0f3773; color: #fff; } .pager__current { background-color: #f1a013; border-radius: 5px; color: #fff; font-size: 16px; line-height: 30px; } .pager__divider { font-size: 20px; } .pager__button { display: block; text-decoration: none; } .pager__button:before { background-color: #e7ecf1; border-radius: 5px; color: #0a0a0d; display: block; font-size: 20px; line-height: 30px; } .pager__button:not(.disabled):hover:before { background-color: #0f3773; color: #fff; } .pager__button.disabled { cursor: no-drop; opacity: .5; } .keyword { text-align: center; margin-top: 40px; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: center; justify-content: center; } .keyword__title { font: 18px/1.2 geometriaregular; margin-right: 5px; } .keyword__title:last-child { margin: 0 0 0 5px; } .keyword__word { color: #0f3773; font: 22px/.95 geometriaextrabold; text-transform: uppercase; } .catalog { padding-top: 35px; } .catalog.flex { justify-content: center; } .catalog__filter { margin-top: 80px; } .catalog__filter--title { padding-right: 315px; } .catalog__filter--sub-title { font: 18px/30px geometriabold; top: 0; right: 140px; position: absolute; z-index: 1; } .catalog__filter--button { top: 0; right: 0; position: absolute; z-index: 3; } .catalog__filter--body { display: none; margin-top: 15px; } .catalog__filter--body-item { border-bottom: 1px solid #e8e6e6; overflow: hidden; height: 60px; padding: 15px 140px 0 0; position: relative; } .catalog__filter--body-item:first-child { border-top: 1px solid #e8e6e6; } .catalog__filter--body-item > * { position: relative; } .catalog__filter--body-item.active { height: auto; } .catalog__filter--body-title { font: 16px/30px geometriabold; width: 180px; margin-right: 10px; z-index: 2; } .catalog__filter--body-button { top: 15px; right: 0; position: absolute; z-index: 3; } .catalog__filter--body-link { background-color: #fff; background: linear-gradient(180deg, #fff 0, #f0f8fe); border: 1px solid #e8e6e6; border-radius: 15px 15px 15px 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.18); color: #2b435a; font: 13px/28px geometriaregular; text-decoration: none; margin: 0 10px 15px 0; padding: 0 20px; position: relative; } .catalog__filter--body-link.active { background: linear-gradient(180deg, #0f3872 0, #0f3872); border: 1px solid #e8e6e6; color: #fff; } .catalog__filter--body-link:before { background-color: #fff; background: linear-gradient(180deg, #fff 0, #dfe9f1); border-radius: 15px 15px 15px 0; content: ""; width: 0; height: 0; top: 0; right: 0; bottom: 0; left: 0; margin: auto; position: absolute; z-index: -1; } .catalog__filter--body-link:focus { border: 1px solid #e8e6e6; } .catalog__filter--body-link.active:hover { background: linear-gradient(180deg, #0f3872 0, #0f3872); border: 1px solid #e8e6e6; color: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18); } .catalog__filter--body-link:hover { background: 0 0; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18); } .catalog__filter--body-link:hover:before { width: 100%; height: 100%; } .catalog__item { background-color: #fff; color: #0a0a0d !important; text-decoration: none !important; width: 25%; margin-top: 25px; position: relative; z-index: 1; border-bottom: 0 !important; } .catalog__item:hover { color: #0f3773 !important; z-index: 10; } .catalog__item:hover:before { width: 105%; height: 110%; } .catalog__item:hover .catalog__image--box { border-right: 1px solid #fff; } .catalog__item:before { background-color: #fff; box-shadow: 0 0 6px rgba(193, 199, 207, 0.47); content: ""; width: 0; height: 0; top: -5%; right: -2.5%; bottom: -5%; left: -2.5%; margin: auto; position: absolute; z-index: 0; } .catalog__item:nth-child(4n) .catalog__image--box, .catalog__item:nth-child(5n) .catalog__image--box{ border-right: 1px solid #fff; } .catalog__image { display: block; max-width: 100%; max-height: 100%; } .catalog__image--box { border-right: 1px solid #e8e6e6; width: 100%; height: 220px; padding: 15px; position: relative; z-index: 2; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .catalog__marker { background-color: #f1b013; color: #fff; font: 14px/20px geometriabold; text-align: center; width: 44px; height: 22px; top: 0; right: 5px; position: absolute; z-index: 1; } .catalog__marker { background-color: #f1a013; font: 24px/20px geometriabold; width: 76px; height: 48px; line-height: 50px; } .catalog__title { font: 16px/1.2 geometriabold; padding: 15px; } .catalog__sub-title, .catalog__title { display: block; text-align: center; position: relative; z-index: 2; } .catalog__sub-title { font: 14px/1.2 geometriaregular; margin-top: -5px; padding: 0 15px; } .catalog__price { color: #0f3773; display: block; font: 18px/1.2 geometriabold; text-align: center; margin-top: 5px; padding: 0 15px; position: relative; z-index: 2; } .catalog__price.old-price { color: #bababa; font-size: 12px; text-decoration: line-through; margin-top: 5px; } .catalog__price.old-price { color: #000; } .catalog__menu { background-color: #fff; /*border: 2px solid #e8e6e6;*/ width: calc(100% + 15px); position: relative; margin-left: -15px; } .catalog__menu--title { position: relative; /*background-color: #f5f7f9;*/ /*color: #0f3773;*/ color: #0A0A0D; font: 18px/1.2 geometriabold; font-weight: 800; text-transform: uppercase; text-transform: uppercase; width: 100%; height: 50px; /* padding: 0 20px 20px 20px; */ -ms-flex-align: center; align-items: center; max-width: 250px; margin: auto auto 15px auto; border-bottom: 2px solid #e8e6e6; } .catalog__menu--title:before { background-color: #0f3773; content: ""; width: 50px; height: 4px; bottom: -2px; left: 0; position: absolute; z-index: 1; } .catalog__menu--item { /*border-top: 1px solid #e8e6e6;*/ width: 100%; position: relative; } .catalog__menu--item:first-child { border-top: 0; } .catalog__menu--item.sub:hover .catalog__menu--link:before { width: 15px; } .catalog__menu--item:hover .catalog__menu--count { color: #0f3773; } .catalog__menu--item:hover .catalog__menu--link { background-color: #0f3773 !important; color: #fff; } .catalog__menu--item:hover .catalog__menu--container { display: block; } .catalog__menu--item > .show-sub { display: none; } .catalog__menu--item.is--active .catalog__menu--link { background-color: #fdf4dc; } .catalog__menu--count { background-color: #f5f5f5; border-radius: 3px; color: #bababa; font-size: 13px; text-align: center; width: 40px; height: 20px; top: 0; right: 20px; bottom: 0; margin: auto; position: absolute; z-index: 1; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .catalog__menu--link { color: #0a0a0d; display: block; font: 16px/1.2 geometriabold; text-decoration: none; width: 100%; padding: 15px 80px 15px 20px; position: relative; } .catalog__menu--link:before { background-color: #0f3773; content: ""; height: 100%; width: 0; top: 0; right: -15px; position: absolute; z-index: 1; } .catalog__menu--container { background-color: #fff; /*border: 2px solid #0f3773;*/ display: none; min-width: 100%; height: auto; top: -2px; /*left: 280px;*/ left: calc(280px + 15px); padding: 35px 0; position: absolute; z-index: 1; box-shadow: 0px 6px 20px rgba(15, 55, 115, 0.08); } .catalog__menu--container-inner { overflow: hidden; width: 100%; height: 100%; position: relative; z-index: 1; } .catalog__menu--sub-1 { border-right: 1px solid transparent; width: 100%; position: relative; z-index: 2; /* height: auto !important;*/ height: auto; min-height: 100%; -webkit-transition: none; -o-transition: none; transition: none; } .submenu-shown .catalog__menu--sub-1 { width: 50%; border-right: 1px solid #e8e6e6; } .catalog__menu--sub-1-item { padding: 0 25px; overflow: hidden; } .catalog__menu--sub-1-item:hover .catalog__menu--sub-1-link { background-color: #0f3773 !important; color: #fff; } .catalog__menu--sub-1-item:hover .catalog__menu--sub-2 { top: 0; } .catalog__menu--sub-1-link { color: #0a0a0d; display: block; line-height: 1.2; text-decoration: none; padding: 10px 15px; } .catalog__menu--sub-1-link.sub-link { padding-right: 30px; position: relative; } .catalog__menu--sub-1-link.sub-link:before { color: #f1b013; font-size: 18px; top: 10px; right: 15px; position: absolute; z-index: 1; } .catalog__menu--sub-1 .show-sub { display: none; } .catalog__menu--sub-2 { width: 100%; top: -2500%; left: 100%; position: absolute; z-index: 1; } .catalog__menu--sub-2-item { padding: 0 25px; } .catalog__menu--sub-2-item:hover .catalog__menu--sub-2-link { background-color: #0f3773 !important; color: #fff; } .catalog__menu--sub-2-item:hover .catalog__menu--sub-3 { top: 0; } .catalog__menu--sub-2-link { color: #0a0a0d; display: block; line-height: 1.2; text-decoration: none; padding: 10px 15px; } .catalog__menu--sub-2-link.sub-link { padding-right: 30px; position: relative; } .catalog__menu--sub-2-link.sub-link:before { color: #f1b013; font-size: 18px; top: 10px; right: 15px; position: absolute; z-index: 1; } .catalog__menu--sub-3 { width: 100%; top: -2500%; left: 100%; position: absolute; z-index: 1; } .catalog__menu--sub-3-item { padding: 0 25px; position: relative; } .catalog__menu--sub-3-item:hover .catalog__menu--sub-3-link { background-color: #0f3773 !important; color: #fff; } .catalog__menu--sub-3-link { color: #0a0a0d; display: block; line-height: 1.2; text-decoration: none; padding: 10px 15px; } .catalog__menu--sub-3-link.sub-link { padding-right: 30px; position: relative; } .catalog__menu--sub-3-link.sub-link:before { color: #f1b013; font-size: 18px; top: 10px; right: 15px; position: absolute; z-index: 1; } .catalog__box { width: 100%; margin-top: 40px; } .brands { overflow-y: auto; max-height: 300px; margin-top: 20px; } .brands__link { color: #0a0a0d; display: block; line-height: 1.2; text-decoration: none; width: 100%; padding: 10px 0; } .brands__link:not(.is--active):hover { background-color: #0f3773; color: #fff; padding-left: 10px; } .brands__link.is--active { background-color: #fdf3dc; color: #0f3773; padding-left: 10px; } .you-viewed { border-right: 1px solid #e8e6e6; padding-right: 20px; } .you-viewed__item { color: #0a0a0d; text-decoration: none; margin-top: 20px; } .you-viewed__item:hover { color: #f1a013; } .you-viewed__item:hover .you-viewed__image--box { opacity: .75; } .you-viewed__image { display: block; max-width: 100%; margin: 0 auto; } .you-viewed__image--box { width: 80px; } .you-viewed__info { width: 100%; margin-left: -80px; padding-left: 95px; } .you-viewed__info span { display: block; word-break: break-all; } .you-viewed__title { font: 16px/1.2 geometriabold; } .you-viewed__sub-title { font: 14px/1.2 geometriaregular; text-transform: uppercase; margin-top: 5px; } .filter__item { margin-top: 40px; } .filter__item--inner.active { overflow-y: auto; max-height: 230px; } .filter__title { cursor: pointer; font: 16px/1.2 geometriabold; width: 100%; padding-right: 10px; position: relative; } .filter__title:hover { color: #f1b013; } .filter__title:hover:before { color: #0f3773; } .filter__title:before { color: #f1b013; font-size: 18px; line-height: 14px; width: 10px; top: 4px; right: 0; position: absolute; z-index: 1; } .filter__title.active:before { top: 2px; } .filter__box { display: none; padding-top: 25px; } .filter__more { margin-top: 15px; } .filter__more--link { background: 0 0; border-bottom: 1px solid #1d81f2; font: italic 14px/1.2 geometriaregular; text-decoration: none; } .filter__more--link:focus, .filter__more--link:hover { border-bottom: 1px solid transparent; } .filter__inputs { -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; } .filter__inputs--item { width: 48.5%; position: relative; } .filter__label { font: 14px/36px geometriaregular; width: 100%; top: 0; left: 0; padding: 0 10px; position: absolute; z-index: 0; } .filter__label.is--not-empty { font-size: 0; } .filter__input { background: 0 0; border: 1px solid #e8e6e6; border-radius: 5px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18); width: 100%; height: 36px; padding: 0 9px; position: relative; z-index: 2; } .filter__input:focus { border: 1px solid #f1a013; } .filter__buttons { margin-top: 25px; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; } .filter__button { margin-top: 15px; } .checkbox { width: 100%; margin-top: 20px; } .checkbox:first-child { margin-top: 0; } .checkbox__input { display: none; } .checkbox__label { cursor: pointer; width: 100%; } .checkbox__label:hover .checkbox__label--text { color: #f1a013; } .checkbox__label--icon { border: 1px solid #e8e6e6; width: 20px; height: 20px; z-index: 2; position: relative; } .checkbox__label--icon:before { color: #0f3773; content: "\e805"; font: 0/20px fontello; text-align: center; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; position: absolute; z-index: 1; } .checkbox__label--text { font: 14px/1.3 geometriaregular; width: 100%; margin-left: -20px; padding-left: 35px; } .checkbox__label.checked .checkbox__label--icon { border: 1px solid #0f3773; } .checkbox__label.checked .checkbox__label--icon:before { font-size: 14px; } .checkbox__label.disabled .checkbox__label--icon:before, .checkbox__label.disabled .checkbox__label--text { color: #e8e6e6; } .slick-slider { box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list, .slick-slider { position: relative; display: block; } .slick-list { overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-slider .slick-track { transform: translateZ(0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:after, .slick-track:before { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background-color: #fff url(../img/ajax-loader.gif) 50% no-repeat; } .slider__item--inner { background-color: #c9e9ff; background-size: cover; height: 344px; -ms-flex-align: center; align-items: center; } .slider__item--inner > * { width: 50%; } .slider__text { padding: 15px 0 15px 30px; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } .slider__title { color: #0f3773; font: 30px/1 geometriaextrabold; } .slider__image { display: block; max-width: 100%; max-height: 314px; } .slider__image--box { padding: 15px; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .slider__button { margin-top: 30px; } .slider__dots { right: 0; bottom: 0; left: 0; margin: auto; padding-bottom: 15px; position: absolute; z-index: 1; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .slider__dots li { margin: 0 5px; } .slider__dots li, .slider__dots li button { cursor: pointer; transition: all .25s ease-in-out; } .slider__dots li button { background: 0 0; border: 1px solid #0f3773; border-radius: 50%; display: block; font-size: 0; width: 14px; height: 14px; position: relative; } .slider__dots li button:hover { border: 1px solid #f1a013; } .slider__dots li.slick-active button { background-color: #0f3773; cursor: default; } .slider__dots li.slick-active button:hover { border: 2px solid #0f3773; } .inner-slider { margin-top: 40px; } .inner-slider__item { background-color: #e7ecf1; background-position: 50%; background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 400px; } .inner-slider__dots { margin-top: 15px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .inner-slider__dots li { cursor: pointer; margin: 0 5px; transition: all .25s ease-in-out; } .inner-slider__dots li button { background: 0 0; border: 1px solid #0f3773; border-radius: 50%; cursor: pointer; display: block; font-size: 0; width: 14px; height: 14px; position: relative; transition: all .25s ease-in-out; } .inner-slider__dots li button:hover { border: 1px solid #f1a013; } .inner-slider__dots li.slick-active button { background-color: #0f3773; cursor: default; } .inner-slider__dots li.slick-active button:hover { border: 2px solid #0f3773; } .sales { -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: justify; justify-content: space-between; } .sales__item { background-color: #f1f3f6; width: 49%; margin-top: 15px; padding: 30px 15px; -ms-flex-align: center; align-items: center; } .sales__text { width: 100%; padding-right: 160px; -ms-flex-direction: column; flex-direction: column; } .sales__title { color: #0f3773; font: 26px/1.2 geometriabold; text-transform: uppercase; letter-spacing: -1px; } .sales__sub-title { font-size: 18px; line-height: 1.2; } .sales__button { margin-top: 30px; } .sales__image { display: block; max-width: 100%; } .sales__image--box { width: 140px; margin-left: -140px; } .special { margin-top: 80px; } .special__inner { padding-top: 15px; } .news { -ms-flex-pack: justify; justify-content: space-between; } .news__item { width: 48%; margin-top: 40px; } .news__image { /* background-color: #e7ecf1; */ background-position: 50%; background-repeat: no-repeat; background-size: contain; display: block; width: 100%; height: 250px; position: relative; } .news__image:hover { box-shadow: 0 3px 15px rgba(0, 0, 0, 0.5); } .news__image:hover:before { opacity: 1; height: 100%; } .news__image:before { border: 2px solid #f1b013; content: ""; opacity: 0; width: 100%; height: 100%; top: 0; bottom: 0; position: absolute; z-index: 1; } .news__title { color: #0f3773; overflow: hidden; font: 18px/1.2 geometriabold; text-decoration: none; max-height: 44px; } .news__title--box { margin-top: 20px; } .news__title:hover { color: #f1b013; } .news__date { color: #adadad; font: 13px/1.2 geometriaregular; margin-top: 15px; -ms-flex-align: center; align-items: center; } .news__date:before { margin-right: 5px; } .news__description { overflow: hidden; font: 13px/1.3 geometriaregular; max-height: 51px; margin-top: 15px; } .read__more { margin-top: 80px; } .contacts > * { min-height: 1px; margin-top: 40px; position: relative; } .contacts__info { width: 320px; z-index: 2; } .contacts__title { color: #0f3773; font: 20px/1.2 geometriabold; padding-bottom: 10px; } .contacts__item { background-repeat: no-repeat; background-size: 20px 20px; font: 14px/1.5 geometriaregular; min-height: 20px; margin-top: 20px; padding-left: 35px; position: relative; } .contacts__item b { font-family: geometriabold; } .contacts__item a { border-bottom: 1px solid #1d81f2; color: #1d81f2; text-decoration: none; transition: all .25s ease-in-out; } .contacts__item a:focus { border-bottom: 1px solid #0f3773; } .contacts__item a:hover { border-color: transparent; } .contacts__item.localization { background-image: url(../img/svg/localization.svg); } .contacts__item.mail { background-image: url(../img/svg/mail.svg); } .contacts__item.phone { background-image: url(../img/svg/phone.svg); } .contacts__item.schedule { background-image: url(../img/svg/schedule.svg); } .contacts__map { width: 100%; margin-left: -320px; padding-left: 350px; z-index: 1; } .contacts__map--inner { background-color: #e7ecf1; width: 100%; height: 350px; } .contacts__map--inner > ymaps { width: 100% !important; height: 100% !important; } .filial { margin-top: 80px; } .filial__inner { padding-top: 10px; } .filial__item { box-shadow: 0 0 3px rgba(0, 0, 0, 0.18); max-width: 100%; width: auto; margin: 10px 5px 0 0; padding: 0 25px; } .filial__item:last-child { margin-right: 0; } .filial__item:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25); } .director.filial__item { font: 12px/26px geometriabold; margin: 0 10px 0 0; height: 26px; padding: 5px 10px; } .error-404 { margin-top: 80px; -ms-flex-direction: column; flex-direction: column; } .error-404, .error-404__top { -ms-flex-align: center; align-items: center; } .error-404__top { -ms-flex-pack: center; justify-content: center; } .error-404__top > * { display: block; margin-right: 50px; } .error-404__top > :last-child { margin-right: 0; } .error-404__side { width: 84px; } .error-404__main { width: 230px; } .error-404__info { font-size: 18px; line-height: 1.2; text-align: center; margin-top: 40px; } .error-404__button { margin-top: 40px; } .cart__nav { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .cart__nav > * { margin-top: 40px; margin-right: 15px; } .cart__nav > :last-child { margin-right: 0; } .cart__nav--item { position: relative; -ms-flex-align: center; align-items: center; } .cart__nav--item.active .cart__nav--number { background-color: #0f3773; border-color: #0f3773; color: #fff; } .cart__nav--item.active .cart__nav--title { color: #0f3773; } .cart__nav--item.active:before { background-color: #fff; border-top: 1px solid #e8e6e6; border-right: 1px solid #e8e6e6; content: ""; width: 20px; height: 20px; right: 0; bottom: -50px; left: 0; margin: auto; position: absolute; z-index: 1; transform: rotate(-45deg); } .cart__nav--number { border: 1px solid #e8e6e6; border-radius: 50%; color: #e8e6e6; font: 22px/28px geometriaregular; text-align: center; width: 30px; height: 30px; margin-right: 10px; } .cart__nav--title { color: #e8e6e6; font: 18px/28px geometriabold; text-transform: uppercase; } .cart__nav--divider { background-color: #e8e6e6; width: 20px; height: 1px; } .cart__body { background-color: #fff; border: 1px solid #e8e6e6; margin-top: 40px; padding: 40px; } .cart__body--part { width: 50%; } .cart__body--part:first-child { padding-right: 40px; } .cart__body--part:first-child .cart__buttons { margin-top: 40px; } .cart__body--part:last-child { padding-left: 40px; } .cart__body--part .cart__item { padding: 30px 0; } .cart__body--part .cart__box { margin-top: 10px; } .cart__body--part .cart__box.image { width: 120px; padding-right: 0; position: relative; z-index: 2; } .cart__body--part .cart__box.info { width: 100%; margin-left: -120px; padding-right: 0; padding-left: 140px; } .cart__title { font: 24px/1.2 geometriabold; text-transform: uppercase; } .cart__item { border-top: 1px solid #e8e6e6; width: 100%; min-height: 100px; padding: 40px 40px 40px 0; position: relative; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .cart__item:first-child { border-top: 0; } .cart__box.image { width: 80px; } .cart__box.info { width: 320px; } .cart__box.summ { text-align: right; width: 130px; } .cart__box.summ .cart__summ--info-count { color: #0f3773; font: 22px/.85 geometriabold; } .cart__box.summ .cart__summ--info-currency { color: #0f3773; } .cart__image { display: block; width: 100%; } .cart__image--box { display: block; position: relative; } .cart__image--box:hover { opacity: .75; } .cart__product--title { color: #0a0a0d; font: 16px/1.2 geometriabold; text-decoration: none; } .cart__product--title:hover { color: #f1a013; } .cart__delete { color: #0a0a0d; cursor: pointer; font-size: 20px; line-height: 20px; text-align: center; text-decoration: none; width: 20px; height: 20px; top: 40px; right: 0; position: absolute; z-index: 1; } .cart__delete:hover { color: #f1a013; } .cart__buttons { margin-top: 20px; } .cart__buttons.right { -ms-flex-pack: justify; justify-content: space-between; } .cart__buttons.inner { padding-left: 140px; } .cart__buttons--item { margin-top: 20px; -ms-flex-align: center; align-items: center; } .cart__buttons--item:first-child { margin-top: 0; } .cart__buttons--item-inner { margin-right: 30px; } .cart__buttons--item-inner:last-child { margin-right: 0; } .cart__summ { -ms-flex-align: end; align-items: flex-end; } .cart__summ--title { font-size: 16px; line-height: 1; padding-right: 10px; } .cart__summ--info { color: #0f3773; -ms-flex-align: end; align-items: flex-end; } .cart__summ--info.black { color: #0a0a0d; } .cart__summ--info-count { font: 32px/.85 geometriabold; } .cart__summ--info-currency { padding-left: 10px; } .cart__reset { background-color: transparent; border-bottom: 1px solid #0f3773; color: #0f3773; cursor: pointer; } .cart__reset:hover { border-bottom: 1px solid transparent; color: #f1a013; } .cart__reset:active { border-color: #0a0a0d; color: #0a0a0d; } .cart__submit { padding: 0 40px; } .cart .select-container { padding-left: 30px; } .cart .select-box { display: block; width: 100%; margin-top: 10px; z-index: 10 !important; } .cart .select-box .select { border: 1px solid #e8e6e6; color: #e8e6e6; line-height: 46px; width: 100%; height: 48px; padding: 0 40px 0 20px; } .cart .select-box .select.active, .cart .select-box .select:hover { border-color: #0a0a0d; color: #0a0a0d; } .cart .select-box .select.active .trigger:before { content: "\e80c"; } .cart .select-box .select .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% !important; } .cart .select-box .select .trigger { text-align: center; width: 20px; top: 0; right: 5px; bottom: 0; margin: auto; position: absolute; z-index: 1; } .cart .select-box .select .trigger:before { content: "\e809"; font-size: 20px; line-height: 46px; width: auto; } .cart .select-box .dropdown { background-color: #fff; border: 1px solid #0a0a0d; display: none; width: 100%; top: 47px; left: 0; position: absolute; z-index: 11; } .cart .select-box .dropdown li { color: #0a0a0d; font-size: 12px; line-height: 1.5; padding: 10px; position: relative; -ms-flex-align: start; align-items: flex-start; } .cart .select-box .dropdown li:not(:last-child):before { background-color: #e8e6e6; content: ""; width: calc(100% + 2px); height: 1px; bottom: 0; left: 0; margin: 0 -1px; position: absolute; z-index: 1; } .cart .select-box .dropdown li.selected, .cart .select-box .dropdown li:hover { background-color: #0f3773; color: #fff; } .cart .select-box .dropdown li.disabled { color: #e8e6e6; cursor: no-drop; } .cart .select-box .dropdown li.disabled:hover { background-color: transparent; } .quantity { width: 100px; height: 45px; position: relative; } .quantity:before { background-color: #e8e6e6; content: ""; width: 26px; height: 1px; top: 22px; right: 1px; position: absolute; z-index: 1; } .quantity > * { display: block; } .quantity-button { border-left: 1px solid #e8e6e6; color: #afafaf; cursor: pointer; font-size: 14px; line-height: 20px; text-align: center; width: 26px; height: 21px; right: 1px; position: absolute; z-index: 1; } .quantity-button:hover { background-color: #0f3773; color: #fff; } .quantity-button.quantity-minus { bottom: 1px; } .quantity-button.quantity-plus { top: 1px; } .quantity-input { background-color: #fff; border: 1px solid #e8e6e6; font: 14px/1 geometriaregular; text-align: center; width: 100%; height: 45px; padding: 0 35px 0 10px; } .quantity-input:focus { border: 2px solid #0f3773; color: #0f3773; } .radio__input { display: none; } .radio__label { cursor: pointer; -ms-flex-align: start; align-items: flex-start; } .radio__label > * { position: relative; } .radio__label--icon { border: 1px solid #e8e6e6; border-radius: 50%; width: 18px; height: 18px; z-index: 2; } .radio__label--icon:before { background-color: #f1a013; border-radius: 50%; content: ""; width: 0; height: 0; top: 0; right: 0; bottom: 0; left: 0; margin: auto; position: absolute; z-index: 1; } .radio__label--text { font-size: 16px; line-height: 1.2; max-width: 100%; margin-left: -18px; padding-left: 30px; z-index: 1; } .radio__label:hover .radio__label--icon { border: 1px solid #f1a013; } .radio__label:hover .radio__label--text { color: #f1a013; } .radio__label.checked .radio__label--icon { border: 1px solid #f1a013; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.18); } .radio__label.checked .radio__label--icon:before { width: 6px; height: 6px; } .radio__label.disabled { cursor: no-drop; } .radio__label.disabled .radio__label--icon:before { background-color: #e8e6e6; } .radio__label.disabled .radio__label--text { color: #e8e6e6; } .alert { width: 50%; } .alert__item { border-radius: 4px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06); font-size: 16px; line-height: 1.2; width: 100%; min-height: 60px; padding: 15px 20px 15px 60px; position: relative; -ms-flex-align: center; align-items: center; } .alert__item:before { background-position: 50%; background-repeat: no-repeat; background-size: 20px 20px; content: ""; width: 20px; height: 20px; top: 0; bottom: 0; left: 20px; margin: auto; position: absolute; z-index: 1; } .alert__item.warning { color: #856404; background-color: #fff3cd; } .alert__item.warning:before { background-image: url(../img/svg/warning.svg); } .alert__item.warning .alert__cancel { background-color: #856404; } .product > * { min-height: 1px; margin-top: 20px; position: relative; } #butVideo { width: 36px; height: 36px; position: absolute; right: 10px; bottom: 100px; z-index: 10; cursor: pointer; filter: grayscale(.9); /*position:absolute; z-index:10; right:6px; bottom:95px; width:50px; height:36px; background:url(../img/ico-video.png) no-repeat top center; background-size:100% auto; cursor:pointer;*/ } #butVideo:hover { filter: none; /*background-position:bottom center;*/ } #butVideo svg { fill: #212121; } .product__slider--box { width: 370px; z-index: 2; } .product__slider--inner { background-color: #fff; border: 1px solid #e8e6e6; color: #0f3773; text-decoration: none; width: 100%; height: 350px; position: relative; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .product__slider--inner:focus, .product__slider--inner:hover { border: 1px solid #f1b013; color: #f1b013; } .product__slider--inner:before { font-size: 20px; line-height: 20px; text-align: center; width: 20px; height: 20px; top: 10px; right: 10px; position: absolute; z-index: 1; } .product__slider--image { display: block; max-width: 340px; max-height: 320px; } .product__preview { margin-top: 10px; padding-right: 20px; } .product__preview--item { padding-right: 15px; } .product__preview--item.slick-current .product__preview--inner:before { opacity: 1; width: 100%; height: 100%; } .product__preview--inner { border: 1px solid #e8e6e6; cursor: pointer; width: 100%; height: 76px; position: relative; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .product__preview--inner:hover { border: 1px solid #0f3773; } .product__preview--inner:before { border: 2px solid #f1a013; content: ""; opacity: 0; width: 0; height: 0; top: -2px; right: -2px; bottom: -2px; left: -2px; margin: auto; position: absolute; z-index: 1; } .product__preview--image { display: block; max-width: 50px; max-height: 50px; } .product__preview .slick-arrow { background-color: #fff; border: 1px solid #e8e6e6; color: #6d6d6d; display: none; width: 20px; height: 20px; top: 50%; margin-top: -10px; position: absolute; z-index: 1; } .product__preview .slick-arrow:before { font-size: 14px; line-height: 18px; text-align: center; width: 20px; height: 20px; } .product__preview .slick-arrow:hover { border: 1px solid #f1b013; color: #f1b013; } .product__preview .slick-arrow.disabled { opacity: .5; cursor: default; } .product__preview .slick-arrow.slick-prev { display: none !important; } .product__preview .slick-arrow.slick-next { right: 0; } .product__info { width: 100%; margin-left: -370px; padding-left: 400px; z-index: 1; } .product__order { border: 1px solid #e8e6e6; padding: 10px 15px; -ms-flex-align: center; align-items: center; } .product__order + .product__order { margin-top: 5px; } .product__order > * { min-height: 1px; } .product__order--info { width: 47%; } .product__order--info .quantity { margin-top: 5px; } .product__order--buttons { width: 53%; } .product__order--buttons > * + * { margin-top: 5px; } .product__price { color: #0f3773; font: 30px/1 geometriaextrabold; -ms-flex-align: end; align-items: flex-end; } .product__price.old-price { color: #bababa; font-size: 16px; text-decoration: line-through; margin-top: 5px; } .product__price--text { margin-left: 5px; } .product__availability { font: 14px/1.2 geometriabold; margin-top: 5px; -ms-flex-align: center; align-items: center; } .product__availability.in-stock:before { color: #f1b013; font-size: 16px; margin-right: 5px; } .product__availability.no-in-stock { color: #bab8b8; text-transform: lowercase; } .product__characteristic { border: 1px solid #e8e6e6; padding: 15px; } .product__characteristic.long-text { padding-bottom: 20px; position: relative; } .product__characteristic--title { border-bottom: 2px solid #e8e6e6; color: #0f3773; font: 13px/1.2 geometriabold; padding-bottom: 10px; } .product__characteristic--list { border-bottom: 1px solid #e8e6e6; margin-top: 15px; } .product__characteristic--list-item { background-color: #fff; padding: 5px; -ms-flex-align: start; align-items: flex-start; } .product__characteristic--list-item:nth-child(2n) { background-color: #fafafa; } .product__characteristic--list-title { font: 12px/1.2 geometriaregular; width: 45%; padding-right: 10px; } .product__characteristic--list-value { font: 12px/1.2 geometriabold; width: 55%; } .product__characteristic--text { margin-top: 15px; } .product__characteristic--text li, .product__characteristic--text p { font-size: 13px; } .product__characteristic--text.long-text { overflow: hidden; height: 120px; position: relative; } .product__characteristic--text.long-text:before { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9)); content: ""; width: 100%; height: 50px; bottom: 0; left: 0; position: absolute; z-index: 1; } .product__cheaper { border-bottom: 1px solid #e8e6e6; padding: 10px 0; -ms-flex-pack: end; justify-content: flex-end; } .product__cheaper--link { color: #1d81f2; text-decoration: none; -ms-flex-align: center; align-items: center; } .product__cheaper--link:hover { color: #f1b013; } .product__cheaper--link:hover .product__cheaper--text { border-bottom: 1px solid transparent; } .product__cheaper--icon { width: 20px; height: 20px; margin-right: 10px; } .product__cheaper--text { border-bottom: 1px solid #1d81f2; font: 13px/1.2 geometriaregular; } .product__list { margin-top: 25px; } .product__list--top { font: 14px/1.2 geometriamedium; padding: 10px 25px; } .product__list--box, .product__list--top { border: 1px solid #e8e6e6; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .product__list--box { border-top: 0; padding: 25px; } .product__list--item { min-height: 1px; } .product__list--item.info { width: 280px; -ms-flex-direction: column; flex-direction: column; } .product__list--item.quantity__box { width: 90px; } .product__list--item.price { width: 100px; } .product__list--item.button { width: 160px; } .product__list--title { border-bottom: 1px solid #e8e6e6; color: #0f3773; display: none; font: 12px/1.2 geometriamedium; margin-bottom: 10px; padding-bottom: 5px; } .product__list--price { color: #0f3773; font: 16px/1.2 geometriabold; } .product__list--price.old-price { color: #bababa; font-size: 12px; text-decoration: line-through; margin-top: 5px; } .product__list--price.old-price { color: #000; } .product__list .product__box--text-item:nth-child(2n) { margin-top: 0; } .product__box { margin-top: 80px; } .product__box--inner { padding-top: 10px; } .product__box--item { width: 50%; margin-top: 30px; padding: 10px 30px; -ms-flex-align: stretch; align-items: stretch; } .product__box--item:nth-child(2n) { border-left: 1px solid #e8e6e6; } .product__box--item > * { position: relative; } .product__box--image { display: block; width: 100%; } .product__box--image-box { width: 60px; z-index: 2; } .product__box--image-box:hover { opacity: .75; } .product__box--text { width: 100%; margin-left: -60px; padding-left: 90px; z-index: 1; -ms-flex-direction: column; flex-direction: column; } .product__box--text-item:nth-child(2n) { margin-top: 10px; } .product__box--text-link { color: #0a0a0d; font: 16px/1.2 geometriabold; text-decoration: none; } .product__box--text-link:hover { color: #f1a013; } .product__box--text-title { font: 12px/1.2 geometriaregular; margin-right: 5px; } .product__box--text-value { font: 12px/1.2 geometriabold; } .product .long-text__button { font-size: 16px; font-weight: bold; color: #1D81F2; width: 120px; text-align: center; cursor: pointer; bottom: 15px; left: 50%; margin-left: -60px; position: absolute; z-index: 10; } .tabs__box { margin-top: 40px; } .tabs__list { border: 1px solid #e8e6e6; } .tabs__list--item { border-left: 1px solid #e8e6e6; cursor: pointer; font: 16px/1.2 geometriabold; height: 50px; padding: 0 50px; position: relative; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .tabs__list--item:first-child { border-left: 0; } .tabs__list--item:last-child { border-right: 1px solid #e8e6e6; } .tabs__list--item:before { background-color: #0f3773; content: ""; width: 0; height: 2px; right: 0; bottom: -1px; left: 0; margin: auto; position: absolute; z-index: 1; } .tabs__list--item:hover { color: #f1a013; } .tabs__list--item.current { color: #0f3773; cursor: default; } .tabs__list--item.current:before { width: 100%; } .tabs__list--item.current:hover { color: #0f3773; } .tabs__list.small .tabs__list--item { font-size: 14px; padding: 0 20px; } .tabs__list.small .tabs__list--item:last-child { border-right: 0; } .tabs__content { border: 1px solid #e8e6e6; border-top: 0; display: none; padding: 35px 20px; } .slick-slide { outline: 0 !important; } .tabs__content.visible { display: block; } .tabs__content.visible.buy_tab { display: none !important; } .footer { background-color: #e7ecf1; position: relative; z-index: 1; } .footer__inner { padding-top: 40px; padding-bottom: 40px; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .footer__item { font-family: geometriamedium; line-height: 1.2; margin-top: 10px; } .footer__item:first-child { margin-top: 0; } .footer__item:before { color: #0f3773; font-size: 16px; line-height: 17px; text-align: center; width: 20px; height: 17px; /* top: 0; left: 0; position: absolute; z-index: 1; */ } .footer__item.icon-phone { font-family: geometriabold; } .footer__item.icon-clock:before, .footer__item.icon-phone:before { font-size: 18px; } .footer__link { color: #0a0a0d; text-decoration: none; } .footer__link:hover { color: #f1b013; } .footer__logo { color: #0f3773; font: 15px/1.2 geometriaextrabold; text-align: center; text-decoration: none; letter-spacing: -.5px; width: 150px; margin-left: 60px; } .footer__logo:hover .footer__logo--image { opacity: .75; } .footer__logo--image { display: block; max-width: 150px; width: 100%; } .footer__logo--text { border-top: 1px solid #e8e6e6; display: block; margin-top: 10px; padding-top: 10px; } .subscribe { background-color: #0f3773; padding-top: 15px; padding-bottom: 15px; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; } .subscribe > * { position: relative; } .subscribe__text { background: url(../img/subscribe.png) 28px 5px no-repeat; color: #fff; width: 100%; padding: 0 450px 0 90px; } .subscribe__text > * { position: relative; } .subscribe__title { font: 20px/1.2 geometriabold; } .subscribe__info { line-height: 1.5; } .subscribe__form { width: 430px; margin-left: -430px; position: relative; z-index: 2; } .subscribe__form--label { color: #1d1e19; font: 14px/44px geometriaregular; height: 44px; width: 270px; top: 0; left: 0; padding: 0 20px; position: absolute; z-index: 0; } .subscribe__form--label.is--not-empty { font-size: 0; } .subscribe__form--input-text { background: 0 0; border: 2px solid #fff; color: #1d1e19; font: 14px/1 geometriaregular; height: 44px; width: 270px; padding: 0 18px; position: relative; z-index: 2; } .subscribe__form--input-text:focus { border: 2px solid #f1a013; } .subscribe__form--input-text.is--error { border: 2px solid #ff4949; } .subscribe__form--input-submit { background-color: #f1b013; cursor: pointer; font: 16px/44px geometriabold; text-align: center; width: 160px; height: 44px; } .subscribe__form--input-submit:hover { background-color: #f1a013; } .subscribe__form--error { color: #ff4949; width: 100%; padding: 10px 0 0 15px; } .developer { color: #0a0a0d; text-decoration: none; -ms-flex-align: center; align-items: center; } .developer:hover { color: #f1b013; } .developer:hover .developer__logo { opacity: .75; } .developer__text { width: 150px; line-height: 1.5; margin-right: 20px; } .developer__logo { display: block; max-height: 54px; } .product__characteristic.long-text { margin: 0; } .product__characteristic.long-text.actives{ height: auto; } .product .long-text__button.orange-btn{ width: 50%; right: 15px; left:auto; margin-left:15px; } .long-orange-btn.orange-btn { max-width: 260px; margin-top: 14px; width: 50%; right: 15px; left:auto; margin-left:15px; } .long-orange-btn-into{ display: flex; flex-flow: row-reverse; } @media (max-width: 1200px) { .product .long-text__button.orange-btn{ width: 260px; } .long-orange-btn.orange-btn { width: 260px; } .h1.with-border { padding-bottom: 15px; } #up { right: 15px; } .header__logo { width: 490px; } .header__logo--text { padding-left: 165px; } .header__logo--title { font-size: 16px; } .header__logo--sub-title { font-size: 14px; padding-top: 5px; } .main-menu__link { font-size: 14px; height: 50px; padding: 0 15px; } .left-side + .content { padding-left: 285px; } .content__seo { margin-top: 40px; } .catalog { padding-top: 15px; } .catalog__filter { margin-top: 40px; } .catalog__filter--body-link { padding: 0 15px; } .catalog__title { font-size: 15px; } .catalog__sub-title { font-size: 13px; } .catalog__price { font-size: 16px; } .catalog__box { margin-top: 40px; } .slider__item--inner { background-color: #c9e9ff; height: 344px; -ms-flex-align: center; align-items: center; } .slider__item--inner > * { width: 50%; } .slider__text { padding-left: 15px; } .slider__title { font-size: 26px; } .slider__button { margin-top: 20px; } .sales__item { padding: 15px; } .sales__text { width: 100%; padding-right: 140px; } .sales__title { font-size: 22px; } .sales__sub-title { font-size: 16px; } .sales__button { margin-top: 20px; } .sales__image--box { width: 120px; margin-left: -120px; } .filial, .read__more, .special { margin-top: 40px; } .cart__box.image { position: relative; z-index: 2; } .cart__box.info { width: 100%; margin-left: -80px; padding-left: 100px; position: relative; z-index: 1; } .cart__box.availability, .cart__box.quantity-box, .cart__box.summ { margin-top: 20px; } .product__slider--box { width: 320px; } .product__slider--inner { height: 320px; } .product__slider--image { max-width: 280px; max-height: 280px; } .product__preview--item { padding-right: 10px; } .product__preview--inner { height: 65px; } .product__preview--image { max-width: 50px; max-height: 50px; } .product__info { margin-left: -320px; padding-left: 335px; } .product__order { padding: 10px; } .product__order--buttons, .product__order--info { width: 50%; } .product__price { font-size: 26px; } .product__characteristic { padding: 10px; } .product__characteristic--list, .product__characteristic--text { margin-top: 10px; } .product__list { margin-top: 20px; } .product__list--top { padding: 10px 15px; } .product__list--box { padding: 15px; } .product__box { margin-top: 40px; } .product__box--inner { padding-top: 0; } .product__box--item { margin-top: 20px; padding: 10px 15px; } .product__box--text { margin-left: -60px; padding-left: 75px; } .tabs__box { margin-top: 30px; } .tabs__list--item { padding: 0 25px; } .tabs__list.small .tabs__list--item { font-size: 14px; padding: 0 10px; } .tabs__list.small .tabs__list--item:last-child { border-right: 1px solid #e8e6e6; } .tabs__content { padding: 15px; } } @media (max-width: 960px) { .header__middle { height: 80px; } } @media (max-width: 1160px) { .header__middle { padding-top: 15px; padding-bottom: 15px; } .header__logo { width: 460px; } .header__logo--text { padding-left: 160px; } .header__logo--title { font-size: 15px; } .header__logo--sub-title { font-size: 13px; } .header__box { border-left: 1px solid #e8e6e6; padding-left: 15px; } .header__cart { margin-left: 20px; } .header__cart--item { font-size: 14px; } } @media (max-width: 1100px) { .header__middle { padding-top: 10px; padding-bottom: 10px; } .header__logo { width: 150px; } .header__logo--text { display: none; } .main-menu__link { font-size: 13px; padding: 0 10px; } .catalog__filter--body-link { padding: 0 10px; } .catalog__price, .catalog__title { font-size: 14px; } .slider__item--inner { /* height: 300px; */ } .slider__title { font-size: 22px; } .slider__button { margin-top: 15px; } .slider__image { max-height: 270px; } .sales__title { font-size: 20px; } .sales__sub-title { font-size: 14px; } .sales__button { margin-top: 15px; } .product__order--info { width: 40%; } .product__order--buttons { width: 60%; } .product__price { font-size: 22px; } .tabs__box.small.small .tabs__content { border-top: 1px solid #e8e6e6; margin-top: 20px; } .tabs__list.small { border: 0; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .tabs__list.small .tabs__list--item { border: 1px solid #e8e6e6 !important; font-size: 14px; height: 40px; margin: 5px 5px 0; padding: 0 15px; } .footer__logo { margin-left: 30px; } } @media (max-width: 1024px) { .catalog__item { width: 50%; } .catalog__item:nth-child(2n) .catalog__image--box { border-right: 1px solid #fff; } .sales__item { width: 100%; } .inner-slider__item { height: 350px; } .cart__nav > * { margin-top: 30px; } .cart__nav--item.active:before { bottom: -30px; } .cart__nav--title { font-size: 16px; } .cart__nav--divider { width: 15px; } .cart__body { margin-top: 20px; } .cart__body--part:first-child { padding-right: 20px; } .cart__body--part:last-child { padding-left: 20px; } .cart__title { font-size: 20px; } .product__order--buttons, .product__order--info { width: 100%; } .product__order--info { text-align: center; } .product__order--info .quantity { max-width: 270px; width: 100%; margin: 5px auto 0; } .product__order--buttons { margin-top: 10px; } .product__order--buttons > * { display: block; margin-right: auto; margin-left: auto; } .product__price { font-size: 22px; -ms-flex-pack: center; justify-content: center; } .product__list--top .product__list--item.button { display: none; } .product__list--box { padding: 15px; } .product__list--item.button { width: 100%; margin-top: 15px; } .product__list--price { font-size: 14px; } .product__list .product__box--text-item { margin-top: 0; } .footer__logo { margin-left: 0; } .subscribe__text { background: url(../img/subscribe.png) 0 5px no-repeat; padding-left: 60px; } .subscribe__title { font-size: 18px; } } @media (max-width: 960px) { .header__cart { display: none; } .header .header__box.schedule { border-left: none; } .header .header__box.schedule .header__item { text-align: right; padding-left: 0; } .header .header__box.schedule .header__item.icon-phone .header__link { font-size: 20px; font-weight: normal; text-decoration: none; } .header .header__box.schedule .header__item.icon-mail .header__link { font-size: 15px; font-weight: normal; text-decoration: none; } .header .header__box.schedule .header__item.icon-clock { display: none; } .header .header__box.schedule .header__item.icon-mail::before, .header .header__box.schedule .header__item.icon-phone::before { display: none; } .header__bottom { padding-top: 10px; padding-bottom: 10px; } .header .main-menu__box { display: none; padding-right: 0; } .header .search { margin-left: 0; width: 100%; } .menu-button { display: -ms-flexbox; display: flex; } .left-side { width: 100%; margin-bottom: 25px; } .left-side + .content { margin-left: 0; padding-left: 0; } .left-side__box { margin-top: 20px; } .left-side__button { display: block; } .left-side__body { display: none; padding-top: 20px; } .filter__item { margin-top: 20px; } .filter__item--inner.active { max-height: 160px; } .filter__title { font-size: 15px; } .filter__box { padding-top: 15px; } .checkbox, .filter__more { margin-top: 10px; } .you-viewed__box { display: none; } .catalog__menu--title { font-size: 16px; height: 40px; padding: 0 20px; } .catalog__menu--item { position: relative; } .catalog__menu--item.sub:hover .catalog__menu--link:before, .catalog__menu--item:hover .catalog__menu--container { display: none; } .catalog__menu--item > .show-sub { background-color: #e7ecf1; border-radius: 3px; color: #f1b013; cursor: pointer; display: block; width: 20px; height: 20px; top: 8px; right: 10px; position: absolute; z-index: 2; } .catalog__menu--item > .show-sub:before { font-size: 16px; line-height: 20px; text-align: center; width: 20px; height: 20px; } .catalog__menu--item > .show-sub:hover { background-color: #fff; color: #f1a013; } .catalog__menu--item > .show-sub.active:before { line-height: 18px; } .catalog__menu--count { font-size: 12px; width: 40px; right: 50px; } .catalog__menu--link { font-size: 14px; padding: 10px 90px 10px 10px; position: relative; } .catalog__menu--link:before { background-color: #0f3773; content: ""; height: 100%; width: 0; top: 0; right: -15px; position: absolute; z-index: 1; } .catalog__menu--container { background-color: #fff; border: 0; width: 100% !important; height: auto; top: 0; left: 0; padding: 0; position: relative; } .catalog__menu--container-inner { overflow: hidden; } .catalog__menu--sub-1 { border-right: 0; width: 100%; } .catalog__menu--sub-1-item { border-top: 1px solid #e8e6e6; padding: 0; position: relative; } .catalog__menu--sub-1-link.sub-link { padding-right: 30px; position: relative; } .catalog__menu--sub-1-link.sub-link:before { display: none; } .catalog__menu--sub-1 .show-sub { background-color: #e7ecf1; border-radius: 3px; color: #f1b013; cursor: pointer; display: block; width: 20px; height: 20px; top: 8px; right: 10px; position: absolute; z-index: 2; } .catalog__menu--sub-1 .show-sub:before { font-size: 16px; line-height: 20px; text-align: center; width: 20px; height: 20px; } .catalog__menu--sub-1 .show-sub:hover { background-color: #fff; color: #f1a013; } .catalog__menu--sub-1 .show-sub.active:before { line-height: 18px; } .catalog__menu--sub-2 { border-right: 0; display: none; top: 0; left: 0; position: relative; } .catalog__menu--sub-2-item { border-top: 1px solid #e8e6e6; padding: 0; position: relative; } .catalog__menu--sub-2-link { padding-left: 20px; } .catalog__menu--sub-2-link.sub-link { padding-right: 30px; position: relative; } .catalog__menu--sub-2-link.sub-link:before { display: none; } .catalog__menu--sub-3 { display: none; top: 0; left: 0; position: relative; } .catalog__menu--sub-3-item { border-top: 1px solid #e8e6e6; padding: 0; position: relative; } .catalog__menu--sub-3-link { padding-left: 30px; } .catalog__menu--sub-3-link.sub-link { padding-right: 30px; position: relative; } .catalog__menu--sub-3-link.sub-link:before { display: none; } .sales__item { width: 49%; } .cart__body--part { width: 100%; } .cart__body--part:first-child { padding-right: 0; } .cart__body--part:last-child { padding: 60px 0 0; } .cart__body--part .cart__item { padding: 30px 0; } .cart__body--part .cart__summ--info { margin-top: 20px; } .footer__inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } .developer, .footer__box { margin-top: 20px; } } @media (max-width: 860px) { .cart__nav > * { margin-top: 20px; margin-right: 10px; } .cart__nav--item:not(.active) .cart__nav--title { display: none; } .cart__nav--item:not(.active) .cart__nav--number { margin-right: 0; } .cart__nav--number { font: 16px/24px geometriabold; width: 26px; height: 26px; margin-right: 5px; } .cart__item { min-height: 80px; } .cart__buttons--item-inner { margin-right: 20px; } .subscribe__text { padding-right: 0; } .subscribe__form { width: 100%; margin: 15px 0 0; z-index: 2; } .subscribe__form--input-text, .subscribe__form--label { width: calc(100% - 140px); } .subscribe__form--input-submit { width: 140px; } .subscribe__form--error { color: #ff4949; padding: 10px 0 0 20px; } } @media (max-width: 768px) { .h1 { font-size: 22px; } .pop-up { padding: 40px 15px; } .header .header__box.contact { display: none; } .header__cart { margin-left: 0; } .menu-button { margin-left: 15px; } .text-page iframe { height: 300px !important; } .text-page h1, .text-page h2 { font-size: 22px; } .text-page ol, .text-page ul { padding-left: 0; } .text-page ol li { min-height: 20px; padding-left: 30px; } .text-page ol li:before { font: 16px/20px geometriaextrabold; width: 20px; height: 20px; } .text-page li, .text-page p { font-size: 14px; } .inner-slider__item { height: 300px; } .sales__item { width: 100%; } .contacts > * { margin-top: 30px; } .contacts__info { width: 100%; } .contacts__title { font-size: 18px; } .contacts__item { margin-top: 10px; padding-left: 30px; } .contacts__map { margin-left: 0; padding-left: 0; } .contacts__map--inner { height: 300px; } .filial__item { padding: 0 15px; } .keyword { margin-top: 30px; } .keyword__title { font-size: 16px; } .keyword__word { font-size: 18px; } .cart__body { margin-top: 20px; padding: 20px; } .cart__box.summ { text-align: left; } .product__slider--box { width: 100%; } .product__preview { margin-top: 10px; padding-right: 20px; } .product__preview--item { padding-right: 15px; } .product__preview--item.slick-current .product__preview--inner:before { opacity: 1; width: 100%; height: 100%; } .product__preview--inner { border: 1px solid #e8e6e6; cursor: pointer; width: 100%; height: 76px; position: relative; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .product__preview--inner:hover { border: 1px solid #0f3773; } .product__preview--inner:before { border: 2px solid #f1a013; content: ""; opacity: 0; width: 0; height: 0; top: -2px; right: -2px; bottom: -2px; left: -2px; margin: auto; position: absolute; z-index: 1; } .product__preview--image { display: block; max-width: 50px; max-height: 50px; } .product__preview .slick-arrow { background-color: #fff; border: 1px solid #e8e6e6; color: #6d6d6d; display: none; width: 20px; height: 20px; top: 50%; margin-top: -10px; position: absolute; z-index: 1; } .product__preview .slick-arrow:before { font-size: 14px; line-height: 18px; text-align: center; width: 20px; height: 20px; } .product__preview .slick-arrow:hover { border: 1px solid #f1b013; color: #f1b013; } .product__preview .slick-arrow.disabled { opacity: .5; cursor: default; } .product__preview .slick-arrow.slick-prev { display: none !important; } .product__preview .slick-arrow.slick-next { right: 0; } .product__info { margin-left: 0; padding-left: 0; } .product .long-text__button { max-width: 260px; right: 0; bottom: 15px; left: 0; margin: auto; } } @media (max-width: 640px) { .cities { padding-top: 10px; } .cities__item { margin-top: 10px; } .cities__link { font-size: 14px; } .header__top { -ms-flex-pack: center; justify-content: center; } .header__localization:before { margin-right: 5px; } .header__cart { width: auto; } .header__cart--image { display: none; } .header__cart--text { border-left: 1px solid #e8e6e6; width: 175px; margin-left: 0; padding: 10px; } .header__cart--text:before { width: 10px; left: -1px; } .header__cart--text:after, .header__cart--text:before { background-color: #e8e6e6; content: ""; height: 1px; top: -1px; position: absolute; z-index: 1; } .header__cart--text:after { width: 80px; right: -1px; } .header__cart--title { left: 20px; } .text-page img.left-side, .text-page img.right-side { float: none; width: auto; margin: 0 auto !important; } .text-page h3 { font-size: 20px; } .text-page * + * { margin-top: 20px; } .slider__item--inner { height: auto; flex-direction: column-reverse; } .slider-main .slider__dots { bottom: -10px; padding-bottom: 0; } .slider__title { font-size: 18px; } .slider__image { max-height: 220px; } .catalog__filter--title { padding-right: 0; } .catalog__filter--sub-title { font-size: 15px; line-height: 1.2; right: 0; margin-top: 15px; position: relative; } .catalog__filter--button { top: 33px; } .catalog__filter--body-item { padding-right: 0; } .catalog__filter--body-title { font-size: 14px; letter-spacing: -.5px; width: 100%; margin: 0 0 15px; padding-right: 140px; } .catalog__filter--body-link { padding: 0 10px; } .cart__box.summ { width: 100%; } .cart__buttons.right { -ms-flex-pack: center; justify-content: center; } .cart__buttons--inner { margin-top: 20px; } .alert { width: 100%; } .product__list--top { display: none; } .product__list--box { padding: 15px; -ms-flex-direction: column; flex-direction: column; } .product__list--box:nth-child(2) { border-top: 1px solid #e8e6e6; } .product__list--item { width: 100% !important; margin-top: 15px; } .product__list--item:first-child { margin-top: 0; } .product__list--title { display: block; } .product__box--inner { padding-top: 15px; } .product__box--item { border-top: 1px solid #e8e6e6; border-left: 0 !important; width: 100%; margin-top: 0; padding: 15px 0; } .product__box--item:first-child { border-top: 0; padding-top: 0; } .product__box--item:last-child { padding-bottom: 0; } .tabs__box { margin-top: 30px; } .tabs__list--item { font-size: 14px; padding: 0 15px; } } @media (max-width: 960px) { .header__logo { width: 100px; } } @media (max-width: 540px) { .write_director { width: 100%; margin-bottom: 10px; text-align: center; } .slider__item--inner > * { width: 100%; } .slider__text { text-align: center; padding: 15px; } .slider__button { margin-right: auto; margin-left: auto; } /* .slider__image--box { display: none; } */ .error-404__top > * { margin-right: 10px; } .error-404__side { width: 44px; } .error-404__main { width: 180px; } .cart__box.availability, .cart__box.quantity-box { width: 100%; } .cart__item { padding-right: 0; } .cart__delete { top: 10px; } .subscribe__text { background-position: 50% 0; text-align: center; padding: 40px 0 0; } } @media (max-width: 480px) { .h1 { font-size: 20px; } .cities__item { width: 50%; } .text-page iframe { height: 300px !important; } .text-page h1, .text-page h2 { font-size: 20px; } .text-page h3 { font-size: 18px; } .pager__item { margin: 5px 2px 0; } .pager__button:before, .pager__current, .pager__item, .pager__link { line-height: 26px; width: 26px; height: 26px; } .pager__button:before, .pager__current { line-height: 26px; } .inner-slider__item { height: 250px; } .news__item { width: 100%; margin-top: 30px; } .news__image { height: 220px; } .news__title { font-size: 16px; max-height: 40px; } .cart__nav > * { margin-right: 5px; } .cart__nav--title { font-size: 14px; } .cart__nav--divider { width: 10px; } .cart__body { padding: 15px; } .cart__body--part .cart__box.info { margin-left: 0; padding-left: 0; } .cart__item { padding: 30px 0; } .cart__box.image { width: 100px; margin: 20px auto 0; } .cart__box.info { margin: 20px 0 0; padding-left: 0; } .cart__box.quantity-box > * { width: 100%; margin: 10px 0 0; } .cart__image--box { max-width: 100%; } .cart__product--title { font-size: 14px; } .cart__delete { top: 20px; } .cart__buttons.right { -ms-flex-pack: start; justify-content: flex-start; } .cart__buttons.inner { padding-left: 0; } .cart__buttons--inner { width: 100%; } .cart__buttons--item { -ms-flex-direction: column; flex-direction: column; } .cart__buttons--item-inner { margin-right: 0; } .cart__buttons--item-inner:first-child { margin: 10px 0 0; -ms-flex-order: 2; order: 2; } .cart__buttons--item-inner:last-child { -ms-flex-order: 1; order: 1; } .tabs__box { margin-top: 0; padding-top: 15px; } .tabs__list { border: 0; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .tabs__list--item { border: 1px solid #e8e6e6 !important; font-size: 14px; height: 40px; margin: 5px 5px 0; padding: 0 15px; } .tabs__content { border-top: 1px solid #e8e6e6; margin-top: 20px; } } @media (max-width: 425px) { .catalog__item { width: 100%; } .catalog__item:nth-child(1n) .catalog__image--box { border-right: 1px solid #fff; } .cart__nav--title { font-size: 14px; } .cart__nav--divider { width: 5px; } .subscribe__form { -ms-flex-pack: center; justify-content: center; } .subscribe__form--label { width: 100%; } .subscribe__form--input-text { width: 100%; -ms-flex-order: 1; order: 1; } .subscribe__form--input-submit { margin-top: 15px; -ms-flex-order: 3; order: 3; } .subscribe__form--error { text-align: center; padding-left: 0; -ms-flex-order: 2; order: 2; } } @media (max-width: 375px) { .cities__item { width: 100%; } .header__logo { width: 80px; } .header__cart--text { width: 150px; } .header__cart--text:after { width: 55px; } .header__cart--item { font-size: 12px; } .menu-button { margin-left: 10px; } .sales__text { text-align: center; margin-top: 15px; padding-right: 0; -ms-flex-order: 2; order: 2; } .sales__button { margin: 15px auto 0; } .sales__image { max-height: 120px; margin: 0 auto; } .sales__image--box { width: 100%; margin-left: 0; -ms-flex-order: 1; order: 1; } } .filter_main .catalog__wrap-btn { display: flex; justify-content: space-between; } .filter_main .btn { padding-top: 10px; width: 130px; } .filter_main .orange-btn { background-color: #f1b013; border-radius: 5px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18); color: #0a0a0d; cursor: pointer; font: 16px/44px geometriabold; text-align: center; text-decoration: none; max-width: 130px; width: 100%; height: 45px; position: relative; border: navajowhite; } .popular a { cursor: pointer; font: 16px/1.2 geometriabold; width: 100%; padding-right: 10px; position: relative; color: #000; text-decoration: none; } .popular a:hover { color: #f1b013; } .price--yellow { color: #f1b013; font-size: 24px; } .soc_youtube { font-size: 20px; color: black; margin-right: 12px; } .soc_insta { font-size: 20px; color: black; } #razmer, #tabl { font-size: 24px; text-align: center; line-height: 28px; } img { max-width: 100%; } /* helpers */ .content { width: 100%; max-width: 1200px; padding-left: 25px; padding-right: 25px; margin-left: auto; margin-right: auto; } @media (max-width:960px){ .content { padding-right:0 } } .page-title { font-size: 2rem; line-height: 1.5; font-weight: bold; margin-bottom: 1.3rem; } .seo-text p { margin: 15px 0; } .categories { margin: 50px 0; } .categories-list { list-style: none; padding-left: 0; } .categories-item--subitem { margin-left: 126.75px; } @media (max-width: 1024px) { .categories-item--subitem { margin-left: 97px; } } @media (max-width: 767px) { .categories-item--subitem { margin-left: 81px; } } @media (max-width: 500px) { .categories-item--subitem { margin-left: 30px; } } .categories-item--subitem .categories-item-name { color: #0F3773; font-size: 14px; } .categories-item-header { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; cursor: pointer; } @media (max-width: 500px) { .categories-item-header {padding: 10px 0;} } .categories-item-header.active .categories-item-name::after { transform: rotate(180deg) translateY(50%); } .categories-item-header.active .categories-item-name-arrow { transform: rotate(180deg) translateY(50%); } .categories-item-content { height: 0; visibility: hidden; overflow: hidden; } .categories-item-content.active { height: auto; visibility: visible; overflow: hidden; } .categories-item-img { margin-right: 20px; width: 15%; } .categories-item--subitem .categories-item-img { width: 10.59%; } @media (max-width: 767px) { .categories-item--subitem .categories-item-img { } .categories-item--subitem .categories-item-name { width: 72%; } .categories-item--subitem .categories-item-name-arrow { } } @media (max-width: 500px) { .categories-item--subitem .categories-item-img { width: 12.59%; } } @media (max-width: 767px) { .categories-item-img { width: 15%; } } .categories-item-name { font-weight: bold; position: relative; /*width: calc(80% - 30px);*/ line-height: 1.4; font-size: 18px; } .sub-categories-item-name { width: auto; } @media (max-width: 767px) { .categories-item-header { justify-content: space-between; } .categories-item-name { font-size: 1.1rem; width: 75%; display: block; } .sub-categories-list .sub-categories-item-name { } } .categories-item-name::after, .categories-item-name-arrow { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url("../images/arrow-sm.svg"); background-size: cover; margin-left: 15px; transition: .3s all; vertical-align: middle; } .categories-item-name::after { display: none; } .categories-item-name-arrow { background-position: center -1px; } @media (max-width: 767px) { .categories-item-name::after { position: absolute; top: 50%; right: -20px; transform: translateY(-50%); } } @media (max-width: 767px) { .sub-categories-item-name a { display: inline-block; width: calc(100% - 20px); } } .categories-item-button { background: #E7ECF1; border-radius: 5px; font-weight: bold; font-size: 1.1rem; width: max-content; margin: 30px auto 0; padding: 15px 30px; cursor: pointer; transition: .3s all; } .categories-item-button:hover { background-color: #e2e2e2; } @media (max-width: 767px) { .categories-item-button { font-size: .7rem; width: auto; text-align: center; margin-right: auto; margin-left: auto; } } .categories-item-products { margin-top: 40px; margin-bottom: 70px; } .cat-products { width: 100%; padding-left: 50px; } @media (max-width: 767px) { .cat-products { padding-left: 0; } } .cat-products-item { margin-bottom: 15px; } .cat-products-item.hidden { display: none; } .cat-product { display: flex; align-items: center; justify-content: space-between; box-shadow: 0 5px 10px -1px rgba(0, 0, 0, 0.2); padding: 20px; border-radius: 8px; } @media (max-width: 767px) { .cat-product { flex-wrap: wrap; } } .cat-product-info {width: 50%;} /*.at-product-amount {width: 5%; min-width: max-content;}*/ .cat-product-price {width: 20%; text-align: center;} .cat-product-button {width: 20%;} @media (max-width: 768px) { .cat-product-info {width: 100%;} } .cat-product-title { font-size: 1rem; font-weight: bold; line-height: 1.2; margin-bottom: 10px; } .cat-product-title a { color: #000; text-decoration: none; } .cat-product-title a:hover, .catalog-submenu__title:hover, .catalog-submenu__list a:hover {color: #f1a013;} .cat-product-parameters { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-top: 15px; margin-top: 3px; } @media (max-width: 767px) { .cat-product-parameters { margin-bottom: 30px; } } .cat-product-parameter { margin-right: 50px; margin-bottom: 3px; font-size: .75rem; } .cat-product-parameter span { font-weight: bold; } /*.cat-product-amount { font-size: 1rem; position: relative; }*/ .cat-product-amount { width: 100px; height: 45px; position: relative; max-width: auto; } /*.cat-product-amount input { border: none; width: 35px; text-align: center; outline: none; font-size: inherit; padding-right: 10px; }*/ .cat-product-amount input { background-color: #fff; border: 1px solid #e8e6e6; font: 14px/1 geometriaregular; text-align: center; width: 100%; height: 45px; padding: 0 35px 0 10px; } .cat-product-amount input[type=number]::-webkit-inner-spin-button, .cat-product-amount input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .cat-product-amount input[type=number] { -moz-appearance: textfield; } /*.cat-product-amount-arrows { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }*/ .cat-product-amount-arrows { position: absolute; right: 1px; top: 1px; bottom: 1px; width: 26px; display: flex; flex-direction: column; border-left: 1px solid #e8e6e6; } /*@media (max-width: 767px) { .cat-product-amount-arrows { display: flex; right: -30px; } }*/ /*.cat-product-amount-arrow { width: 10px; height: 10px; background-image: url("../images/arrow-sm.svg"); background-size: cover; background-position: center; cursor: pointer; padding: 3px; }*/ .cat-product-amount-arrow { cursor: pointer; color: #afafaf; font-size: 14px; line-height: 20px; text-align: center; transition: all .25s ease-in-out; flex-grow: 1; } .cat-product-amount-arrow:hover { background-color: #0f3773; color: #fff; } /*@media (max-width: 767px) { .cat-product-amount-arrow { width: 15px; height: 15px; position: static; } }*/ /*.cat-product-amount-increase { transform: rotate(-180deg); margin-bottom: 1px; } .cat-product-amount-decrease { margin-top: 1px; }*/ .cat-product-amount-increase { } .cat-product-amount-decrease { border-top: 1px solid #e8e6e6; } .cat-product-price { color: #0F3773; font-size: 1rem; font-weight: bold; min-width: max-content; padding: 0 10px; white-space: nowrap; } .cat-product-button { background: #F1B013; border-radius: 5px; color: #000; font-size: 1rem; font-weight: bold; padding: 15px 35px; cursor: pointer; box-shadow: 0 3px 10px 0 rgba(119, 90, 2, 0.2); transition: .3 all; } .cat-product-button:hover { background-color: #ffc233; } @media (max-width: 767px) { .cat-product-button { display: block; width: 90%; margin: 0 auto; text-align: center; margin-top: 30px; } } .catalog__submenu { background-color: #fff; } .catalog__submenu-list { list-style: none; display: flex; flex-wrap: wrap; padding-left: 0; } @media (max-width: 767px) { .catalog__submenu-list { max-height: unset; } } .catalog__submenu-item { margin-bottom: 20px; margin-right: 30px; width: calc(50% - 30px); min-width: 300px; } .catalog-submenu__header { display: flex; align-items: center; } .catalog-submenu__amount { border-radius: 50%; background-color: #F1B013; color: #fff; font-weight: bold; max-width: 35px; min-width: 35px; min-height: 35px; max-height: 35px; display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem; margin-right: 13px; } .catalog-submenu__title { font-size: 18px; width: calc(100% - 35px); line-height: 1.3; text-decoration: none; color: #0A0A0D; } .catalog-submenu__title--multiple { font-weight: bold; } .catalog-submenu__list { margin-top: 12px; list-style: none; padding-left: 48px; } .catalog-submenu__list > li { margin-bottom: 10px; line-height: 1.4; display: block; } .submenu__item--wrapper { display: inline-block; position: relative; } .catalog-submenu__list a { color: #000; text-decoration: none; padding-top: 0.04em; } .catalog__menu--link { display: flex; align-items: center; padding: 15px 20px 15px 20px; } .catalog__menu--list img { width: 38px; height: 38px; margin-right: 20px; vertical-align: middle; } .catalog__menu--count { display: none; } .catalog__menu--container { padding: 30px 40px 10px; width: 905px; min-width: 500px; max-width: calc(100vw - 300px); } .catalog-submenu__item { position: relative; } .catalog-submenu__item:hover .catalog__subsubmenu { display: block; } .catalog__subsubmenu { position: absolute; top: -5px; left: 100%; z-index: 999; padding: 5px 10px 5px 10px; display: none; background-color: #fff; box-shadow: 0px 6px 20px rgba(15, 55, 115, 0.08); margin-left: 5px; min-width: max-content; } .catalog__subsubmenu-list { margin: 0; padding: 0; } .catalog__subsubmenu-item { margin: 0 0 10px 0; } .catalog__subsubmenu-item:last-child { margin-bottom: 0; } #form_hide .hide {display:none;} .breadcrumbs__current { color: #000; } .is__active{ background-color: #0f3773; } .is__active .catalog__menu--link{ color: #fff!important; } .footer__menu{ padding-right: 0px!important; background: #0f3773; border-top: 10px solid #fff; height: 94px; } .footer__menu .main-menu__link { height: 100%!important; } .footer__menu ul { height: 100%!important; } .full { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; padding: 8%; background: #CCC center no-repeat; background: rgba(0, 0, 0, 0.5) center no-repeat; background-size: contain; background-origin: content-box; } .highslide-credits{ display:none!important; } .product__preview{ height: 80px!important; margin-bottom: 0!important; } .tabs__box { margin-top: 65px!important; } @media (max-width:770px){ .product__info{ margin-top: 40px!important;; } } .sert { text-align: center; margin-top: 20px; } .sert-item { display: inline-block; vertical-align: top; width: 220px; margin: 0 25px 20px; } .sert-item-img { display: table; width: 220px; height: 270px; border: solid 3px #0f3773; margin: 0 auto; -moz-box-sizing: border-box; box-sizing: border-box; } .sert-item-title { margin-top: 30px; } .text-page .flexs li + li { margin-top: 0px; } .seo-wrapper--home-seotext { padding: 12px 0 30px; } .main-menu__link { padding: 0 17px; } .need_class { vertical-align: middle; display: flex; justify-content: center; align-items: center; } .orange-btn.need_class { height: 54px; } .main-menu__link.is--active.need_class { background-color: #f1b013; } .mobile-site-menu .main-menu__link.mob {color: orange;} .need_li { vertical-align: middle; display: flex; justify-content: center; align-items: center; } .need_li a { max-height: 44px; } a.filter__title {text-decoration: none; display: block; color: #0A0A0E;} .checkbox__label--text a { text-decoration: none; color:#0a0a0d; font-weight:bold; } .product__price--value { white-space: nowrap; } @media (min-width: 1000px) { .product__order--buttons { margin-top:40px; } .product__price { white-space: nowrap; display: flex; flex-flow: nowrap; margin-bottom: 20px; } .product__order--info { align-self: self-start; } } /* ����� ��� �������� v3, ���2021, ������ �. */ A.butScrollToFooter { color:#000; border:0; text-decoration:none; padding:5px 12px; background:#e7ecf1; border-radius:5px; text-transform:uppercase; font-size:90%; } .subListMini { margin-bottom:30px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } .subListMini A { width:32%; display: flex; align-items:center; margin-bottom:10px; border:1px solid #ddd; border-radius:5px; padding:14px 5px; text-decoration:none; color:#000; font-size:104%; line-height:1.3em } .subListMini.addFinishBlock:after { content: ""; width:32%; } @media (max-width:1100px){ .subListMini A { width:49%; } .subListMini.addFinishBlock:after { display:none } } @media (max-width:700px){ .subListMini A { width:100%; } } .linkHover A { transition: all 0.2s ease; } .linkHover A:hover { color: #f1a013; box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.2); } .subListMini A DIV:first-child { width: 26%; text-align:center } .subListMini A DIV:last-child { width: 74%; } .subListMini DIV { overflow: hidden; } .subListMini IMG { width:80%; padding:2px 0; zoom: 1.2; /* IE */ -moz-transform: scale(1.2); /* Firefox */ -o-transform: scale(1.2); /* Opera */ -webkit-transform: scale(1.2); /* Safari And Chrome */ transform: scale(1.2); /* Standard Property */ } .filtrList A { display:inline-block; border:1px solid #ddd; padding:4px 15px; line-height:1.2em; font-size:110%; text-decoration:none; color:#000; margin:0 20px 15px 0; border-radius:15px 15px 15px 0; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f2f7fc 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f2f7fc 100%); background: linear-gradient(to bottom, #ffffff 0%,#f2f7fc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f7fc',GradientType=0 ); } @media (max-width:700px){ .filtrList A { margin:0 15px 10px 0; } } .catalogType { text-align:right; margin-top:10px; } .catalogType DIV { display:inline-block; width:34px; height:30px; background: url(/dist/img/ico-catalogType.svg) no-repeat; background-size:83px; background-position-y:4px; margin:3px 0 3px 3px; cursor:pointer } .catalogType DIV:hover { background-color: #eee; border-radius:5px } .catalogType DIV.catalogType_Vitrina { background-position-x:5px; } .catalogType DIV.catalogType_List { background-position-x:-24px; } .catalogType DIV.catalogType_Table { background-position-x:-54px; } .catalogType DIV.active { background-position-y:-22px; background-color: #fff; cursor:default } .sortLine { display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0; } .sortLine DIV { padding:3px 0; } .sortLine SELECT { border:1px solid #ddd } @media (max-width:700px){ .sortLine.colMix DIV:first-child { width:100% } } @media (max-width:400px){ .sortLine { display:block } .sortLine DIV:last-child { text-align:right } } .catalogPagination A, .catalogPagination SPAN { display:inline-block; color:#777; text-align:center; line-height:22px; border:1px solid #fff; border-radius:50%; text-decoration:none; margin:0 2px; } .catalogPagination .active, .catalogPagination .next { border:1px solid #777; width:24px; } .catalogPagination .next { background: url(/dist/img/ico-next.png) no-repeat 60% center; background-size:40% } .catalogPagination I { display:inline-block; width:4px; height:4px; background:#c4c4c4; border-radius:50%; margin:0 2px -1px 2px; } .butLoadItems { transition: all 0.2s ease; text-align:center; font-size:120%; padding:15px 0 18px 0; margin:5px 0; color:#5c5c5c; cursor:pointer; text-decoration:underline; } .butLoadItems:hover { color:#000; background:#f0f0f0; } .catalogItems .Item { transition: all .2s ease; } .catalogItems .But .Zakaz { background:#cfcfcf; } .catalogItems .product__list--box { border:0 } .type_List .Item { display: flex; flex-wrap: wrap; justify-content: space-between; margin:10px 0 5px 0; border:1px solid #ddd; padding:15px } .type_List .Article, .type_List .Units, .type_List .Stock { display:none } .type_List .Image { width:22% } .type_List .Image IMG { width:100%; /* border:1px solid #eee; */ } .type_List .Info { width:75%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items:center; } .type_List .Info A { width:100%; font-size:110%; color:#000; text-decoration:none; margin-bottom:10px; } .type_List .Info A:hover { color: #f1a013; text-decoration:underline; } .type_List .Info DIV:last-child {width:100%; } .type_List .Price { color:#0f3773; font-size:200%; font-weight:bold; } .type_List .But { width:30%; } .type_List .But INPUT, .type_List .But BUTTON { width:100%; min-width:120px; background:#f1b013; border-radius:6px; color:#000; font-size:120%; font-weight:bold; line-height:40px; padding:0 20px; box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2); } .type_List .Count { white-space: nowrap } .type_List .Count INPUT { width:60%; line-height:28px; font-size:110%; padding:0 5px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .type_List .Count SPAN { display:inline-block; text-align:center; width:30px; line-height:28px; font-size:110%; border:1px solid #ddd; cursor:pointer } .type_List .Params { margin-right:30%; display: flex; flex-wrap: wrap; } .type_List .Params SPAN { width: 24%; border-bottom:1px solid #eee; padding:10px 0; } .type_List .Params SPAN:nth-child(2), .type_List .Params SPAN:nth-child(6) { margin-right:4%; } .type_List .Params SPAN:nth-child(odd) { color:#aaa } .type_List .Params SPAN:nth-child(5), .type_List .Params SPAN:nth-child(6), .type_List .Params SPAN:nth-child(7), .type_List .Params SPAN:nth-child(8) { border:none; padding-bottom:0 } @media (max-width:1100px){ .type_List .But { width:auto; text-align:right; } .type_List .Params { margin-right:0; } } .type_Table { border-bottom:1px solid #d0d0d0; } .type_Table .Item { font-size:90%; /* border-bottom:1px solid #d0d0d0; */ padding:6px 8px; } .type_Table .Item:nth-child(even) { background:#f2f2f2 } .type_Table .Article, .type_Table .Image { display:none } .type_Table .Info { display: flex; flex-wrap: nowrap; align-items:center; justify-content: space-between; } .type_Table A { width:35%; color:#000; text-decoration:none; } .type_Table .Info A:hover { color: #f1a013; } .type_Table .But { order:7; width:80px; } .type_Table .But INPUT, .type_Table .But BUTTON { width:100%; background:#f1b013; border-radius:5px; color:#000; line-height:25px; box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.2); } /* .type_Table .But INPUT.Zakaz { background:#cfcfcf; } */ .type_Table .Count { white-space: nowrap } .type_Table .Count INPUT { width:40px; line-height:21px; padding:0 2px; background:none; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .type_Table .Count SPAN { display:inline-block; background:#ddd; text-align:center; width:23px; font-size:110%; line-height:21px; border:1px solid #ddd; cursor:pointer } .type_Table .Count { order:6; width:90px } .type_Table .Price { order:5; width:12%; white-space: nowrap; text-align:right; color:#0f3773; font-weight:bold; } .type_Table .Stock { order:4; width:9%; } .type_Table .Units { order:3; width:7%; } .type_Table .Params { order:2; width:9%; } .type_Table .Params SPAN, .Articles { display:none; } .type_Table .Params SPAN:nth-child(6) { display:inline;} .type_Table .Articles { display: inline;padding: 0 10px;min-width: 108px; } @media (max-width:800px){ .type_Table .Params { display:none; } .type_Table .Stock { width:12%; } .type_Table .Units { width:10%; } } @media (max-width:650px){ .type_Table .Info { flex-wrap: wrap; } .type_Table A { width:100%; margin:3px 0; } .type_Table .Stock { width:20%; } /* .type_Table .Units { width:15%; } */ .type_Table .Price { width:18%; } } @media (max-width:500px){ .type_Table .Price { width:25%; } } @media (max-width:400px){ .type_Table .Stock { display:none; } .type_Table .Units { display:none; } .type_Table .Price { width:auto; } } .type_Vitrina { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top:20px } .type_Vitrina .Item { position:relative; width:25%; text-align:center; padding:30px 10px 98px 10px; margin:-5px 0 0 0; } @media (max-width:750px){ .type_Vitrina .Item { width:33.2%; } } @media (max-width:580px){ .type_Vitrina .Item { width:50%; } } .type_Vitrina .Item:hover { border-radius:8px; box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.2); } .type_Vitrina .Article { position:absolute; margin:-18px 0 0 -10px; width:100%; font-size:85%; color:#aaa; padding-bottom:5px; } .type_Vitrina .Image IMG { width:100%; border:1px solid #eee; } .type_Vitrina .Info { /* display: flex; flex-direction:column; justify-content:space-between; */ padding-top:5px; } .type_Vitrina .Info A { font-size:90%; color:#000; text-decoration:none; } .type_Vitrina .Info A:hover { color: #f1a013; } .type_Vitrina .Stock, .type_Vitrina .Units, .type_Vitrina .Params { display:none; } .type_Vitrina .But { position:absolute; width:100%; bottom:40px; margin-left:-10px } .type_Vitrina .But INPUT, .type_Vitrina .But BUTTON { width:85%; background:#f1b013; font-size:110%; border-radius:5px; color:#000; line-height:32px; box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2); } .type_Vitrina .Price { position:absolute; width:100%; margin-left:-10px; bottom:78px; font-size:110%; white-space: nowrap; color:#0f3773; font-weight:bold; } .type_Vitrina .Count { display:none; position:absolute; width:100%; margin-left:-10px; white-space: nowrap; bottom:8px; } .type_Vitrina .Item:hover .Count { display:block; } .type_Vitrina .Count INPUT { width:40%; line-height:24px; padding:0 5px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .type_Vitrina .Count SPAN { display:inline-block; text-align:center; width:28px; line-height:24px; border:1px solid #ddd; cursor:pointer } .Count .quantity-input { height: auto; } .checkbox__label--text span { text-decoration: none; color: #0a0a0d; font-weight: bold; } .catalogPagination .prev { background: url(/dist/img/ico-next.png) no-repeat 60% center; background-size: 40%; transform: rotate(180deg); border: 1px solid #777; width: 24px; } .catalogPagination .active { color: #0f3773; font-weight:bold; border: 0; width:auto; } .type_Table .Params { width: 18%; } .subListMini A DIV:first-child { width: 50%; } .catalog_all_tov.catalog__title { border-radius: 50%; background-color: #F1B013; color: #fff; font-weight: bold; max-width: 35px; min-width: 35px; min-height: 35px; max-height: 35px; display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem; margin-right: 13px; align-self: self-end; } .wert1 ~ .catalog_all_tov.catalog__title { margin: 0 78%; } .cata .catalog_all_tov.catalog__title { padding-top: 14px; } .wert1.catalog__title { min-height: 68px; } .subListMini A DIV:last-child { height: 100%; display: flex; justify-content: space-between; flex-flow: column; } .cart__summ--info { flex-flow: nowrap; } .cart__summ--info-count.animated { white-space: nowrap; } .menu2 a, .menu2 > span { display: block; color: #fff; text-decoration: none; padding: 10px; } .menu-lvel {position:relative;} .level2 {position:absolute; left: 44px; background-color: #1d5ab6;z-index: -1;min-width: 160px;display: none;} .menu .level2 a {display: flex; padding-top: 0;} .menu {overflow: visible;} .menu-lvel:hover .level2 {z-index: 8; box-shadow: 0 5px 5px -5px #333; display: block;} .aktus, .akt2 {font-weight: bold;} .level2 a:hover { background-color: #0f3773; transition: .3s ease-out; } .footer_img { display: flex; justify-content: space-between; width: 94px; padding-bottom: 8px; } #table_rem .pop-up { max-width: 320px; font-size: 12px; text-align: center; position: fixed; bottom: 100px; right: 10px; -webkit-box-shadow: -1px 5px 15px 5px rgba(0,0,0,0.63); box-shadow: -1px 5px 15px 5px rgba(0,0,0,0.63); } #table_rem .pop-up { z-index: 8888; position: fixed; } #up { background-color: #fff; border: 2px solid #16448a; border-radius: 50px; color: #16448a; cursor: pointer; font-size: 30px; line-height: 65px; text-align: center; width: 65px; height: 65px; right: 100px; position: fixed; z-index: 50; display: flex; justify-content: center; align-items: center; } #up.show { bottom: 20px; } .prime_all li { margin-top: 0!important; } @media (max-width:750px){ #up.show { bottom: 8px; } #up { right: 80px; } } .filter-titles.dop input[type="checkbox"] { display: none; } .filter-titles.dop label { cursor: default; font-weight: normal; vertical-align: middle; font-size: 12px; color: #2f2f2f; } .checkbox__dop { display: inline-flex; padding-right: 14px; padding-bottom: 8px; } .filter-titles.dop label:before { content: " "; border-radius: 4px; color: #f1b013; display: inline-block; /* шрифт Awesome*/ margin-right: 12px; position: relative; text-align: center; text-indent: 0px; width: 20px; height: 20px; background: #FFF; border: 1px solid #dadada; border-image: initial; vertical-align: middle; } .filter-titles.dop input:checked + label:before { /* глифон - галочка */ content: ""; background-image: url('/dist/img/Vector2.svg'); background-repeat: no-repeat; background-position: center; background-size: 112%; border: 1px solid #f1b013; } .filter-titles.dop input:disabled + label:before { background: #eee; color: #aaa; } .all_tags1 { justify-content: flex-start; display: flex; flex-flow: wrap; margin-top: 30px; } .catalog-saiba1 { display:none; } .catalog-saiba1.hide_tag11 { display:inline-flex!important; } .catalog-saiba1:nth-child(1),.catalog-saiba1:nth-child(2),.catalog-saiba1:nth-child(3),.catalog-saiba1:nth-child(4) { display:inline-flex!important; } .all_tags_main1 { margin-bottom: 50px; } .too_main1 { display:flex; flex-flow: row-reverse; margin-top: 8px; } .too_11 { display:inline-flex; height: 25.08px; background: #f1b013; justify-content: center; align-items: center; padding: 0 8px; cursor: pointer; margin-right: 8px; } .catalog-saiba1 { cursor: pointer; margin-right: 8px; height: 31px; background: #e7ecf1; border-radius: 100px; position: relative; display: inline-flex; justify-content: flex-start; align-items: center; color: #000; text-decoration: none; padding-left: 60px; padding-right: 10px; padding: 8px 12px 8px 12px; width: auto; line-height: 14px; margin-bottom: 8px; } .vopr_otvet.questions__list { padding-bottom: 20px; font-weight: bold; font-size:24px; padding-top: 30px; } .otzivi_author_dop { position: relative; font-size: 16px; background-color: #e7ecf1; border-radius: 15px; color: #0a0a0d; cursor: pointer; font: 13px/30px geometriamedium; text-decoration: none; width: 100%; display: flex; margin: 30px 0 14px 0; padding: 14px 20px; } .otzivi_all { border-bottom: 1px solid lightgray; padding-bottom: 20px; } .otzivi_text_dop { padding: 10px 0 20px 20px; } .ww_kres { width: 38px; height: 38px; top: 10px; right: 5px; position: absolute; display: flex; justify-content: center; align-items: center; background:#f1b013; transition: all 0.2s ease-out; border-radius: 30px; } .questions__item-title .ww_kres img { width: auto; } .questions__item-title.open .ww_kres img { transform: rotate(45deg); transition: all 0.2s ease-out; } .otzivi_all._dop { border-bottom: 0px; padding-bottom: 0px; } .otzivi_author_dop.questions__item-title { margin: 10px 0 14px 0; } /**/ .lightbox .lb-outerContainer video { position: absolute; top: 0; left: 0; right: 0; z-index: 1;/*9999;*/ width: 100%; height: auto; opacity: 1; transition: opacity 300ms ease-in-out; border: none; outline: none; } .lightbox .lb-outerContainer video:hover, .lightbox .lb-outerContainer video:focus { border: none; outline: none; } .lightbox .lb-outerContainer.animating video { opacity: 0; } .lightbox .lb-container { position: relative; } .lightbox .lb-container .lb-image { border: none; } .video-no-zoom::before{ content: ""; } video.responsive-video { width: 100%; height: 100%; } .degrees-360 { width: 40%; position: absolute; /*top: 50%; left: 50%; transform: translate(-50%, -50%);*/ right: 5px; bottom: 0; } /* Tags */ ul.tags_list { margin: 30px 0 0 0; display: flex; flex-wrap: wrap; gap: 20px; } ul.tags_list li { padding: 10px 15px; background-color: #0f3773; border-radius: 20px; } ul.tags_list li a { font-family: geometriaregular; font-size: 12px; text-decoration: none; color: #ffffff; white-space: nowrap; } ul.tags_list li:hover a { color: #f1b013; } ul.tags_list li#tags_list_more { background: none; cursor: pointer; } ul.tags_list li#tags_list_more a { color: #0f3773; font-weight: 600; } ul.tags_list li#tags_list_more:hover a { color: #f1b013; } .hide { display: none !important; } /* Sitemap */ ul.blockSitemap { margin: 30px 0 0 0; padding: 0; width: calc(50% - 10px); display: grid; gap: 10px; float: left; } ul.blockSitemap:nth-child(odd) { margin-left: 20px; } ul.blockSitemap li { display: flex; flex-wrap: wrap; gap: 0 5px; } ul.blockSitemap li a { padding: 10px 0; display: inline-block; font-size: 18px; font-weight: 600; text-decoration: none; color: #0a0a0d; } ul.blockSitemap li a:hover { text-decoration: underline; color: #0f3773; } /* ul.blockSitemap li.sub a {} */ ul.blockSitemap li.sub span{ width: 34px; height: 34px; line-height: 34px; position: relative; cursor: pointer; } ul.blockSitemap li.sub span::after { content: "\e809"; font-family: "fontello"; font-size: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ul.blockSitemap li.sub span.r180 { transform: rotate(180deg); } ul.blockSitemap li ul { margin: 0 0 0 20px; width: 100%; } /* ul.blockSitemap li ul li {} */ ul.blockSitemap li ul li a { font-size: 15px; font-weight: 400; } @media only screen and (max-width: 992px) { ul.blockSitemap { width: 100%; } ul.blockSitemap:nth-child(even) { margin: 30px 0 0 0; } ul.blockSitemap:nth-child(odd) { margin: 10px 0 0 0; } } .mobile-actions { } /* */ .main-menu__level-2 { display: none; flex-direction: column; } .active ~ .main-menu__level-2 { display: flex; } .main-menu__level-2_item { font-size: 18px; } .main-menu__level-2_link { display: block; text-decoration: none; color: #1D81F2; line-height: 20px; padding: 9px 0; } .main-menu__level-3 { display: none; flex-direction: column; margin-bottom: 10px; } .active ~ .main-menu__level-3 { display: flex; } .main-menu__level-3_item { font-size: 16px; line-height: 20px; } .main-menu__level-3_row::before { content: '— '; color: #0F3773; margin-right: 4px; } .main-menu__level-3_link { display: block; text-decoration: none; color: #0F3773; padding: 10px 0; } .main-menu__level-4 { display: none; flex-direction: column; margin: 0 0 10px 24px; } .active ~ .main-menu__level-4 { display: flex; } .main-menu__level-4_item { font-size: 14px; } .main-menu__level-4_item a { display: block; text-decoration: none; color: #0F3773; padding: 10px 0; } .main-menu__level-1_row, .main-menu__level-2_row, .main-menu__level-3_row { display: flex; align-items: baseline; } .main-menu__level-1_open, .main-menu__level-2_open, .main-menu__level-3_open { display: flex; flex-shrink: 0; width: 32px; height: 32px; justify-content: center; align-items: center; font-size: 24px; font-family: fontello; font-style: normal; font-weight: 400; margin-left: auto; text-decoration: none; } .main-menu__level-1_open { color: #0f3773; } .main-menu__level-2_open { color: #1D81F2; } .main-menu__level-3_open { color: #0f3773; } .active .main-menu__level-1_open, .active .main-menu__level-2_open, .active .main-menu__level-3_open { transform: rotate(180deg); } .footer__link, .privacy_dop { text-decoration: none !important; } .footer__item { display: flex; align-items: center; gap: 18px; } .footer__item.icon-phone .footer__link { font-size: 20px; font-weight: normal; } .footer__item.icon-mail .footer__link { font-size: 16px; font-weight: normal; } @media (max-width: 960px) { .footer__logo--text { display: none; } .footer__box.contact div { display: none; } } .video-slider_item { margin: 10px; } .video-slider_wrapper { display: block; -webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.1); border-radius: 13px; transform: translateZ(0px); position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ } .responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .video-slider__dots { justify-content: center; gap: 10px; margin-top: 15px; } .video-slider__dots button { font-size: 0; width: 14px; height: 14px; border-radius: 7px; background: #fff; border: 1px solid #0F3773; } .video-slider__dots .slick-active button { background: #0F3773; } .video-section { margin: 50px 0 40px; } .video-section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; } .video-section-title { } .video-section-title h2 { font-size: 30px; font-weight: bold; line-height: 32px; margin-bottom: 8px; } .video-section-title span { font-size: 16px; } .video-section-button { flex-shrink: 0; } .video-section-button a { display: flex; align-items: center; padding: 12px 28px; border: 1px solid #000; border-radius: 5px; font-size: 16px; font-weight: bold; color: #0A0A0D; text-decoration: none; } .video-section-button--mobile { display: none; } .video-section-button a::before { content: ''; width: 26px; height: 26px; background: url('/dist/images/vkvideo.png') 50% 50%/contain transparent; margin-right: 10px; } .video-section-icon { display: none; } @media (max-width: 600px) { .video-section-header { align-items: flex-start; } .video-slider__dots { margin-top: 10px; } .video-slider__dots button { width: 8px; height: 8px; border-radius: 4px; background: #DAE3E8; border: none; } .video-slider__dots .slick-active button { background: #A3AFB7; } .video-section-button { display: none; } .video-section-button--mobile { display: flex; margin-top: 20px; } .video-section-button--mobile a { width: 100%; justify-content: center; } .video-section-button--mobile a::before { display: none; } .video-section-icon { display: block; width: 53px; height: 53px; background: url('/dist/images/vkvideo.png') 50% 50%/contain transparent; flex-shrink: 0; } } :root { --color-bg: #F3F6F8; --color-text: #343638; --color-primary: #0F3773; --color-white: #FFFFFF; --menu-width: 100%; --menu-height: 87px; --menu-radius: 15px 15px 0 0; --shadow: 0 10px 15px 10px rgba(0, 0, 0, 0.25); } /* Блок меню */ .menu { position: fixed; left: 0; right: 0; bottom: 0; width: var(--menu-width); height: var(--menu-height); z-index: 1000; } .menu__background { position: absolute; inset: 0; background: var(--color-bg); border-radius: var(--menu-radius); box-shadow: var(--shadow); } /* Центральная белая капсула/эллипс */ .menu__center-bubble { position: absolute; left: 50%; top: 10px; transform: translateX(-50%); width: 67px; height: 67px; background: var(--color-white); border-radius: 50%; pointer-events: none; } .menu__items { position: relative; list-style: none; margin: 0; padding: 0 16px; height: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; align-items: end; } .menu__item { position: relative; display: flex; flex-direction: column; align-items: center; padding-bottom: 12px; z-index: 5; } .menu__item--center { position: relative; align-self: center; padding-bottom: 0; z-index: 10; } .menu__label { font-weight: 500; font-size: 12px; line-height: 1.2; letter-spacing: -0.04em; /* -4% */ color: var(--color-text); } .menu__icon, .menu__cart { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: var(--color-primary); } .menu__icon-img { display: block; width: 30px; height: 30px; } .menu__item--center .menu__icon-img { width: 38px; height: 38px; } /* Стили для ссылок и кнопок */ .menu__link { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: inherit; cursor: pointer; border: none; background: none; padding: 0; font: inherit; } .menu__search-btn { width: 100%; height: 100%; } .menu__badge { position: absolute; right: 10px; top: -10px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 50%; background: var(--color-primary); display: flex; place-items: center; font-weight: 500; font-size: 13px; line-height: 1.54; color: var(--color-white); align-items: center; justify-content: center; } /* Меню только на мобильных, на десктопе скрываем */ @media (min-width: 769px) { .menu { display: none; } } /* Адаптивная ширина */ @media (max-width: 768px) { :root { --menu-width: 100vw; } .menu { width: 100vw; } #up.show { bottom: 98px; } } .menu__spacer { display: none; } @media (max-width: 768px) { .menu__spacer { display: block; height: calc(var(--menu-height, 87px) - 10px); } } /* Скрываем подставленный текст в центральной ссылке */ .menu__phone-link.callibri_phone { font-size: 0; } .menu__item--center .menu__icon { font-size: initial; } /* Если трекинг подставляет текст номера внутрь ссылки телефона, скрываем текст */ .menu__item--center .menu__link { font-size: 0; } .menu__item--center .menu__icon { font-size: initial; } /* телефон: слой-ссылка поверх круга */ .menu__item--center { position: relative; } .menu__phone-link { position: absolute; left: 50%; top: -20px; transform: translateX(-50%); width: 67px; height: 67px; display: block; text-indent: -9999px; overflow: hidden; z-index: 30; } /* Центрируем иконку телефона по кругу точно */ .menu__item--center .menu__icon { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); z-index: 15; } /* Кликабельный слой размещаем выше иконки */ .menu__phone-link { z-index: 20; }