/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal; } @font-face { font-family: 'FontAwesome'; src: url(/local/templates/landing/assets/fonts/font-awesome-sass/assets/fonts/font-awesome/fontawesome-webfont.eot); src: url(/local/templates/landing/assets/fonts/font-awesome-sass/assets/fonts/font-awesome/fontawesome-webfont.eot) format("embedded-opentype"), url(/local/templates/landing/assets/fonts/font-awesome-sass/assets/fonts/font-awesome/fontawesome-webfont.woff2) format("woff2"), url(/local/templates/landing/assets/fonts/font-awesome-sass/assets/fonts/font-awesome/fontawesome-webfont.woff) format("woff"), url(/local/templates/landing/assets/fonts/font-awesome-sass/assets/fonts/font-awesome/fontawesome-webfont.ttf) format("truetype"), url(/local/templates/landing/assets/fonts/font-awesome-sass/assets/fonts/font-awesome/fontawesome-webfont.svg) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Dusha"; font-style: normal; font-weight: normal; src: url(/local/templates/landing/assets/fonts/font-awesome-sass/assets/fonts/das.woff2) format("woff2"), url(/local/templates/landing/assets/fonts/das.woff) format("woff"); } @font-face { font-family: "PTSans"; font-style: normal; font-weight: normal; src: url(/local/templates/landing/assets/fonts/font-awesome-sass/assets/fonts/PTSans-Regularr.woff) format("woff"); } @font-face { font-family: Montserrat; font-style: normal; font-weight: 400; src: url(fonts/Montserrat-Regular.woff); src: local("Montserrat-Regular"), local("Montserrat-Regular"), url(fonts/Montserrat-Regular.woff) format("woff"); font-display: swap } @font-face { font-family: Montserrat; font-style: normal; font-weight: 500; src: url(fonts/Montserrat-Medium.woff); src: local("Montserrat-Medium"), local("Montserrat-Medium"), url(fonts/Montserrat-Medium.woff) format("woff"); font-display: swap } @font-face { font-family: Montserrat; font-style: normal; font-weight: 600; src: url(fonts/Montserrat-SemiBold.woff); src: local("Montserrat-SemiBold"), local("Montserrat-SemiBold"), url(fonts/Montserrat-SemiBold.woff) format("woff"); font-display: swap } @font-face { font-family: Montserrat; font-style: normal; font-weight: 700; src: url(fonts/Montserrat-Bold.woff); font-display: swap } /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ /* Document ========================================================================== */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { font-size: 16px; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; font-family: Montserrat; font-size: 1rem; line-height: 1.4; color: #333 } .scroll-disabled{ overflow: hidden; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { padding: 0; margin: 0; font: inherit; font-size: 100%; vertical-align: baseline; border: 0; } .container { max-width: 1180px!important; padding: 0 15px!important; } blockquote, q { quotes: none; } ol, ul { list-style: none; font-family: Montserrat; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } .h2, h2 { margin: 15px 0; font-family: Montserrat; font-size: 2.25rem; font-weight: 700; line-height: 1.33; color: #333 } .h4, h4 { margin: 5px 0; font-family: Montserrat; font-size: 1.5rem; font-weight: 700; line-height: 1.33; color: #333; } .h6, h6 { margin: 5px 0; font-family: Montserrat; font-size: 1rem; font-weight: 600; line-height: 1.33; color: #333; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. */ figcaption, figure { display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Add the correct display in IE. */ main { display: block; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { color: #814724; text-decoration: none } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. */ button { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } button, [type="button"], [type="reset"], [type="submit"] { /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Show the overflow in Edge. */ input { overflow: visible; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Add the correct display in IE 9-. */ menu { display: block; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } .foundation-mq { font-family: "small=0em&xmedium=33.75em&medium=48em&large=80em"; } html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border-radius: 0; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } [data-whatinput='mouse'] button { outline: 0; } pre { overflow: auto; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block !important; } .is-hidden { display: none !important; } body { min-width: 320px; } main big, main .big, main .c-big { color: #000; font-size: 24px; } main b, main strong { font-weight: bold; } main hr { border: none; border-bottom: 2px solid #555; } main .c-right { float: right; margin: 0 0 10px 10px; } main .c-left { float: left; margin: 0 10px 10px 0; } main .c-black { color: #000; } main .c-gray { color: #555; } main .c-hidden { display: none; } @media screen and (max-width: 33.6875em) { main .c-small-hidden { display: none; } } @media screen and (min-width: 48em) and (max-width: 79.9375em) { main .c-medium-hidden { display: none; } }@charset "UTF-8"; /** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-contacts { margin-top: 20px; padding: 0 10px; width: 100%; } .b-contacts__wrap { border: 1px solid #d3d3d3; background-color: #fafafa; padding: 20px; text-align: center; } .b-contacts__title { color: #0a3e66; font-family: 'Dusha'; font-size: 30px; line-height: 32px; } .b-contacts__phone { font-weight: 700; font-size: 30px; line-height: 32px; margin: 20px 0 15px; } .b-contacts__phone a { color: inherit; text-decoration: inherit; } .b-contacts__phone-mobile, .b-contacts__phone-desktop { position: relative; padding-left: 35px; } .b-contacts__phone-mobile::before, .b-contacts__phone-desktop::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\F095"; color: #8f1423; font-size: 16px; position: absolute; left: 6px; top: 12px; } .b-contacts__phone-mobile::after, .b-contacts__phone-desktop::after { content: ''; border: 1px solid #8f1423; border-radius: 50%; width: 23px; height: 23px; display: block; position: absolute; left: 0; top: 8px; } .b-contacts__phone-desktop { display: none; } .b-contacts__text { font-size: 17px; font-style: italic; } @media print, screen and (min-width: 48em) { .b-contacts__phone-mobile { display: none; } .b-contacts__phone-desktop { display: inline; } } @media print, screen and (min-width: 80em) { .b-contacts { margin-top: 0; padding: 0; } }@charset "UTF-8"; /** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-footer { padding: 20px 0 30px; background-color: #fafafa; border-top: 1px solid #ccc; } .b-footer__wrap { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 1200px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media print, screen and (min-width: 33.75em) { .b-footer__wrap { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 48em) { .b-footer__wrap { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 80em) { .b-footer__wrap { padding-right: 0.625rem; padding-left: 0.625rem; } } .b-footer__copyright { width: 100%; font-size: 17px; line-height: 18px; } .b-footer__default-text { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-footer__default-text .b-footer__text { font-size: 14px; text-align: center; } .b-footer__default-text .b-footer__contacts { text-align: center; } .b-footer__default-text .b-footer__contacts-phone { font-size: 22px; color: #808088; background: url("/landing/images/phone-ico.png") no-repeat left center; display: inline-block; padding-left: 31px; } .b-footer__default-text .b-footer__contacts-time { font-size: 12px; color: #808088; position: relative; display: block; margin: -5px; } .b-footer__soc-links { margin: 10px 0; } .b-footer__soc-link { display: inline-block; width: 29px; height: 29px; padding: 18px; } .b-footer__vk { background: url("/landing/images/vk.png") no-repeat; } .b-footer__fb { background: url("/landing/images/fb.png") no-repeat; } .b-footer__od { background: url("/landing/images/od.png") no-repeat; } .b-footer__inst { background: url("/landing/images/inst.png") no-repeat; } .b-footer__link-up { width: 35%; display: none; text-align: right; color: #8f1423; text-decoration: none; } .b-footer__link-up:hover { text-decoration: underline; } .b-footer__link-up::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\F139"; color: #8f1423; padding-left: 5px; } @media print, screen and (min-width: 48em) { .b-footer__link-up { display: inline-block; } .b-footer__copyright { width: 65%; } } .b-footer__wrap-content { height: 600px; width: 600px; } .b-footer__popup_agreement { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 900; /* visibility: hidden; */ -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } @media screen and (max-width: 850px) { .b-footer__default-text { display: block; } .b-footer__logo { text-align: center; margin-bottom: 16px; } .b-footer__text { margin-bottom: 16px; } } .footer__logo { max-width: 183px; } #bg_popup { position: fixed; z-index: 10; right: 0; bottom: 0; left: 0; display: none; } .popup { background: #e6e3e3; padding: 5px 20px; position: absolute; bottom: 0; width: 100%; } .close { color: white; background: #aa0010; cursor: pointer; float: right; width: 210px; text-align: center; font-weight: 800; font-size: 20px; text-decoration: none; margin: 13px; font-family: PTSans; } .cookie_text { text-align: center; padding: 13px 0; font-family: PTSans; } .wrap_text_cookies { overflow: scroll; height: 100%; } .nds { max-width: 1200px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 auto; width: 100%; text-align: right; margin-bottom: 1%; padding-right: .625rem; padding-left: .625rem; } @media screen and (max-width: 420px) { .close { bottom: 0; float: none; display: block; max-width: 100%; height: auto; display: block; border: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .popup { background: #e6e3e3; padding: 5px 20px; position: absolute; bottom: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 800px) { .cookie_text { padding: 0; } .nds { margin-bottom: 1%; width: auto; text-align: center; } } .dropdown { top: 10px; width: 100%; margin: 0 0 10px auto; } .dropdown.fixed { position: -webkit-sticky; position: sticky; right: 155px; z-index: 20; max-width: 160px; } .dropdown.fixed .dropdown-menu { right: 0; left: auto !important; } .dropdown .dropdown-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; color: #212529; background-color: #fafafa; border: 1px solid #d3d3d3; } .dropdown .dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.3); box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.3); } .dropdown .dropdown-toggle img { display: block; width: 24px; min-width: 24px; margin-right: 10px; } .dropdown .dropdown-toggle span { margin-right: auto; } .dropdown .dropdown-menu { width: 100%; } .dropdown .dropdown-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.375rem 0.75rem; } .dropdown .dropdown-item img { display: block; width: 24px; min-width: 24px; margin-right: 10px; } .dropdown .dropdown-item span { margin-right: auto; } .dropdown.show .dropdown-toggle::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .dropdown .dropdown-toggle::after { display: inline-block; padding-left: 10px; font: normal normal normal 14px/1 FontAwesome; padding: 0; font-weight: 500; content: '\F078'; margin: auto 0 auto 15px; font-size: 10px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dropdown { cursor: pointer; } .preload_email { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 10px; } .preload_email img { width: 30px; } .preload_email span { font-size: 12px; } .email_outer { position: relative; width: 100%; } .preload_email_img { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: revert; flex-direction: revert; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; margin: 0; background: rgba(255, 255, 255, 0.8); border: 1px solid #bcbcbc; } .answer_validate_steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0 !important; } .answer_validate_steps span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 15px; font-size: 14px; } .answer_validate_steps .btn_validate_steps { margin: 0; }@charset "UTF-8"; /** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-guaranties { margin-top: 25px; padding: 0 10px; width: 100%; } .b-guaranties--popup { border-bottom: 1px solid #cecece; margin-top: 0; padding: 0; } .b-guaranties__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .b-guaranties__wrap--popup { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 1200px; margin: 0 auto; } @media print, screen and (min-width: 33.75em) { .b-guaranties__wrap--popup { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 48em) { .b-guaranties__wrap--popup { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 80em) { .b-guaranties__wrap--popup { padding-right: 0.625rem; padding-left: 0.625rem; } } .b-guaranties__title { text-align: center; background-color: #efefef; font-size: 30px; line-height: 32px; padding: 20px; font-family: 'Dusha'; width: 100%; color: #555; } .b-guaranties__title--popup { display: none; } .b-guaranties__item { width: 33%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .b-guaranties__img-wrap { padding: 0 10px; } .b-guaranties__text { font-size: 14px; margin-top: 20px; margin-bottom: 40px; } .b-guaranties__phone { color: #8f1423; font-size: 26px; text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } .b-guaranties__phone--popup { color: #000; margin-bottom: 10px; } .b-guaranties__phone a { color: inherit; text-decoration: inherit; } .b-guaranties__phone-mobile, .b-guaranties__phone-desktop { position: relative; padding-left: 25px; } .b-guaranties__phone-mobile::before, .b-guaranties__phone-desktop::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\F095"; color: inherit; font-size: 20px; position: absolute; left: 0; top: 8px; } .b-guaranties__phone-desktop { display: none; } @media print, screen and (min-width: 33.75em) { .b-guaranties__text--popup { font-size: 14px; } } @media print, screen and (min-width: 48em) { .b-guaranties__wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-guaranties__item--popup { width: 25%; margin-bottom: 10px; } .b-guaranties__text--popup { width: 55%; display: inline-block; margin: 0; } .b-guaranties__img-wrap--popup { width: 40%; display: inline-block; } .b-guaranties__phone--popup { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; } .b-guaranties__phone-mobile { display: none; } .b-guaranties__phone-desktop { display: inline; } } @media print, screen and (min-width: 80em) { .b-guaranties { padding: 0; } .b-guaranties__phone { font-size: 22px; } .b-guaranties__phone-mobile::before, .b-guaranties__phone-desktop::before { font-size: 18px; } .b-guaranties__text { font-size: 14px; } .b-guaranties__text--popup { font-size: 20px; } }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ /* Новая шапка сайта */ .header { background: #fff } @media (min-width: 1025px) { .header { display: none } } .header__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 0 } .header__logo, .header__logo img { display: block; pointer-events: none!important; } .header__menu { padding: 0; background: none; border: none } .header__menu-svg { display: block; width: 40px; min-width: 40px; height: 40px; min-height: 40px; stroke: #000 } .menu { position: fixed; top: 0; left: 0; z-index: 12; width: 100vw; height: var(--vh, 100vh); visibility: hidden; background: #fff; opacity: 0; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: visibility, opacity; transition-property: visibility, opacity } .menu.active { visibility: visible; opacity: 1 } .menu .container { height: 100%; padding: 0 } .menu__wrapper { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto } .menu__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100% } .menu__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 15px } .menu__logo, .menu__logo img { display: block; pointer-events: none!important; } .menu__close { padding: 0; background: none; border: none } .menu__close-svg { display: block; width: 40px; min-width: 40px; height: 40px; min-height: 40px; stroke: #000 } .menu__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .menu__nav li { border-bottom: 1px solid #e1e1e1 } .menu__nav li:first-child { border-top: 1px solid #e1e1e1 } .menu__nav a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 15px; font-size: 16px; font-weight: 500; line-height: 2; color: #333 } .menu__nav svg { display: block; width: 24px; min-width: 24px; height: 24px; min-height: 24px; stroke: #ac003e; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .menu__bottom { padding: 24px 15px; margin: auto 0 0 } .menu__contacts-item { display: -webkit-box; display: -ms-flexbox; display: flex; color: #333 } .menu__contacts-item + .menu__contacts-item { margin: 12px 0 0 } .menu__contacts-icon { width: 24px; margin: 0 12px 0 0 } .menu__contacts-svg { display: block; width: 24px; min-width: 24px; height: 24px; min-height: 24px; stroke: #333 } .menu__contacts-link { display: inline-block; margin: 0 0 8px; font-size: 20px; font-weight: 600; line-height: 1.2; color: inherit } .menu__contacts-text { font-size: 14px; line-height: 1.29 } .menu__contacts-text a { color: inherit; text-decoration: underline } .menu__contacts-text a:hover { text-decoration: none } .menu__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 24px 0 0 } .menu__social-item { display: block } .menu__social-svg { display: block; width: 40px; min-width: 40px; height: 40px; min-height: 40px } /* Старая шапка */ .b-header { position: relative; margin-bottom: 140px; } .b-header--top { margin-bottom: 0; } .b-header--top.b-header::after { display: none; } .b-header__wrap, .b-header__slider-wrap, .b-header__additional-block { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 1200px; margin: 0 auto; } @media print, screen and (min-width: 33.75em) { .b-header__wrap, .b-header__slider-wrap, .b-header__additional-block { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 48em) { .b-header__wrap, .b-header__slider-wrap, .b-header__additional-block { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 80em) { .b-header__wrap, .b-header__slider-wrap, .b-header__additional-block { padding-right: 0.625rem; padding-left: 0.625rem; } } .b-header__img1-wrap { position: absolute; height: 180px; text-align: center; z-index: 30; } .b-header__img1-wrap--title { top: 35px; left: -20px; display: none; } .b-header__img1-wrap--separator { bottom: -155px; left: calc(50% - 70px); } .b-header__image1 { max-height: 100%; } .b-header__line { width: calc(100% - 20px); border-bottom: 1px solid #d3d3d3; position: absolute; bottom: -140px; left: 10px; } .b-header__img2-wrap { position: absolute; top: 0; right: 0; width: 380px; height: 245px; text-align: center; z-index: 30; display: none; } .b-header__image2 { max-height: 100%; } .b-header__slider-wrap { text-align: center; position: relative; } .b-header__slider { background-repeat: repeat no-repeat; background-position: bottom center; } .b-header__main-image { max-width: 100%; max-height: 100%; } @media print, screen and (min-width: 33.75em) { .b-header { margin-bottom: 180px; } .b-header--top { margin-bottom: 0; } .b-header__img1-wrap--separator { height: 225px; bottom: -200px; } .b-header__line { bottom: -180px; } } @media print, screen and (min-width: 80em) { .b-header { margin-bottom: -64px; } .b-header--top { margin-bottom: 0; } .b-header__line { display: none; } .b-header__slider-wrap { height: 525px; } .b-header::after { content: ''; display: block; height: 64px; width: 100%; border-bottom: 1px solid #b6bdc2; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fafafa; } .b-header__img1-wrap--title { display: block; } .b-header__img1-wrap--separator { display: none; } .b-header__img2-wrap { display: block; } } @media screen and (max-width: 79.9375em) { .b-header__slider { background-image: none !important; } }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; font-family: Montserrat; } .b-layout__header { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .b-layout__content { width: 100%; max-width: 1180px; padding: 0 15px; margin: 0 auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-ordinal-group: 3; width: 100%; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: nowrap; } @media print, screen and (min-width: 80em) { .b-layout__content { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .b-layout__footer { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-loader { display: none; } .b-loader--show { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.85); z-index: 1000; display: block; } .b-loader__image { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }@charset "UTF-8"; /** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-order-form { margin-top: 20px; padding: 0; width: 100%; } .b-order-form__field { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start; padding-left: 3px; } @-moz-document url-prefix() { .b-order-form .b-order-form__main-fields .b-order-form__input, .b-order-form__additional-fields .b-order-form__input { max-width: 234px; } } .b-order-form__field.x { display: none; } .b-order-form__label { font-weight: bold; font-size: 17px; line-height: 38px; width: 128px; } .cbx_field_appartment .b-order-form__label{ width: auto; } body .b-order-form__additional-fields .onestep_form_field .requierd_app { width: auto; margin: 0; margin-right: auto; } .b-order-form__input { border: 1px solid #d3d3d3; background-color: #fff; padding: 9px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; max-width: 630px; } .b-order-form__input::-webkit-input-placeholder { opacity: 0.4; } .b-order-form__input::-moz-placeholder { opacity: 0.4; } .b-order-form__input:-moz-placeholder { opacity: 0.4; } .b-order-form__input:-ms-input-placeholder { opacity: 0.4; } .b-order-form__additional-fields { display: none; } .b-order-form__button { cursor: pointer; width: 100%; font-size: 36px; line-height: 36px; color: #fff; background-color: #aa0010; padding: 30px; text-align: center; text-transform: uppercase; overflow: hidden; position: relative; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .b-order-form__button:hover { background-color: #ba0a1a; } .b-order-form__button:hover .b-order-form__angle { right: -15%; } .b-order-form__button span { z-index: 10; } .b-order-form__arrows { position: relative; } .b-order-form__arrows::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\F101"; font-weight: 700; padding-left: 10px; } .b-order-form__angle { width: 50%; height: 100%; -webkit-transform: skew(20deg); transform: skew(20deg); background-color: #d20011; position: absolute; top: 0; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; right: -20%; } .b-order-form__confirm-input { /* display: none; */ min-width: 17px; height: 17px; margin: 15px 0; } .b-order-form__confirm-label { display: inline-block; margin: 15px 0; position: relative; font-size: 16px; line-height: 16px; padding-left: 25px; } .b-order-form__confirm-label::before { content: ''; position: absolute; top: calc(50% - 6px); left: 0; display: none; border: 1px solid #d3d3d3; width: 12px; height: 12px; } .b-order-form__conditions-link { color: #8f1423; text-decoration: underline; cursor: pointer; } .b-order-form__conditions-link:hover { text-decoration: none; } .b-order-form__submit-btn { display: none; } .b-order-form input[type=checkbox]:checked + label:not(.error)::after { display: none; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\F00C"; font-size: 12px; position: absolute; left: 0; top: calc(50% - 6px); } .b-order-form input[type=radio]:checked + label:not(.error)::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\F00C"; font-size: 12px; position: absolute; left: 0; top: calc(50% - 6px); } .b-order-form__additional-fields .approval{ display: flex; align-items: center; } .b-order-form__additional-fields .approval .b-order-form__confirm-label { display: flex; flex-flow: row nowrap; } .b-order-form__additional-fields .approval .b-order-form__confirm-label span { display: block; } body .b-order-form__field .error_new_v2 { padding: 5px!important; width: 100%; text-align: right; position: relative; display: block; transform: translateY(0%); max-width: 235px; margin: 0 0 0 auto; } .info__block { font-size: .875rem; line-height: 1.71; color: #4f4f4f } @media (max-width: 600px) { .info__block { font-size: 1rem } } .info__block + .info__block { margin: 32px 0 0 } .info__block p + p { margin: 16px 0 0 } .info__block q { display: inline-block; padding: 0 0 0 20px; font-weight: 500; color: #333; border-left: 2px solid #b59858 } @media (max-width: 600px) { .info__block q { padding-left: 8px; font-size: 1rem; line-height: 154% } } .info__block table { width: 100%; font-size: 1rem; line-height: 1.5 } .info__block table tr + tr > td { padding-top: 12px } .info__block table td:first-child { width: 280px } @media (max-width: 1024px) { .info__block table td:first-child { max-width: 140px } } .info__block table td:first-child span { position: relative; display: inline-block; width: 100%; overflow: hidden; color: #828282; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom } .info__block table td:first-child span:after { position: absolute; bottom: .36em; width: 100%; content: ""; border-bottom: 1px dashed #e0e0e0 } .info__block table td:nth-child(2) { color: #000 } .info__block h5, .info__title { margin: 0 0 16px; color: #333 } @media print, screen and (min-width: 80em) { .b-order-form__confirm-wrap { text-align: left; } } .b-two-medal { margin: 10px 0; } .b-two-medal__info { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 5px; } .b-two-medal__first { padding: 5px; width: 50%; font-size: 14px; line-height: 1; } .b-two-medal__second { padding: 5px; width: 50%; font-size: 14px; line-height: 1; } .b-two-medal__choose_one { font-size: 17px; line-height: 23px; } .b-two-medal__choose_two { font-size: 15px; line-height: 1; } .b-two-medal__choose_three { font-size: 12px; line-height: 1; } .b-two-medal__choose_four { font-size: 12px; line-height: 1; } .b-two-medal__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-two-medal__buttons.required { border: 1px solid red; -webkit-box-shadow: 0 0 4px 0 red; box-shadow: 0 0 4px 0 red; } .b-two-medal__btn { display: none; } .b-two-medal__btn:checked + .b-two-medal__btn-lbl { background: #319626; color: #fff; } .b-two-medal__btn-lbl { width: 50%; text-align: center; cursor: pointer; background-color: #f0f0f0; color: #000; font-size: 14px; font-weight: 400; text-shadow: none; padding: 6px 14px; margin: 0; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1); -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .b-two-medal__btn-lbl:nth-of-type(odd) { opacity: 0.8; margin-right: 1px; } .b-two-medal__btn-lbl:nth-of-type(even) { margin-left: 1px; } .b-two-medal__btn-lbl:hover { background-color: #97da91; } .answer_validate { color: red; padding-left: 130px; } .t_validate { -ms-flex-wrap: wrap; flex-wrap: wrap; } .btn_validate { float: left; padding: 8px 0px; background-color: #f0f0f0; color: #000; border: 1px solid rgba(0, 0, 0, 0.2); width: 80px; font-size: 12px; } .t_lable { width: 148px; } span.paysystem_title { display: inline-block; width: 66%; margin-left: 12px; text-align: left; } img.paysystem_image { display: inline-block; width: 24%; float: left; } .payment__buttons { border: 1px solid #d3d3d3; padding: 0 0 0 2%; } label.b-order-form__confirm-label.b-order-form__confirm-label--hidden.payment_n { width: 100%; height: auto; } .sber { border-bottom: 1px solid #d3d3d3; } .sber.sber_autopay { border-top: 1px solid #d3d3d3; } label.b-order-form__confirm-label.b-order-form__confirm-label--hidden.payment_sber:before { margin-bottom: 15px; } label.b-order-form__confirm-label.b-order-form__confirm-label--hidden.payment_n:before { margin-bottom: 15px; } @media only screen and (max-width: 540px) { .b-order-form__confirm-label { margin: 8px 0 !important; } label.b-order-form__confirm-label.b-order-form__confirm-label--hidden.payment_sber:before { margin-bottom: 0 !important; } } label.b-order-form__confirm-label.b-order-form__confirm-label--hidden { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } body .booking__close { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .errorPopap .flex_relative { position: relative; margin-left: 56px; } .errorPopap svg { position: absolute; left: -10%; width: 35px; top: -22px; } .email_validate_field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: wrap; } .email_validate_field .b-order-form__label { min-width: 128px; } .email_validate_field .email_outer { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; } .email_validate_field .email_outer .b-order-form__input { width: 100%; } .email_validate_field .answer_validate { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; margin-top: 10px; font-size: 12px; } .email_validate_field .answer_validate span { margin-right: 10px; } .b-order-form__popup_show_js.check-order:disabled { opacity: 0.7; background-color: #7a3a40; } .b-order-form__popup_show_js.check-order:disabled .b-order-form__angle { background-color: #835b5e; } .b-order-form__confirm-label a { color: #9d0a0f; } .err_cmb .b-order-form__confirm-label:before { border: 1px solid red; } .err_cmbx { margin-left: 20px; font-size: 12px; color: red; margin-bottom: 10px; } .text_acc { display: none; } .text_acc.active { display: block; } .go_to_form { background-color: #ba0a1a; color: white; text-decoration: unset; padding: 10px; float: right; margin: 10px 0px; }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-overlay { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 900; top: 0; left: 0; } .b-overlay--show { display: block; }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-popup-window { display: none; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #f2f2f2; z-index: 1000; padding: 34px 35px 20px; min-width: 400px; -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5); box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5); border: 1px solid #adaaab; } .b-popup-window--show { display: block; } .b-popup-window__close { display: block; height: 32px; background: url("/landing/images/close.png") no-repeat top right; cursor: pointer; position: absolute; top: 10px; right: 10px; padding: 6px 38px 6px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-popup-window__close:hover { background: url("/landing/images/close_hover.png") no-repeat top right; } .b-popup-window__title { color: #0a3e66; font-size: 32px; font-family: 'Dusha'; margin: 0; font-weight: 700; } @media screen and (max-width: 460px) { .b-popup-window { max-width: 85%; min-width: 85%; } }@charset "UTF-8"; /** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-popup { display: none; background-color: #fff; } .b-popup--show { display: block; } .b-popup__wrap { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 1200px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } @media print, screen and (min-width: 33.75em) { .b-popup__wrap { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 48em) { .b-popup__wrap { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 80em) { .b-popup__wrap { padding-right: 0.625rem; padding-left: 0.625rem; } } .b-popup__title { font-size: 20px; font-weight: 700; } .b-popup__order-info, .b-popup__spec-offer { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } .b-popup__order-info { margin-top: 10px; } .b-popup__row { padding: 20px 0 15px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .b-popup__total { border-top: 1px solid #cecece; padding: 20px 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .b-popup__item-title { padding-right: 10px; } .b-popup__item-price, .b-popup__total-sum { font-size: 18px; font-weight: 700; text-align: right; } .b-popup__spec-offer { font-size: 22px; margin-top: 40px; } .b-popup__spec-offer-link { display: block; margin-top: 45px; } .b-popup__delivery-info { border: 1px solid #d3d3d3; background-color: #fafafa; padding: 20px; margin-top: 15px; font-size: 18px; line-height: 20px; } .b-popup__text { font-size: 22px; line-height: 28px; padding-left: 50px; margin-bottom: 50px; position: relative; } .b-popup__text::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\F058"; color: #378e3c; font-size: 40px; position: absolute; top: 0; left: 0; } @media print, screen and (min-width: 48em) { .b-popup__order-info, .b-popup__spec-offer { width: 100%; margin-right: 0.625rem; margin-left: 0.625rem; } .b-popup__order-info { padding-right: 60px; } } .btn_back { display: block; margin: 10px 0; line-height: 40px; text-align: center; -webkit-transition: background-color .5s ease-out; -o-transition: background-color .5s ease-out; transition: background-color .5s ease-out; width: calc(41.666667% - 1.25rem); background-color: #00af46; border-radius: 5px; font-size: 16px; } .back { color: #fff; text-decoration: none; } .btn_back:hover { background-color: #14803f; } label#confirm_mailing-error { font-size: 14px; color: red; margin-top: 5px; } .mail-confirm-block input.error { outline-style: double; outline-width: 1px; outline-color: red; outline-offset: 2px; }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ /* Оболочка */ .b-layout__header { order: 0; } .content-block { background: #EFEFEF; margin-bottom: 60px; } .b-tabs.b-tabs--js_init { margin-top: -56px; } .content-block .main-wrapp-block { margin-top: 80px; width: 100%; display: flex; justify-content: center; background: #fff; } /* Табы */ .b-tabs__tabs { margin: 0 0 56px; } .b-tabs__tabs .b-tabs__tabs-wrap .b-tabs__tab { padding: 12px 23px; width: auto; flex-grow: 0; background: none; font-family: Montserrat; font-weight: 500; line-height: 1.78; color: #828282; border-radius: 4px 4px 0 0; } .b-tabs__tabs .b-tabs__tabs-wrap .b-tabs__tab:hover { color: #333; background-color: #fff; } .b-tabs__tabs .b-tabs__tabs-wrap .b-tabs__tab--active { border: none; background: #fff; color: #333; border-radius: 4px 4px 0 0; } .b-tabs__tabs .b-tabs__tabs-wrap .b-tabs__tab--active::after { display: none; position: relative; border: none; background: none; } .b-layout__content.reborn .b-tabs__contents .b-tabs__content { font-family: Montserrat; } .b-layout__content.reborn .b-tabs__contents .b-tabs__content p, .b-layout__content.reborn .b-tabs__contents .b-tabs__content span { white-space: wrap; font-weight: 500; font-size: 14px; line-height: 24px; color: #4f4f4f; } .b-layout__content.reborn .b-tabs__contents .b-tabs__content p + p { margin: 16px 0 0 0; } .b-layout__content.reborn .b-tabs__contents .b-tabs__content h1, .b-layout__content.reborn .b-tabs__contents .b-tabs__content h2, .b-layout__content.reborn .b-tabs__contents .b-tabs__content h3, .b-layout__content.reborn .b-tabs__contents .b-tabs__content h4, .b-layout__content.reborn .b-tabs__contents .b-tabs__content h5, .b-layout__content.reborn .b-tabs__contents .b-tabs__content h6 { font-family: Montserrat; } .b-layout__content.reborn .b-tabs__contents .b-tabs__content h2 { margin: 32px 0 16px 0; font-size: 1.125rem; font-weight: 600; line-height: 1.33; color: #333; } /* Лого */ .b-sidebar__wrap .b-sidebar-logo { width: 100%; margin-bottom: 24px; } .b-sidebar__wrap .b-sidebar-logo .b-sidebar-logo__wrap { padding: 0; margin: 0; text-align: center; background: none; width: auto; height: auto; min-height: 128px; } .b-sidebar__wrap .b-sidebar-logo .b-sidebar-logo__wrap img { display: block; width: 100%; height: auto; margin: 0 auto; max-width: 183px; } .b-layout__content.reborn .b-sidebar.b-sidebar--top { border-radius: 4px; border: none; padding: 0; margin-bottom: 0; max-width: 375px; } /* Форма */ .b-layout__content.reborn .b-sidebar .b-sidebar__wrap { padding: 32px 24px 99px; background: #fff; border-radius: 4px; box-shadow: 0 4px 20px rgba(0,0,0,.1); } .b-layout__content.reborn .b-sidebar__wrap .b-order-form { margin-top: 0!important; } .b-sidebar__wrap .b-order-form .b-order-form__title { font-family: Montserrat; margin: 0 0 8px; font-size: 1.5rem; font-weight: 700; line-height: 1.17; text-align: center } .b-sidebar__wrap .b-order-form .b-order-form__subtitle { font-family: Montserrat; font-size: .875rem; line-height: 1.43; color: #4f4f4f; text-align: center; margin: 0 0 20px 0; } /* Поля формы */ .b-order-form .b-order-form__main-fields { overflow-wrap: break-word; padding: 0 5px; margin: 0 -5px; overflow: visible!important; } .b-order-form .b-order-form__main-fields .b-order-form__label, .b-order-form__additional-fields .b-order-form__label { width: 90px; min-width: 90px; font-family: Montserrat; font-weight: normal; overflow-wrap: break-word; line-height: 1.43; color: #4f4f4f; font-size: .875rem; display: flex; align-items: center; } .b-order-form .b-order-form__main-fields .b-order-form__label em, .b-order-form__additional-fields .b-order-form__label em { color: #ac003e; } .b-order-form__field.null--span__parent .null--span { width: 90px; min-width: 90px; } .b-order-form .b-order-form__main-fields .b-order-form__input, .b-order-form__additional-fields .b-order-form__input { max-width: 234px; padding: 10px 19px 10px 12px; margin: 0; overflow: hidden; font-family: Montserrat; font-size: 1rem; font-weight: 400; line-height: 1.25; color: #333; background-color: #fff; border: 1px solid #bdbdbd; border-radius: 4px; outline: transparent; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: color,background-color,border,-webkit-box-shadow; transition-property: color,background-color,border,-webkit-box-shadow; transition-property: color,background-color,border,box-shadow; transition-property: color,background-color,border,box-shadow,-webkit-box-shadow; } .b-order-form .b-order-form__main-fields .b-order-form__input::-webkit-input-placeholder, .b-order-form__additional-fields .b-order-form__input::-webkit-input-placeholder { color: #BDBDBD; } .b-order-form .b-order-form__main-fields .b-order-form__input::-moz-placeholder, .b-order-form__additional-fields .b-order-form__input::-moz-placeholder { color: #BDBDBD; } .b-order-form__additional-fields .b-order-form__label.apartment_not { width: auto; } .b-order-form__field.null--span__parent { margin-bottom: 15px; } .b-order-form__confirm-wrap.payment { margin: 24px 0 20px; } .b-order-form__confirm-wrap .b-order-form__label { width: auto; margin: 5px 0 16px; font-weight: 600; font-size: 1.125rem; line-height: 1.33; color: #333; } .b-order-form__confirm-wrap.payment .payment__buttons { padding: 0; margin: 0; } .b-order-form__confirm-wrap.payment .payment__buttons .order-form__row { margin: 0 0 8px 0; } .b-order-form__confirm-wrap.payment .payment__buttons .paysystem_title { font-family: 'Montserrat'; } /* Автоплатеж */ .sber_autopay.reborn .order-form__radio-text { font-family: Montserrat; } .sber_autopay.reborn .order-form__radio-row a { font-family: Montserrat; color: #814724; text-decoration: none; font-size: 14px; } /* Кнопка ЗАКАЗАТЬ и подтвердить */ .cbx_odn.redlink.b-order-form__confirm-wrap .approval { display: flex; } .cbx_odn.redlink.b-order-form__confirm-wrap .err_cmbx { display: none!important; } .cbx_odn.redlink.b-order-form__confirm-wrap .approval .b-order-form__confirm-input { width: 20px; min-width: 20px; height: 20px; } .cbx_odn.redlink.b-order-form__confirm-wrap .approval .b-order-form__confirm-label.b-order-form__confirm-label--hidden { display: inline-flex; font-family: Montserrat; font-size: 10px; font-weight: 400; line-height: 1.4; color: #4f4f4f; align-items: flex-start; cursor: pointer; text-align: left; margin: 0!important; } .cbx_odn.redlink.b-order-form__confirm-wrap .approval .b-order-form__confirm-label.b-order-form__confirm-label--hidden .b-order-formconditions-link { color: #814724; } .b-order-form__form .button-order-send { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 220px; padding: 1.358em 1.75em; margin: 0; font-family: Montserrat; font-size: .875rem; font-weight: 700; line-height: 1.2; color: #fff; text-align: center; text-transform: uppercase; background-color: #ac003e; border: 1px solid #ac003e; border-radius: 4px; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: color,background-color,border,-webkit-box-shadow; transition-property: color,background-color,border,-webkit-box-shadow; transition-property: color,background-color,border,box-shadow; transition-property: color,background-color,border,box-shadow,-webkit-box-shadow; } .form-button-wrap:not(.active) { position: absolute; right: 0; left: 0; } .form-button-wrap.first-click.spec-button-style:not(.active) { position: absolute; right: 0; left: 0; height: 48.38px; } .form-button-wrap.first-click.spec-button-style:not(.active) .b-order-form__form .button-order-send { } .order-form__row.sber.sber_autopay.reborn { text-align: left; } .b-guaranties.reborn { padding: 32px 24px; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.1); box-shadow: 0 4px 20px rgba(0,0,0,.1); } .b-guaranties.reborn .b-guaranties__title { font-family: Montserrat; margin: 0 0 25px; padding: 0; font-size: 1.5rem; font-weight: 600; line-height: 1; text-align: center; background: none; } .b-guaranties.reborn .b-guaranties-item-wrap { display: flex; flex-flow: column nowrap; } .b-guaranties.reborn .b-guaranties-item-wrap .b-guaranties__item { display: flex; flex-flow: row nowrap; width: auto; margin: 0 0 15px 0; } .b-guaranties.reborn .b-guaranties-item-wrap .b-guaranties__item:last-child { margin: 0; } .b-guaranties.reborn .b-guaranties-item-wrap .b-guaranties__item .b-guaranties__img-wrap { width: 65px; min-width: 65px; margin: 0 16px 0 0; padding: 0; } .b-guaranties.reborn .b-guaranties-item-wrap .guaranties-text-item-wrap { display: flex; flex-flow: column nowrap; font-size: .875rem; line-height: 1.29; color: #4f4f4f; } .b-guaranties.reborn .b-guaranties-item-wrap .guaranties-text-item-wrap .b-guaranties__text { margin: 0; padding: 0; font-family: Montserrat; text-align: left; } .b-guaranties.reborn .b-guaranties-item-wrap .guaranties-text-item-wrap h6 { margin: 0 0 8px; line-height: 1.5; font-family: Montserrat; font-size: 1rem; font-weight: 600; color: #333; padding: 0; text-align: left; } /* Партнерский блок */ .b-sidebar .partners-block { padding: 32px 24px; background: #f2f3f4; border-radius: 4px; margin-top: 25px; } .b-sidebar .partners-block .partners-block__title { font-family: Montserrat; margin: 0 0 16px; font-size: 1.5rem; font-weight: 600; line-height: 1; text-align: center; } .b-sidebar .partners-block .partners-block__list { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; } .b-sidebar .partners-block .partners-block__list img { width: 100%; } @media print, screen and (min-width: 33.75em) { .b-sidebar-logo__wrap { padding: 20px 20px 0; } } @media print, screen and (min-width: 80em) { .b-sidebar-logo__wrap { padding: 0 20px 20px; } }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-sidebar { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; z-index: 20; background-color: #fff; -webkit-box-ordinal-group: 2; width: 100%; } .b-sidebar__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } @media print, screen and (max-width: 1200px) { .b-order-form__confirm-wrap .b-order-form__label { margin: 0 0 16px 0; font-size: 16px; } } @media print, screen and (min-width: 1024px) { .b-sidebar { -webkit-box-ordinal-group: 3; margin: 0; margin-top: -291px; width: 380px; border: 1px solid #959595; padding: 15px; } .b-sidebar__wrap { margin: 0; } } @media print, screen and (max-width: 1200px) { .b-order-form__confirm-wrap .b-order-form__label { margin: 0 0 16px 0; font-size: 16px; } } /** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-specification { margin-top: 20px; padding: 0 10px; width: 100%; } .b-specification__title { color: #0a3e66; font-family: 'Dusha'; font-size: 30px; line-height: 32px; margin-top: 15px; margin-bottom: 30px; text-align: center; } .b-specification__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } .b-specification__name, .b-specification__value { width: 100%; font-size: 16px; } .b-specification__name { font-weight: 700; margin-bottom: 10px; } .b-specification__wrap { border: 1px solid #d3d3d3; background-color: #fafafa; padding: 20px 20px 10px; } @media print, screen and (min-width: 48em) { .b-specification__name, .b-specification__value { width: 50%; } .b-specification__name { font-weight: normal; margin-bottom: 0; } .b-specification__item { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 15px; } } @media print, screen and (min-width: 80em) { .b-specification { padding: 0; } }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-tabs { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-ordinal-group: 3; order: 0; } .b-tabs__tabs-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .b-tabs__tab { background-color: #efefef; width: 100%; text-align: center; font-size: 18px; line-height: 32px; color: #555; padding: 15px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .b-tabs__tab--active { position: relative; border: 1px solid #b6bdc2; background-color: #fafafa; } .b-tabs__tab--active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background-color: #555; } .b-tabs__tab:hover { background-color: #fafafa; } .b-tabs__icon { margin-top: -3px; padding-right: 8px; } .b-tabs__tab-text { font-size: 18px; line-height: 32px; } .b-tabs__content { display: none; } .b-tabs__content--active { display: block; } .text_acc.active.hidden_first_h2 h2:first-child { display: block; } .fancybox__viewport .text_acc.active.hidden_first_h2 .usl-modal-header.hidden { display:block; } .text_acc.active.hidden_first_h2 .usl-modal-header.hidden { display: none!important; } @media print, screen and (min-width: 48em) { .b-tabs__tabs-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .b-tabs__tab { width: 30%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media print, screen and (min-width: 80em) { .b-tabs { -webkit-box-ordinal-group: 2; } .b-tabs__content { padding-right: 15px; } } .info__content > p > img { max-width: 100%; height: inherit; } .info__content p { font-size: 0.875rem; line-height: 1.71; color: #4f4f4f; } .info__content p + p { margin: 16px 0 0 0; } .info__content h2, .info__content h3 { margin: 32px 0 16px 0; font-size: 1.125rem; font-weight: 600; line-height: 1.33; color: #333; } @media (max-width: 1024px) { .info__content h2, .info__content h3 { margin-top: 24px; font-size: 1.23rem; } } @media (max-width: 600px) { .info__content p { font-size: 1rem; } } body .info__content p { font-weight: 500; font-size: 14px; line-height: 24px; color: #4f4f4f; } body .info__content p { font-size: 13px; line-height: 20px; } body .info__content h2 { font-weight: 600; font-size: 18px; line-height: 24px; } body .info__content:first-child { margin: 0 -15px; padding: 0 15px; } body .info__content img { object-fit: contain; width: 100%; height: 100%; } .info__content ul { position: relative; } .info__content ul li { position: relative; padding-left: 14px; margin-bottom: 15px; font-size: 14px; } .info__content ul li:last-child { margin-bottom: 0; } .info__content ul li::before { content: ""; position: absolute; width: 6px; height: 6px; background-color: #b59858; border-radius: 100%; margin-right: 8px; left: 0; top: 6px; } /** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-video { margin: 20px 10px 0; width: 100%; padding-bottom: 60%; position: relative; } .b-video__iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } @media print, screen and (min-width: 80em) { .b-video { margin: 20px 0 0; } }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-basket-by-steps { color: #fff; border-radius: 5px; overflow: hidden; } .b-basket-by-steps--final-response .b-basket-by-steps__item-remove { display: none; } .b-basket-by-steps__content { position: relative; padding: 15px; background: rgba(55, 59, 73, 0.9); } .b-basket-by-steps__title { font-size: 18px; height: 60px; line-height: 60px; background: #000; text-align: center; } .b-basket-by-steps__line { background: #555b71; height: 2px; margin-bottom: 10px; } .b-basket-by-steps__items { width: 90%; } .b-basket-by-steps__item { position: relative; margin-bottom: 5px; } .b-basket-by-steps__item:last-child { margin-bottom: 20px; } .b-basket-by-steps__item-remove { cursor: pointer; border: none; outline: none; width: 30px; height: 30px; position: absolute; top: -2px; right: -15px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAZlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Vn2moAAAAInRSTlMAWlknAo/c/zos9Ej2PfVo/XX8AfhGLt3+Sm/V6e5zgJNNOQx/DgAAAHtJREFUCB09wQcShCAQBMDhRAYjKgbM+v9P3mJZdgNQv0QDOvkpiNTQWK2toUmBjCIvipwig2JUlowUqpqfugJcw1fjINqOj66F8Lbno7cewFDzVQ/AOPEzjXCMQmDkMFOEZQkUM/y6cT+AY+e2esCf1w1xX6eH8Hh54A/VRge/ntL9owAAAABJRU5ErkJggg==) no-repeat center center; background-size: 14px 15px; } .b-basket-by-steps__item-price { text-align: right; color: #e0c78c; font-style: italic; } .b-basket-by-steps__delivery { position: relative; margin-bottom: 20px; } .b-basket-by-steps__delivery-price { position: absolute; top: 0; right: 0; color: #e0c78c; font-style: italic; } .b-basket-by-steps__total-wrap { position: relative; margin-bottom: 40px; } .b-basket-by-steps__total { position: absolute; top: 0; right: 0; color: #e0c78c; font-style: italic; } .b-basket-by-steps__delivery-text { background: #5c637b; padding: 10px; text-align: center; } .b-basket-by-steps__operating-mode { margin-top: 30px; font-size: 12px; } .b-basket-by-steps__operating-mode p { margin: 10px 0; line-height: 1; } .b-basket-by-steps__operating-mode .c-phone { display: inline-block; margin-bottom: 5px; font-size: 18px; font-weight: 700; }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-content-header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; } @media screen and (max-width: 47.9375em) { .b-content-header { margin-bottom: 15px; } } .b-content-header__image { min-width: 70px; margin-right: 25px; } .b-content-header__title { font-size: 40px; color: #b80000; } .b-content-header__title b { display: inline-block; position: relative; } .b-content-header__title b::before { display: block; content: ''; width: 100%; height: 35px; position: absolute; top: 100%; left: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMYAAAAaCAMAAADbudM7AAAC91BMVEUAAAAAK4AASW0AAAAAOXEAN4AAPHgAQHAAO3YAQIAAQIAAPXkAO3YANXUAN3oAPXoAOHgEOXkEOXcGOXcFPHcEO3YDO3gDOXgFO3gDOXcDO3gDOnYDO3kEOngFOXgFOnoEOHkEPHgEO3oEPHcEOnkFOHkGPXkAOnUAM4AAAIAAQHMAOXsHN3UGOnoFPHgDO3kDOXgFOXcEOngEOXcEOngDO3cFOnkDOngEOXgFOnkDOXgFOXkEOncEOnkEOngEOncEOngEOngEOngEOngEOngDOngDOngEOngEO3gEOngEOXgEOngEOngEOngEOngEOngEOngEOngEOngFO3YFOncEOngFO3gDOnkFO3gDO3kEOncHO3YAPHgHOXgAQIAAM2YANnwAPnsHPHkFOngFOncEOngEOncDOncEO3gEOngEOngEOncEOngDOngEOXgEOngEOngEOngEOngEOngEOngEOngEOncEOngEOXgEO3kDOnkEOngEOngDOncEO3gEO3gEOXcDOXcDOnkEO3cEO3cDOncEOngEOngAOnQAOXEAPHcAM3cFOHUDO3cDOncDO3kEOnkEOngFOngFOXkEOngDOXcEOngEOngEOngEOngEOngEOncEOngEOncEOngEOXgEOngEOngEOngDOngEOXkFO3gDOngDO3cDOHcEOXcAN3YALnQAVVUFOXYDOXkEOncEOXgEO3gDOngEOngDOngEOngEOncEOngDOngFOngDOngEOXgDOXgFOnkEOngEOnkEOngDOXkEOHgEOXgGOHYFOngEOngEOXgDOngEOncEOngEO3cGOXkEO3kFOXcEOngFOngGN3oEOngEO3gDOncEOXoEO3gDOXgEOncDOXgDOngEO3gEOXcDOnkFOngFO3gFOngANnkDOngFOXcAOnsEOngDO3kDO3gEOncEOngEOXgEOnkEOngGO3cDOXgEOnkEOngEOncFOXkEOXgEOngDOngDOncDOXcEOnkDOncDOXkFO3YEOnmWW1lWAAAA/XRSTlMABgcBCQ4REA0MBBUaGBcZID9HLS9FV2JkXltUTkIxMDtAQTw5NyojCgIUGyUsM0pZZ4CPjJinon1uk6W+ybSvwtbk6OXi3drRwL/K0NPSzMWxezhpkXFhaF8+JyIkCAUhHSZmbX+NnrfGx8/Y4efy+vj9//D5/vfIh5b249zEu62cknp+moR3FhIeDzJJXJS4sKapvd7r6uzx++/8zfPV5tT1lYFsYFZNOhwLAzZjiYqu3+7g6au5naTbtqBlrMvBUERIKajO9Jm8tYsoPWuIai6zgktDdZd8VZt5eF01qqMTn28fRlKhupCG7cMrUYXXdnCO2VNYWnJPTDSD0mPAzAAABitJREFUWMPVlmlQU1cUx8959yVBrMuMS11QFBJDSMJSxV1rVaAioEgCLiiIOlatexUXXMGltS61altaURCRRaiIikh1XFrFWAdRkkBYbOoCLjguEEKS914/4IIKWK1a+X95b97c++75nXPn/A/CWxAiSxAREau5JtXMk88EGMIAAEVZ4B0L33SjNcsCD9FitsbnBDUPMw+RsVhxHNFXC9pZoY6jmA8CQ6IHMBIRIj5o+bBFrcAZ+mUMCw8RueoKwNaIBQ6IiHiG1+dsheefbhleqUzABS1IesYx7w+DCFCJgCcMPlATYr6kdtAmAQsAQOqNiEbE7D6YzfbLdXm8q/Ij3NrXDeMezljG8G1Bx7w7DIqsDRdOxE3cV2pZrUyXcC+eSQnzJYCQLzFpXBOUBQAgSpQTUZpY40f4kFOiyPkE2epCAACwyNSgJnKWczEcCtx49/NBp+w61/w62PBWMUi3iPDVCzaFTeuqkeJl52OeqvMSQgERFj0X/qDv/XU1b9zgDLcc56oyo7j9md78u7nAaOcg3uyIx4cGd+quMawNmnZa5js/tFmqxyFu5u3iR0yu/KZBihRcGaYdo6PMtlvGdt3+ZXBsyG68uXxyng8EMoT5LxgkoaTfjDKfQV3TfWHdlFsaPoi09Vw0u5TV6gIGAYAbwpx2KhBfzmXmZgZhkn3SN9N/2DliizJfpC+Vt+qwfL1f8rZQduHeDQsDk/IlYb79R7KVJ44MZybb+BX13iyjQUrnAidNmXMjcYztwp2ebR04P5nvvZ9frzzPMIg4GcdH7BheTBpoj5xjDZgYirgBWRTPKRc4nolGRmTEzI242+wzt/TUsCn+f69uTrfOiv4jVZ5T2urO/MBRrnGsYE10yKjzUysAKHmqi1mjKhpn5E0Ii1y6bpjHlZRZm4LjXSyMy54etMpq5JB9SZzexnmN7WtiNL3Sb1pZQbCx4BXtin26ALPbzM47KmGdVbkt/NO2prQetOjggU6G5gt0rsmF4ZbsY3JTkKp7LEi0IFgFaK+YsM/C6Z0qORjnveBBhUgLtBhCdvUefjUPIw1NZU1UrpNmKchn/m0jCQ2KPHNaVTJ6LBnPR0PCsld1gccYJWFln1aQV0LTVdJisNBC0Nkp1fMEsnmlTgETorst9n+kQpnhPtACk70+IKaOW8g+sw0iUMRhwrgxj5cRFGmtY5QAICkqclyhuZDZJytLvXJH+TUX74gulycfjPLqshIujR8TC8mKhjFCV26mGgbghCnBoB5YmDm9fKSyu42wZcSdXX3bXMTDVjkTPfrs4SDpyPkCvvGpfb/Shdx8FU8WWse+EB4v8JJrRkvnS2njTw9JNLbkKdNPHunrl/7d0Qz39qb6MZKLnE7U5xogzEcr70OLv80yB/VOtXLdNjsqXjnn43KLJrK8+dmjix3Kz3j9FbmIacKZBVWv7dQN96T9SqvRqKqKOidTDUy9R4t7RLl7dSh1v915lbIuDPtfDtVXhCaWaj4jvCFMrFxtKM5gzPQsLM+xzlsxsXSo00pWYKkCa0XcOipa+y8q8KbaryQ039c3PerRjJK1Z2d6eac7f10xrHBsrSEAAYA/31jflZJIC40AtEas73i9V6bOUQpcPgXEXbo03i50vbGyJp3kXY5LtXNuteKnnic3j+q/9HClT2nIfAfNhYhl2icY99Ly6i25xJQmomgEMF1rf8Vp+e2lxtl3VHMvHiYxwLObvADet4jAVt+ZItfzEi6O+GJwiyTgqkVaAARonny87mxK1FItCJWwigJO3GPazc2eblkduxarJpUZEwIZ2J+u0sL/JJKYfv5aAAeR4QcYc1xgNwRw9m3IMCXxB8PEA0KDtuxzNzHwYYkE7QVe7LIikQ5h/dhNdRsGx7HN5mwLHr3YMKuqioUPVhK9rRaDPe8Xvzze2tv099nO4w3kD5DHTLBXwIcudNpy+LkSuDxSdxvx+68bOhXm91qyl4HGIWy37kmbIrxzbHivW+35U1OZ5QspgMbCAAA45aozAAAnS9zguNW2cFVdE1EjwFAO1QGpDsxS/ygymBhopMIllSiK+c3eO0ashcYrrAyJkme7N2YEAAB0dD1o09ghAP4BlgmCZVrsCPMAAAAASUVORK5CYII=) no-repeat; background-size: contain; } @media screen and (max-width: 47.9375em) { .b-content-header__title b { font-size: 24px; } } @media screen and (max-width: 47.9375em) { .b-content-header__title { font-size: 24px; } } .b-content-header__sub-title { text-transform: uppercase; } @media screen and (max-width: 47.9375em) { .b-content-header__sub-title { font-size: 15px; } } @media screen and (max-width: 450px) { .b-content-header__image { display: none; } }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-footer-by-steps { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 1200px; margin: 0 auto; padding: 20px 0; } @media print, screen and (min-width: 33.75em) { .b-footer-by-steps { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 48em) { .b-footer-by-steps { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 80em) { .b-footer-by-steps { padding-right: 0.625rem; padding-left: 0.625rem; } } .b-footer-by-steps__links { font-size: 18px; text-align: center; padding-bottom: 20px; border-bottom: 2px solid #fff; } @media screen and (max-width: 47.9375em) { .b-footer-by-steps__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .b-footer-by-steps__links-item { color: #fff; text-decoration: none; padding: 0 30px; border-right: 2px solid #fff; } .b-footer-by-steps__links-item:last-child { border-right: none; } .b-footer-by-steps__links-item:hover { text-decoration: underline; } @media screen and (max-width: 47.9375em) { .b-footer-by-steps__links-item { font-size: 20px; margin-bottom: 10px; border-right: none; } } .b-footer-by-steps__contacts-wrap { text-align: center; margin-top: 30px; } .b-footer-by-steps__footer-logo { display: inline-block; max-width: 100%; vertical-align: middle; margin-right: 45px; } @media screen and (max-width: 47.9375em) { .b-footer-by-steps__footer-logo { margin-right: 10px; } } .b-footer-by-steps__contacts { color: #fff; display: inline-block; vertical-align: middle; text-align: left; } .b-footer-by-steps__contacts p { font-size: 14px; line-height: 18px; margin: 0; } @media screen and (max-width: 47.9375em) { .b-footer-by-steps__contacts p { font-size: 12px; } } .b-footer-by-steps__popup_agreement { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 900; /* visibility: hidden; */ -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .b-footer-by-steps__wrap-content_cookies { height: 600px; width: 600px; display: block; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #f2f2f2; z-index: 1000; padding: 34px 35px 20px; -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5); box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5); border: 1px solid #adaaab; } @media screen and (max-width: 390px) { .b-footer-by-steps__contacts { margin-top: 10px; text-align: center; } .nds_steps { text-align: center; float: none; } } @media screen and (max-width: 900px) { .b-footer-by-steps__wrap-content_cookies { width: 90%; height: 90%; } .nds_steps { margin-right: 12px; margin-top: 3px; } } .nds_steps { color: #fff; float: right; font-size: 14px; margin-top: 9px; }@charset "UTF-8"; /** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .c-hidden { display: none; } .c-red { color: #b80000; } .body-by-steps { background-repeat: no-repeat; background-size: cover; background-color: #000; } .b-conditions-link { color: #000; } .b-landing-by-steps { font-family: 'PTSans'; } .b-landing-by-steps__layout { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 1200px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-top: 60px; } @media print, screen and (min-width: 33.75em) { .b-landing-by-steps__layout { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 48em) { .b-landing-by-steps__layout { padding-right: 0.625rem; padding-left: 0.625rem; } } @media print, screen and (min-width: 80em) { .b-landing-by-steps__layout { padding-right: 0.625rem; padding-left: 0.625rem; } } @media screen and (max-width: 47.9375em) { .b-landing-by-steps__layout { margin-top: 20px; } } .b-landing-by-steps__layout--start .b-landing-by-steps__wrap-content { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } .b-landing-by-steps__layout--start .b-landing-by-steps__basket { display: none; } .b-landing-by-steps__layout--start .b-landing-by-steps__button--approving { width: calc(50% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; margin-left: calc(50% + 0.625rem); } @media screen and (min-width: 48em) and (max-width: 79.9375em) { .b-landing-by-steps__layout--start .b-landing-by-steps__button--approving { font-size: 20px; } } @media screen and (min-width: 33.75em) and (max-width: 47.9375em) { .b-landing-by-steps__layout--start .b-landing-by-steps__button--approving { font-size: 27px; } } @media screen and (max-width: 33.6875em) { .b-landing-by-steps__layout--start .b-landing-by-steps__button--approving { font-size: 20px; } } @media screen and (max-width: 47.9375em) { .b-landing-by-steps__layout--start .b-landing-by-steps__button--approving { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; margin-left: calc(0% + 0.625rem); } } .b-landing-by-steps__layout--choice .b-landing-by-steps__wrap-content { width: calc(75% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } .b-landing-by-steps__layout--choice .b-landing-by-steps__basket { width: calc(25% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } .b-landing-by-steps__layout--choice .b-landing-by-steps__operating-mode, .b-landing-by-steps__layout--choice .b-landing-by-steps__form { display: none; } .b-landing-by-steps__layout--choice .b-landing-by-steps__button--denial { display: block; } .b-landing-by-steps__layout--choice .b-landing-by-steps__button--approving { background-color: #00af46; border-radius: 5px; font-size: 16px; } .b-landing-by-steps__layout--choice .b-landing-by-steps__button--approving:hover { background-color: #14803f; } .b-landing-by-steps__layout--choice .b-landing-by-steps__button--approving::after { display: none; } @media screen and (max-width: 47.9375em) { .b-landing-by-steps__layout--choice .b-landing-by-steps__wrap-content { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .b-landing-by-steps__layout--choice .b-landing-by-steps__basket { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .b-landing-by-steps__layout--final .b-landing-by-steps__wrap-content { width: calc(66.666667% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } .b-landing-by-steps__layout--final .b-landing-by-steps__basket { width: calc(33.333333% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } .b-landing-by-steps__layout--final .b-landing-by-steps__form { display: block; } .b-landing-by-steps__layout--final .b-landing-by-steps__operating-mode { display: none; } .b-landing-by-steps__layout--final .b-landing-by-steps__button--approving { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; width: 100%; font-size: 24px; background-color: #46a546; } .b-landing-by-steps__layout--final .b-landing-by-steps__button--approving:hover { background-color: #378837; } .b-landing-by-steps__layout--final .b-landing-by-steps__button--approving:disabled { background-color: #999; } @media screen and (max-width: 47.9375em) { .b-landing-by-steps__layout--final .b-landing-by-steps__wrap-content { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .b-landing-by-steps__layout--final .b-landing-by-steps__basket { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .b-landing-by-steps__basket { display: block; margin-bottom: 20px; } .b-landing-by-steps__wrap-content { position: relative; z-index: 10; border-radius: 5px; overflow: hidden; background-color: #fff; } .b-landing-by-steps__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 0 20px 15px; font-size: 15px; line-height: 19px; } .b-landing-by-steps__content p:first-child { margin-top: 0; } .b-landing-by-steps__content-header { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } .b-landing-by-steps__columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .b-landing-by-steps__column--left { width: calc(41.666667% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } @media screen and (max-width: 47.9375em) { .b-landing-by-steps__column--left { margin-bottom: 20px; } .b-landing-by-steps__column--left .b-landing-by-steps__detail-image { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .b-landing-by-steps__column--right { width: calc(58.333333% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } @media screen and (max-width: 47.9375em) { .b-landing-by-steps__column { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } } .b-landing-by-steps__text { margin-bottom: 20px; } .b-landing-by-steps__buttons-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; } .b-landing-by-steps__button { display: block; position: relative; border: none; cursor: pointer; outline: none; width: 100%; margin: 10px 0; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background-color: #aa0010; text-align: center; overflow: hidden; -webkit-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; } .b-landing-by-steps__button:hover { background-color: #ba0a1a; } .b-landing-by-steps__button--denial { width: calc(41.666667% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; display: none; background-color: #999; border-radius: 5px; } @media screen and (min-width: 48em) and (max-width: 79.9375em) { .b-landing-by-steps__button--denial { width: calc(50% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; font-size: 14px; } } @media screen and (max-width: 33.6875em) { .b-landing-by-steps__button--denial { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } } .b-landing-by-steps__button--denial:hover { background-color: #777676; } .b-landing-by-steps__button--approving { width: calc(41.666667% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; font-size: 24px; } @media screen and (min-width: 48em) and (max-width: 79.9375em) { .b-landing-by-steps__button--approving { width: calc(50% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; font-size: 14px; } } @media screen and (max-width: 33.6875em) { .b-landing-by-steps__button--approving { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } } .b-landing-by-steps__button--approving::after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\F101"; font-weight: 700; padding-left: 10px; } .b-landing-by-steps__button--back { width: calc(41.666667% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; text-align: left; padding-left: 15px; background: transparent; color: #000; display: none; border-radius: 5px; border: none; } @media screen and (max-width: 33.6875em) { .b-landing-by-steps__button--back { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } } .b-landing-by-steps__button--back:hover { background: transparent; color: #000; } .b-landing-by-steps__button--back.show { display: block; } .b-landing-by-steps__special-offers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; } @media screen and (max-width: 79.9375em) { .b-landing-by-steps__special-offers { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-landing-by-steps__special-offers-item { width: 33.33%; position: relative; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; text-transform: uppercase; padding-left: 55px; margin-bottom: 20px; } .b-landing-by-steps__special-offers-item::before { display: block; content: ''; position: absolute; left: 0; top: 0; width: 48px; height: 48px; } .b-landing-by-steps__special-offers-item--hit::before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiIGZpbGw9IiNCODAwMDAiPjxwYXRoIGQ9Ik00Ni4yNzIgNDAuNDg4bC01LjUwNS0xMS44MDVhMjAuMzUzIDIwLjM1MyAwIDAgMS0xMy4yNzkgOC41MzNsNC42MDggOS44ODFjLjU5IDEuMjY1IDIuNDEzIDEuMTggMi44ODctLjEyNWwyLjM2Mi02LjQ4OC40ODctLjIyNyA2LjQ4OCAyLjM2MmMxLjMwMS40NzcgMi41NC0uODcyIDEuOTUyLTIuMTMxek0yNCAwQzE0LjUxNCAwIDYuNzk1IDcuNzE4IDYuNzk1IDE3LjIwNWMwIDkuNDg2IDcuNzE5IDE3LjIwNCAxNy4yMDUgMTcuMjA0IDkuNDg2IDAgMTcuMjA1LTcuNzE4IDE3LjIwNS0xNy4yMDRDNDEuMjA1IDcuNzE4IDMzLjQ4NiAwIDI0IDB6bTguMzcxIDE1Ljk0bC0zLjA1IDIuOTc0LjcyIDQuMmMuMjIxIDEuMjgzLTEuMTMgMi4yNDctMi4yNyAxLjY1bC0zLjc3LTEuOTgzLTMuNzczIDEuOTgyYy0xLjE0NS42MDItMi40ODgtLjM3My0yLjI3LTEuNjQ4bC43MjItNC4yLTMuMDUxLTIuOTc1Yy0uOTI3LS45MDMtLjQxMy0yLjQ4MS44NjctMi42NjdsNC4yMTYtLjYxMyAxLjg4Ni0zLjgyYy41Ny0xLjE2IDIuMjMzLTEuMTYyIDIuODA1IDBsMS44ODUgMy44MiA0LjIxNy42MTNjMS4yOC4xODYgMS43OTQgMS43NjQuODY2IDIuNjY4ek03LjIzMyAyOC42ODNMMS43MyA0MC40ODljLS41OTEgMS4yNjUuNjU4IDIuNjA3IDEuOTUyIDIuMTNsNi40ODgtMi4zNjEuNDg2LjIyNyAyLjM2MiA2LjQ4OGMuNDc0IDEuMzAzIDIuMjk3IDEuMzkyIDIuODg3LjEyNWw0LjYwOC05Ljg4MWEyMC4zNTIgMjAuMzUyIDAgMCAxLTEzLjI3OS04LjUzM3oiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDQ4djQ4SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+) no-repeat; } .b-landing-by-steps__special-offers-item--sale::before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik00NS41ODUuNDE1Yy0xLjE2Mi0xLjE2My0zLjY1Ni4yOS01LjYxMiAyLjI0Ni0uOTUuOTUtMS45MyAyLjQ2NS0yLjY5MyAzLjc4MmwtMi4wNzUtMi4wN2E0LjA3NiA0LjA3NiAwIDAgMC0yLjg5Ny0xLjE5OGgtNy4xNDJhNS40NyA1LjQ3IDAgMCAwLTMuODg5IDEuNjA4TDEuMzgxIDI0LjYyOEE0LjY2OCA0LjY2OCAwIDAgMCAwIDI3Ljk1YTQuNjcgNC42NyAwIDAgMCAxLjM3MyAzLjMyNmwxMy4zMTkgMTMuMzQ3QTQuNjg3IDQuNjg3IDAgMCAwIDE4LjAxOCA0NmE0LjY4MSA0LjY4MSAwIDAgMCAzLjMxOC0xLjM3bDE5Ljg3LTE5LjgxOGE1LjQ3IDUuNDcgMCAwIDAgMS42MTktMy45di03LjIzNGE0LjA3NSA0LjA3NSAwIDAgMC0xLjIwNS0yLjkwNGwtMi4wNi0yLjA1NWMxLjMxNy0uNzYzIDIuODMtMS43NDIgMy43OC0yLjY5IDEuOTU1LTEuOTU3IDMuNDA4LTQuNDUgMi4yNDUtNS42MTR6TTE0LjEzMiAxOC4wMjZhMy45NDYgMy45NDYgMCAwIDEgMi4yOTQtMS45OSAzLjk1IDMuOTUgMCAwIDEgMy4wMy4yMTYgMy45NCAzLjk0IDAgMCAxIDEuOTg5IDIuMjk1IDMuOTQ0IDMuOTQ0IDAgMCAxLS4yMTUgMy4wMjkgMy45NzQgMy45NzQgMCAwIDEtNS4zMjUgMS43NzUgMy45NCAzLjk0IDAgMCAxLTEuOTktMi4yOTQgMy45NDUgMy45NDUgMCAwIDEgLjIxNy0zLjAzem0xMS4zNTcgMTYuMzI4YTMuOTQgMy45NCAwIDAgMS0yLjI5NCAxLjk5IDMuOTUyIDMuOTUyIDAgMCAxLTMuMDI4LS4yMTUgMy45NCAzLjk0IDAgMCAxLTEuOTktMi4yOTUgMy45NDUgMy45NDUgMCAwIDEgLjIxNS0zLjAzIDMuOTc0IDMuOTc0IDAgMCAxIDUuMzI0LTEuNzc0IDMuOTQxIDMuOTQxIDAgMCAxIDEuOTkgMi4yOTUgMy45NDQgMy45NDQgMCAwIDEtLjIxNyAzLjAzem0yLjU1Ni0xMi40NjNsLTE1LjYxNyA5LjkzOGEuNzkzLjc5MyAwIDAgMS0uODUyLTEuMzRsMTUuNjE2LTkuOTM4YS43OTQuNzk0IDAgMCAxIC44NTMgMS4zNHptNC40OTUtNS4yNTRhMy4xNzggMy4xNzggMCAwIDEtMy4xNzQtMy4xNzUgMy4xNzggMy4xNzggMCAwIDEgMy4xNzQtMy4xNzRjLjU4NyAwIDEuMTMuMTcgMS42MDIuNDQ5bC0xLjE5NyAxLjE5N2ExLjU1OSAxLjU1OSAwIDAgMC0uNDA1LS4wNiAxLjU5IDEuNTkgMCAwIDAgMCAzLjE3NiAxLjU5IDEuNTkgMCAwIDAgMS41ODctMS41ODhjMC0uMTQxLS4wMjQtLjI3Ni0uMDYtLjQwN2wxLjE5Ny0xLjE5N2MuMjguNDczLjQ1IDEuMDE2LjQ1IDEuNjA0YTMuMTc4IDMuMTc4IDAgMCAxLTMuMTc0IDMuMTc1em01Ljk3LTkuMTQ2Yy43My0xLjI4NiAxLjY5NC0yLjgxNiAyLjU4Ni0zLjcwOCAxLjU1LTEuNTUgMi44NDUtMi4xMzcgMy4zMTYtMi4xOTQtLjA1Ni40NzEtLjY0MyAxLjc2NS0yLjE5MyAzLjMxNy0uODkyLjg5MS0yLjQyMyAxLjg1NS0zLjcwOSAyLjU4NXoiIGZpbGw9IiNCODAwMDAiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSA0NiAwKSIgZD0iTTAgMGg0NnY0NkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==) no-repeat; } .b-landing-by-steps__special-offers-item--new::before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDcuNjkxIDI2LjEzN2wtMy41MjctNS41OTdhMi4wMDYgMi4wMDYgMCAwIDEtLjI2My0xLjQ5MWwxLjQtNi40NjZhMi4wMDMgMi4wMDMgMCAwIDAtMS4zNDYtMi4zMzJsLTYuMy0yLjAyYTIuMDAyIDIuMDAyIDAgMCAxLTEuMTYtLjk3NGwtMy4wODQtNS44NTNhMi4wMDMgMi4wMDMgMCAwIDAtMi41My0uOTJsLTYuMTI0IDIuNTAxYTIuMDA3IDIuMDA3IDAgMCAxLTEuNTE1IDBMMTcuMTE4LjQ4NGEyLjAwNCAyLjAwNCAwIDAgMC0yLjUzLjkybC0zLjA4MyA1Ljg1M2EyLjAwNCAyLjAwNCAwIDAgMS0xLjE2Ljk3NGwtNi4zIDIuMDJhMi4wMDMgMi4wMDMgMCAwIDAtMS4zNDYgMi4zMzFsMS40IDYuNDY2YTIuMDAzIDIuMDAzIDAgMCAxLS4yNjQgMS40OTJMLjMxIDI2LjEzOGEyLjAwMSAyLjAwMSAwIDAgMCAuNDY3IDIuNjVsNS4yMjkgNC4wNTRjLjQxNS4zMjIuNjg2Ljc5Mi43NTggMS4zMTJsLjg5NiA2LjU1NWEyLjAwMyAyLjAwMyAwIDAgMCAyLjA2MSAxLjczbDYuNjExLS4yNTZhMi4wMDYgMi4wMDYgMCAwIDEgMS40MjQuNTE4bDQuODk5IDQuNDQ1Yy43NjQuNjkzIDEuOTMuNjkzIDIuNjkyIDBsNC45LTQuNDQ1YTIgMiAwIDAgMSAxLjQyNC0uNTE4bDYuNjEuMjU2YTIuMDAzIDIuMDAzIDAgMCAwIDIuMDYyLTEuNzNsLjg5Ni02LjU1NWMuMDcxLS41Mi4zNDMtLjk5Ljc1OC0xLjMxMmw1LjIyOC00LjA1M2EyLjAwNCAyLjAwNCAwIDAgMCAuNDY3LTIuNjUyek0xOC40NSAzMS45OTRsLTUuODM4LTQuMDc4IDIuNCA1LjU2MS0xLjYuNjktMy42OC04LjUyNyAxLjY3NS0uNzIzIDUuOTQ4IDQuMTg4LTIuNDU4LTUuNjk0IDEuNTk5LS42OSAzLjY4MSA4LjUyNy0xLjcyNy43NDZ6bTMuNTQ3LTEuNTMybC0zLjY4LTguNTI3IDYuMzIzLTIuNzMuNjIyIDEuNDQ0LTQuNjAxIDEuOTg1LjgxNiAxLjg5IDQuMjgxLTEuODQ4LjYyIDEuNDM3LTQuMjgxIDEuODQ4IDEuMDAxIDIuMzIgNC43NjQtMi4wNTUuNjIgMS40MzctNi40ODUgMi44em0xNC40MTQtNi4yMmwtNC40NS01LjY0MyAxLjA1OSA3LjEwNS0xLjg2Ny44MDYtNS43MTYtNy42NDggMS43NjItLjc2MSAzLjgxNCA1LjMwMy0uOTctNi41MyAyLjA1LS44ODQgNC4wNjQgNS4zMTEtMS4yNjItNi41MiAxLjczNC0uNzUgMS42MDkgOS40MjItMS44MjcuNzg4eiIgZmlsbD0iI0I4MDAwMCIvPjwvc3ZnPg==) no-repeat; } @media screen and (min-width: 48em) and (max-width: 79.9375em) { .b-landing-by-steps__special-offers-item { width: 50%; } } @media screen and (max-width: 33.6875em) { .b-landing-by-steps__special-offers-item { width: 100%; } } .b-landing-by-steps__bestseller { margin: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; } .b-landing-by-steps__bestseller-icon { position: relative; font-weight: bold; padding: 0 15px 0 25px; height: 24px; line-height: 24px; background-color: #b80000; color: #fff; } .b-landing-by-steps__bestseller-icon::before { position: absolute; display: block; content: ''; left: 0; top: 0; width: 0; height: 0; border: 12px solid transparent; border-left: 12px solid #fff; } .b-landing-by-steps__bestseller-text { line-height: 13px; margin-left: 5px; } .b-landing-by-steps__additionals { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .b-landing-by-steps__hurry-up-to-buy { -ms-flex-negative: 0; flex-shrink: 0; position: relative; width: 95px; height: 95px; margin: -50px 20px 0 5px; border-radius: 50%; background-color: rgba(254, 225, 1, 0.9); color: #000; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; text-align: center; padding-top: 53px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 33.6875em) { .b-landing-by-steps__hurry-up-to-buy { width: 80px; height: 80px; font-size: 10px; padding-top: 45px; } } .b-landing-by-steps__hurry-up-to-buy::before { position: absolute; top: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; content: ''; width: 34px; height: 34px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik0zMi40MyAyMC44NzdjLS42ODUgNi44OS02LjI2NyAxMi40MjYtMTMuMTYgMTMuMDYtOC4xNS43NDktMTUuMS01LjI0My0xNS45MDUtMTMuMDNIMS45MjlhMS4xMzQgMS4xMzQgMCAwIDEtLjk4My0xLjcwMmwzLjIxMy01LjU2M2ExLjEzNCAxLjEzNCAwIDAgMSAxLjk2NCAwbDMuMjEyIDUuNTYzYTEuMTM0IDEuMTM0IDAgMCAxLS45ODMgMS43MDFoLTEuMjVjLjgxMiA1LjgxNSA2LjIyNSAxMC4xNzUgMTIuNDMyIDkuMjY2IDQuNTkyLS42NzMgOC4zMTgtNC4yOTcgOS4wOTgtOC44NzIgMS4xNjktNi44NDktNC4xMDEtMTIuODEtMTAuNzM3LTEyLjgxLTIuMTUyIDAtNC4yMjkuNjI1LTYuMDEzIDEuODA3LS44MjguNTUtMS45NzYuNDQtMi41ODMtLjM0NWExLjg1NCAxLjg1NCAwIDAgMSAuNDI3LTIuNjczIDE0LjUxNSAxNC41MTUgMCAwIDEgNi4zNTctMi4zODNWMi43ODhoLTEuNDg3YS45MjcuOTI3IDAgMCAxLS45MjgtLjkyN1YuOTI3YzAtLjUxMi40MTYtLjkyNy45MjgtLjkyN2g2LjljLjUxMiAwIC45MjcuNDE1LjkyNy45Mjd2LjkzNGEuOTI3LjkyNyAwIDAgMS0uOTI3LjkyN2gtMS42Mzl2Mi4xM2M3LjYwMyAxLjAyNiAxMy4zNyA3LjkxOSAxMi41NzIgMTUuOTZ6bS40OC0xNC4wMjlsLTIuNzk2LTIuNTg0YS45MjcuOTI3IDAgMCAwLTEuMzEuMDUybC0uNzQuOGEuOTI3LjkyNyAwIDAgMCAuMDUyIDEuMzFsMi43OTYgMi41ODNhLjkyNy45MjcgMCAwIDAgMS4zMS0uMDUxbC43MzktLjhhLjkyNy45MjcgMCAwIDAtLjA1Mi0xLjMxem0tMTUuMDYgMy41NDl2OS4wNjZoOC45NzZjMC01LjUyMS00LjE5LTkuMDY2LTguOTc2LTkuMDY2eiIgZmlsbD0iIzAwMCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMzR2MzRIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=) no-repeat; } @media screen and (max-width: 33.6875em) { .b-landing-by-steps__hurry-up-to-buy::before { top: 5px; } } .b-landing-by-steps__rating { width: 270px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 13px; } .b-landing-by-steps__rating-text { margin: 5px 0 0; width: 150px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 10px; } .b-landing-by-steps__rating-stars { margin: 5px 0; width: 135px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; } .b-landing-by-steps__rating-stars-item { width: 27px; height: 27px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuMTM4IDEuMDVsMy40MzUgOC4xMjggOC43OTIuNzU2Yy42MS4wNTIuODU4LjgxMy4zOTUgMS4yMTRsLTYuNjY5IDUuNzc4IDEuOTk4IDguNTk2YS42OTIuNjkyIDAgMCAxLTEuMDMyLjc1bC03LjU1Ni00LjU1OC03LjU1NyA0LjU1N2EuNjkzLjY5MyAwIDAgMS0xLjAzMi0uNzVsMS45OTgtOC41OTUtNi42Ny01Ljc4YS42OTMuNjkzIDAgMCAxIC4zOTUtMS4yMTRsOC43OTItLjc1NSAzLjQzNS04LjEyN2EuNjkyLjY5MiAwIDAgMSAxLjI3NiAweiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMy42NzggMS4yNDRsMy40MzQgOC4xMjkuMTE4LjI3OC4zLjAyNSA4Ljc5Mi43NTZhLjE5My4xOTMgMCAwIDEgLjExMS4zMzhsLTYuNjcgNS43NzgtLjIyNy4xOTcuMDY4LjI5NCAxLjk5OCA4LjU5NWEuMTkyLjE5MiAwIDAgMS0uMjg2LjIxbC03LjU1Ny00LjU1OC0uMjU4LS4xNTYtLjI1OC4xNTYtNy41NTYgNC41NTdhLjE5My4xOTMgMCAwIDEtLjI4OC0uMjA4bDEuOTk4LTguNTk2LjA2OS0uMjk0LS4yMjgtLjE5Ny02LjY3LTUuNzhILjU2NmEuMTkzLjE5MyAwIDAgMSAuMTEtLjMzOGw4Ljc5My0uNzU1LjMtLjAyNi4xMTgtLjI3OCAzLjQzNC04LjEyN2EuMTkyLjE5MiAwIDAgMSAuMzU2IDB6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIuMzUiLz48L3N2Zz4=) no-repeat; background-size: contain; } .b-landing-by-steps__rating-stars-item--filled { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik0xNC4xMzggMS4wNWwzLjQzNSA4LjEyOCA4Ljc5Mi43NTZjLjYxLjA1Mi44NTguODEzLjM5NSAxLjIxNGwtNi42NjkgNS43NzggMS45OTggOC41OTZhLjY5Mi42OTIgMCAwIDEtMS4wMzIuNzVsLTcuNTU2LTQuNTU4LTcuNTU3IDQuNTU3YS42OTMuNjkzIDAgMCAxLTEuMDMyLS43NWwxLjk5OC04LjU5NS02LjY3LTUuNzhhLjY5My42OTMgMCAwIDEgLjM5NS0xLjIxNGw4Ljc5Mi0uNzU1IDMuNDM1LTguMTI3YS42OTIuNjkyIDAgMCAxIDEuMjc2IDB6IiBmaWxsPSIjZmZlNjA2Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAyNykiIGQ9Ik0wIDBoMjd2MjdIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=) no-repeat; background-size: contain; } .b-landing-by-steps__free { -ms-flex-negative: 0; flex-shrink: 0; margin: 10px 0 5px; } .b-landing-by-steps__free-title { text-transform: uppercase; color: #b80000; font-size: 27px; font-weight: bold; } .b-landing-by-steps__free-content { margin-top: 5px; font-size: 13px; font-weight: 600; text-transform: uppercase; } .b-landing-by-steps__timer { margin: 5px 0; -ms-flex-negative: 0; flex-shrink: 0; } .b-landing-by-steps__benefit { margin: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .b-landing-by-steps__benefit-text { color: #929292; } .b-landing-by-steps__benefit-value { background-color: #929292; color: #fff; border-radius: 5px; padding: 5px 20px; margin-left: 5px; } .b-landing-by-steps__remain { margin: 5px 0; -ms-flex-negative: 0; flex-shrink: 0; font-weight: bold; } .b-landing-by-steps__operating-mode { margin-top: 30px; font-size: 15px; } .b-landing-by-steps__operating-mode p { margin: 10px 0; line-height: 1; } .b-landing-by-steps__operating-mode .c-phone { font-size: 18px; font-weight: 700; } .b-landing-by-steps__footer { margin-top: 10px; background-color: rgba(0, 0, 0, 0.8); } .b-landing-by-steps__loader { visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .b-landing-by-steps__loader--show { visibility: visible; opacity: 1; position: fixed; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.85); z-index: 1000; } .b-landing-by-steps__loader-image { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } body main section.b-landing-by-steps__wrap-content { overflow: visible; } .dropdown { margin: 0 10px 20px auto; max-width: 160px; } .b-landing-by-steps__wrap-content { background-color: transparent; } .b-landing-by-steps__content { background-color: #fff; } .go_to_form { background-color: #ba0a1a; color: white; text-decoration: unset; padding: 10px; float: right; }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-modal-tel { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .b-modal-tel--show { pointer-events: auto; opacity: 1; } @media screen and (max-width: 47.9375em) { .b-modal-tel--show { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .b-modal-tel__container { padding: 40px; width: 540px; background: #ffffff; position: relative; } @media screen and (max-width: 47.9375em) { .b-modal-tel__container { padding: 40px 24px; margin-top: 80px; } } .b-modal-tel__close { position: absolute; top: -40px; right: -40px; cursor: pointer; } @media screen and (max-width: 47.9375em) { .b-modal-tel__close { right: 12px; } } .b-modal-tel__title { margin: 0 0 24px; font-weight: bold; font-size: 24px; line-height: 140%; color: #000000; } @media screen and (max-width: 47.9375em) { .b-modal-tel__title { font-size: 18px; } } .b-modal-tel__text { margin-bottom: 32px; font-size: 18px; line-height: 140%; color: #2C2C2C; } @media screen and (max-width: 47.9375em) { .b-modal-tel__text { font-size: 16px; } } .b-modal-tel__input { padding: 15px 32px; background: #F8F8F8; border: 1px solid #E3E3E3; font-size: 18px; line-height: 145%; color: #2C2C2C; width: 100%; } .b-modal-tel__input::-webkit-input-placeholder { color: #A2A2A2; } .b-modal-tel__input--error { border: 1px solid red; } @media screen and (max-width: 47.9375em) { .b-modal-tel__input { font-size: 16px; } } .b-modal-tel__error { margin-top: 8px; font-size: 14px; color: red; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .b-modal-tel__error--show { visibility: visible; opacity: 1; } .b-modal-tel__btn { margin: 32px 0 24px; padding: 16px 32px; width: 100%; background: #A80619; color: #ffffff; font-size: 18px; text-align: center; font-weight: 600; cursor: pointer; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .b-modal-tel__btn:hover { background: #990517; } .b-modal-tel__btn--disabled { pointer-events: none; opacity: .5; } @media screen and (max-width: 47.9375em) { .b-modal-tel__btn { font-size: 16px; } } .b-modal-tel__btn--wait { pointer-events: none; } .b-modal-tel__btn--wait .b-modal-tel__circle { opacity: 1; } .b-modal-tel__btn--wait span { opacity: 0; } .b-modal-tel__circle { opacity: 0; width: 32px; height: 32px; border-radius: 50%; background: #ffffff; background: -webkit-gradient(linear, left top, right top, color-stop(10%, #ffffff), color-stop(56%, rgba(255, 255, 255, 0))); background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 56%); background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 56%); position: absolute; top: calc(50% - 16px); left: calc(50% - 16px); -webkit-animation: circle 1.7s infinite linear; animation: circle 1.7s infinite linear; -webkit-transform: translateZ(0); transform: translateZ(0); } .b-modal-tel__circle:after { content: ''; background: #A80619; width: 80%; height: 80%; border-radius: 50%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .b-modal-tel__circle:before { content: ''; width: 50%; height: 50%; background: #ffffff; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; } .b-modal-tel__repeat { font-size: 14px; color: #333333; padding-bottom: 6px; border-bottom: 1px solid #A1A1A1; width: 154px; margin: 0 auto; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .b-modal-tel__repeat:hover { color: #A80619; border-bottom: 1px solid #A80619; } .b-modal-tel__repeat--disabled { pointer-events: none; opacity: .5; } .send_sms_true { display: none; margin-top: 8px; font-size: 14px; } .send_sms_true.active { display: block; }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-notification { border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); overflow: hidden; position: fixed; left: 3rem; bottom: 3rem; width: 339px; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #f0f0f0; font-size: 12px; line-height: 16px; z-index: 10000; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .b-notification--show { opacity: 1; visibility: visible; } @media screen and (max-width: 47.9375em) { .b-notification { left: 50%; top: 50%; bottom: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); max-width: 80%; } } @media screen and (max-width: 33.6875em) { .b-notification { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-notification__image { -ms-flex-negative: 0; flex-shrink: 0; width: 135px; background-repeat: no-repeat; background-size: contain; background-position: center center; } @media screen and (max-width: 33.6875em) { .b-notification__image { background-size: contain; width: 100%; height: 180px; } } .b-notification__content { padding: 10px; } @media screen and (max-width: 33.6875em) { .b-notification__content { width: 100%; text-align: center; padding: 20px 20px 30px; } } .b-notification__content-header { margin-bottom: 3px; } .b-notification__content-time { color: #aaa; margin-bottom: 3px; } .b-notification__content-order { margin-bottom: 3px; } .b-notification__content-remain { color: #b80000; font-size: 12px; line-height: 1.5; font-weight: bold; } .b-notification__close { position: absolute; top: 7px; right: 7px; width: 15px; height: 15px; border: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS44MjIgNy41bDUuMDg2LTUuMDg3YS4zMTMuMzEzIDAgMCAwIDAtLjQ0MmwtMS44OC0xLjg4YS4zMTMuMzEzIDAgMCAwLS40NDEgMEw3LjUgNS4xNzkgMi40MTMuMDkyYS4zMjIuMzIyIDAgMCAwLS40NDIgMEwuMDkgMS45NzJhLjMxMy4zMTMgMCAwIDAgMCAuNDQxTDUuMTc5IDcuNS4wOTIgMTIuNTg3YS4zMTMuMzEzIDAgMCAwIDAgLjQ0MmwxLjg3OSAxLjg4YS4zMTMuMzEzIDAgMCAwIC40NDIgMEw3LjUgOS44MjFsNS4wODcgNS4wODZhLjMxMy4zMTMgMCAwIDAgLjQ0MiAwbDEuODgtMS44OGEuMzEzLjMxMyAwIDAgMCAwLS40NDFMOS44MjEgNy41eiIgZmlsbD0iI0I4QjhCOCIvPjwvc3ZnPg==); background-color: transparent; cursor: pointer; outline: none; }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-order-form-by-steps { padding: 0 10px; font-size: 15px; } @media screen and (max-width: 47.9375em) { .b-order-form-by-steps { padding: 0; } } .b-order-form-by-steps__fields-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .b-order-form-by-steps__main-fields { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; width: 100%; } @media screen and (max-width: 47.9375em) { .b-order-form-by-steps__main-fields { margin: 0; } } .b-order-form-by-steps__field.b-order-form-by-steps__field--phone, .b-order-form-by-steps__privacy-policy, .b-order-form-by-steps__additional-fields { display: none; } .b-order-form-by-steps__field.b-order-form-by-steps__field--date { display: none; } @media screen and (min-width: 80em) { .b-order-form-by-steps--final .b-order-form-by-steps__main-fields, .b-order-form-by-steps--final .b-order-form-by-steps__additional-fields { width: calc(50% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } } @media screen and (max-width: 79.9375em) { .b-order-form-by-steps--final .b-order-form-by-steps__main-fields, .b-order-form-by-steps--final .b-order-form-by-steps__additional-fields { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; } } .b-order-form-by-steps--final .b-order-form-by-steps__label { width: 110px; } .b-order-form-by-steps--final .b-order-form-by-steps__field--reservation-card { display: none; } .b-order-form-by-steps--final .b-order-form-by-steps__privacy-policy, .b-order-form-by-steps--final .b-order-form-by-steps__additional-fields { display: block; } .b-order-form-by-steps--final .b-order-form-by-steps__privacy-policy-1 { display: none; } .b-order-form-by-steps--final .b-order-form-by-steps__field.b-order-form-by-steps__field--phone { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-order-form-by-steps--final .b-order-form-by-steps__field.b-order-form-by-steps__field--date { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-order-form-by-steps__field { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-order-form-by-steps__field label.error { display: none !important; } @media screen and (max-width: 47.9375em) { .b-order-form-by-steps__field { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-order-form-by-steps__label { font-weight: bold; font-size: 15px; -ms-flex-negative: 0; flex-shrink: 0; width: 200px; } @media screen and (min-width: 48em) and (max-width: 79.9375em) { .b-order-form-by-steps__label { width: 110px; } } @media screen and (max-width: 47.9375em) { .b-order-form-by-steps__label { width: 100%; margin-bottom: 10px; } } .b-order-form-by-steps__input { width: 100%; border: 1px solid #bcbcbc; background-color: #fafafa; padding-left: 10px; height: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-order-form-by-steps__input::-webkit-input-placeholder, .b-order-form-by-steps__input::-moz-placeholder, .b-order-form-by-steps__input:-moz-placeholder, .b-order-form-by-steps__input:-ms-input-placeholder { opacity: 0.4; } .b-order-form-by-steps__input.error { border: 1px solid #aa0010; } @media screen and (max-width: 47.9375em) { .b-order-form-by-steps__input { width: 100%; } } .b-order-form-by-steps__confirm-mailing { margin-top: 20px; font-size: 16px; color: #4b5861; } .b-order-form-by-steps__confirm-mailing-radiowrap { margin-top: 10px; } .b-order-form-by-steps__confirm-mailing-radiowrap input[type="radio"] { display: inline-block; vertical-align: middle; margin-right: 10px; } .b-order-form-by-steps__confirm-mailing-radiowrap label:first-child { margin-right: 20px; } .b-order-form-by-steps__privacy-policy { margin: 20px 0; color: #4b5861; font-size: 16px; } .b-order-form-by-steps__privacy-policy a { color: #d13713; } .b-order-form-by-steps__privacy-policy-1 { margin: 20px 0; color: #4b5861; font-size: 16px; } .b-order-form-by-steps__privacy-policy-1 a { color: #d13713; } @-webkit-keyframes circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .answer_validate_steps { color: red; width: 100%; margin-top: 10px; } .btn_validate_steps { float: left; padding: 8px 0px; background-color: #f0f0f0; color: #000; border: 1px solid rgba(0, 0, 0, 0.2); width: 80px; font-size: 12px; margin-left: 204px; } @media screen and (min-width: 854px) and (max-width: 1024px) { .payment-buttons { width: 60% !important; } img.paysystem_image.npay { padding-top: 8px !important; } .block-sber input[type=radio]:checked + label:not(.error):after { padding-bottom: 15px !important; } } @media screen and (min-width: 550px) and (max-width: 854px) { .block-sber input[type=radio]:checked + label:not(.error):after { padding-bottom: 14px !important; } label.b-order-form__confirm-label.payment_sber.step-sber:before { margin-bottom: 14px !important; } .answer_validate_steps { margin-left: 0; } .btn_validate_steps { margin-left: 185px; } .b-order-form.b-order-form-by-steps__confirm-wrap { padding: 0 !important; } .payment-buttons { width: 100% !important; display: block !important; } span.paysystem_title.step { width: 62% !important; margin-left: 13px !important; vertical-align: middle; } label.b-order-form__confirm-label.payment_n:before { margin-bottom: 15px; } img.paysystem_image.sberbank { margin: 5px 0; max-width: 19%; } label.b-order-form__confirm-label.payment_sber { width: 100%; } } @media screen and (max-width: 550px) { label.b-order-form__confirm-label.payment_sber.step-sber:before { margin-bottom: 10px !important; } .block-npay input[type=radio]:checked + label:not(.error):after { padding-bottom: 19px !important; } .block-sber input[type=radio]:checked + label:not(.error):after { padding-bottom: 10px !important; } .payment-buttons { width: 100% !important; display: block !important; } img.paysystem_image.sberbank { padding-bottom: 0px !important; margin: 2px 0 !important; } label.b-order-form__confirm-label.payment_sber.mobile:before { margin-bottom: 10px !important; } } input.b-order-form-by-steps__privacy-policy-checkbox.error { outline-style: double; outline-width: 1px; outline-color: red; outline-offset: 2px; } label#privacy_policy-error { font-size: 14px; color: red; } .b-order-form-by-steps__additional-fields.payblock-wrap { width: 100%; } .payment-buttons { border: 1px solid #d3d3d3; -webkit-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; padding: 0 0 0 2%; width: 48%; display: inline-block; vertical-align: middle; } .payment-buttons:hover { background: #f7f4f4; } span.b-order-form-by-steps__label.payblock-title { display: block; width: 100%; margin-bottom: 1%; } .payment-buttons.error { border: 1px solid #aa0010; } label.b-order-form__confirm-label.payment_sber.online { margin: 8px 0; height: 42px; } img.paysystem_image.sberbank { margin: 0; padding-top: 0; padding-bottom: 0; } @media only screen and (min-width: 1024px) and (max-width: 1920px) { label.b-order-form__confirm-label.payment_sber.bank:before { margin-bottom: 9px !important; } .block-sber input[type=radio]:checked + label:not(.error):after { padding-bottom: 15px !important; } span.paysystem_title.step { margin-top: 0px !important; vertical-align: middle; } } .step-sber { margin: 13px 0; } label.b-order-form__confirm-label.payment_n.step-npay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } label.b-order-form__confirm-label.payment_n.step-sber { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .error-wraper { margin: 0 auto !important; } .booking { margin: 4px 0 12px; padding: 20px; width: 100%; background: #f9f6ee; } .booking__title { margin-bottom: 16px; font-size: 18px; line-height: 140%; text-align: center; color: #393939; } .booking__block { padding: 16px; background: #ede8d9; color: #103F65; } .booking__name { margin-bottom: 8px; font-weight: 600; font-size: 22px; line-height: 120%; text-align: center; color: #393939; } .booking__email { font-size: 14px; line-height: 140%; text-align: center; color: #393939; } .booking__close { margin: 16px auto 0; font-size: 12px; line-height: 140%; width: 142px; text-align: center; color: #814724; cursor: pointer; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; text-decoration: underline; } .booking__close._cancel { width: 100px; margin: 48px 0 0; } .phone.mail-confirm-block { display: none; } .mail.mail-confirm-block.hidden-mail { display: none; } .phone.mail-confirm-block.active { display: block; } #confirm_phone-error { width: 100%; float: left; color: red; margin-bottom: 10px; margin-top: 10px; } .b-conditions-link-custom { color: black; } .dropdown { position: relative; } .dropdown .dropdown-toggle { padding: 0.5rem 1rem; border-radius: 4px; } .dropdown .dropdown-menu { position: absolute; top: calc(100% + 2px); z-index: 2; background-color: #fafafa; border: 1px solid #d3d3d3; border-radius: 4px; } .dropdown .dropdown-item { color: #000; text-decoration: none; } .dropdown .dropdown-item:hover { background-color: #d3d3d3; } .dropdown-menu { display: none; } .dropdown-menu.show { display: block; } .b-landing-by-steps__wrap-content::before { position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 60px); content: ''; background-color: #fff; z-index: -1; pointer-events: none; } .b-landing-by-steps__button:disabled { opacity: 0.7; } section.social.hide { position: absolute; left: -10000px; } .red_important { border: 1px solid #aa0010 !important; } body .b-landing-by-steps__wrap-content:before { height: auto; } body .b-landing-by-steps__layout .social { margin-top: 0; margin: 0 10px; } body .b-landing-by-steps__layout--final.white { background: white; padding-top: 20px; padding-bottom: 20px; } /** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-popup-by-steps { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 900; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .b-popup-by-steps--show { visibility: visible; opacity: 1; } .b-popup-by-steps__wrap-content { display: block; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #f2f2f2; z-index: 1000; padding: 34px 35px 20px; -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5); box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5); border: 1px solid #adaaab; max-height: 94%; width: 85%; overflow: scroll; } .b-popup-by-steps__close { display: block; height: 32px; background: url("/landing/images/close.png") no-repeat top right; cursor: pointer; position: absolute; top: 10px; right: 10px; padding: 6px 38px 6px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-popup-by-steps__close:hover { background: url("/landing/images/close_hover.png") no-repeat top right; } .b-popup-by-steps__close svg { display: none; } .b-popup-by-steps__content { font-size: 14px; color: #333; margin-top: 20px; height: 90%; overflow: auto; } .b-popup-by-steps._error-phone .b-popup-by-steps__wrap-content { width: 530px; padding: 40px; background: #ffffff; overflow: visible; } @media screen and (max-width: 47.9375em) { .b-popup-by-steps._error-phone .b-popup-by-steps__wrap-content { padding: 40px 24px; width: 90%; height: auto; } } .b-popup-by-steps._error-phone .b-popup-by-steps__close { top: -40px; right: -40px; padding: 0; background: none; } .b-popup-by-steps._error-phone .b-popup-by-steps__close span { display: none; } .b-popup-by-steps._error-phone .b-popup-by-steps__close svg { display: block; } @media screen and (max-width: 47.9375em) { .b-popup-by-steps._error-phone .b-popup-by-steps__close { right: 0; } } .b-popup-by-steps._error-phone .b-popup-by-steps__content { margin-top: 0; font-size: 18px; line-height: 140%; color: #2C2C2C; } @media screen and (max-width: 47.9375em) { .b-popup-by-steps._error-phone .b-popup-by-steps__content { font-size: 16px; } } @media screen and (max-width: 900px) { .b-popup-by-steps__wrap-content { width: 90%; height: 90%; } }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-steps { position: relative; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; background: #000; color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-steps__item { width: calc(33.333333% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; position: relative; } @media screen and (max-width: 47.9375em) { .b-steps__item { width: calc(100% - 1.25rem); margin-right: 0.625rem; margin-left: 0.625rem; margin-left: 50px; display: none; } } .b-steps__item:first-child { margin-left: 50px; } .b-steps__item::before { position: absolute; top: 5px; left: -20px; display: block; content: ''; width: 10px; height: 10px; border-radius: 50%; border: 3px solid rgba(244, 244, 244, 0.16); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .b-steps__item--active::before { background: #fff; -webkit-box-shadow: 0 0 14px 2px rgba(255, 255, 255, 0.7); box-shadow: 0 0 14px 2px rgba(255, 255, 255, 0.7); border: 3px solid rgba(244, 244, 244, 0.7); } @media screen and (max-width: 47.9375em) { .b-steps__item--active { display: block; } } .b-steps__title { font-size: 14px; } .b-steps__description { font-size: 13px; font-style: italic; }/** * Foundation for Sites by ZURB * Version 6.4.3 * foundation.zurb.com * Licensed under MIT Open Source */ .b-timer.countdownHolder { position: relative; font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; } .b-timer__action { font-size: 13px; font-weight: 600; color: #b80000; text-align: right; } .b-timer .position { display: inline-block; width: 24px; height: 36px; line-height: 36px; margin-right: 1px; overflow: hidden; position: relative; } .b-timer .digit { position: absolute; display: block; width: 24px; background-color: #444; border-radius: 5px; text-align: center; color: #fff; letter-spacing: -1px; } .b-timer .digit .static { -webkit-box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35); box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #3a3a3a), color-stop(50%, #444)); background-image: -o-linear-gradient(top, #3a3a3a 50%, #444 50%); background-image: linear-gradient(to bottom, #3a3a3a 50%, #444 50%); } .b-timer .countDiv { display: inline-block; width: 8px; height: 36px; position: relative; } .b-timer .countDiv::before, .b-timer .countDiv::after { position: absolute; width: 5px; height: 5px; background-color: #444; border-radius: 50%; left: 50%; margin-left: -3px; top: 0.5em; -webkit-box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5); box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5); content: ''; } .b-timer .countDiv::after { top: 0.9em; } input[name="address_required_field"]{ position: absolute; top: -1000000px; } .b-order-form__delivery .order-form__row + .order-form__row{ margin: 10px 0; } .b-order-form__delivery .order-form__radio-image{ min-width: auto; } .b-order-form__delivery .order-form__radio-image img{ max-width:98px; } /*.b-order-form__delivery .order-form__radio-text{*/ /* position: relative;*/ /*}*/ .b-order-form__delivery .order-form__radio-text a.order-form__reasons{ margin-top: 3px; } .drawer-wrapper-delivery { font-family: 'Montserrat'; } .drawer-wrapper-delivery ul{ list-style: auto; line-height: 30px; font-size: 18px; padding-inline-start: 20px; } .drawer-wrapper-delivery ul li { margin-bottom: 10px; } body .order-form__radio-text b.delivery-paysystem-title span{ display: initial; } .b-order-form__delivery .order-form__radio-row{ padding: 0px 0 0 10px; } .b-order-form__delivery .order-form__radio-row span.paysystem_title{ margin-left: 7px; } .payment__buttons .order-form__row + .order-form__row{ margin: 10px 0 0 0; } .cbx_field_appartment .b-order-form__label{ margin-left: 6px; } .footer { -ms-flex-negative: 0; flex-shrink: 0; padding: 48px 0 24px; background: #231f20 } @media (max-width: 1024px) { .footer { padding: 24px 0 } } .footer--white { background-color: #fff } .footer--white .footer__bottom { border-color: #e0e0e0 } .footer--white .footer__copyright { color: #333; font-family: Montserrat; } .footer__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0 24px } @media (max-width: 1024px) { .footer__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 12px } .footer__top-block { max-width: 300px } .footer.footer-mobile .footer__top-block { max-width: none!important; } .footer__top-block + .footer__top-block { margin: 24px 0 0 } } .footer__info { font-size: .75rem; line-height: 1.33; color: #fff } .footer.footer-mobile .footer__info .company-name { font-weight: bold; display: block; margin-top: 10px; } @media (max-width: 1024px) { .footer__info { text-align: center } } .footer__info p:first-child { margin: 0 0 12px; font-size: .875rem; font-weight: 600; line-height: 1.2 } .footer.footer-mobile .footer__info p:last-child { font-size: .875rem; line-height: 1.29 } .footer.footer-mobile .footer__social-header { display: block; width: 100%; text-align: center; color: #fff; margin-bottom: 15px; font-size: 13px; font-family: Montserrat; } .footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 38px 0 0 } .footer.footer-mobile .footer__social { justify-content: center; flex-flow: row wrap; margin: 30px 0 30px 0!important; } .footer__social-item { display: block } .footer__social-item + .footer__social-item { margin: 0 0 0 16px } .footer__social-svg { display: block; width: 36px; min-width: 36px; height: 36px; min-height: 36px; -webkit-transition: -webkit-transform 75ms ease; transition: -webkit-transform 75ms ease; transition: transform 75ms ease; transition: transform 75ms ease, -webkit-transform 75ms ease } .footer__social-item:hover .footer__social-svg { -webkit-transform: translateY(-4px); transform: translateY(-4px) } .footer__contacts-item { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff } .footer.footer-mobile .footer__contacts-item { justify-content: center; } .footer__contacts-item + .footer__contacts-item { margin: 8px 0 0 } .footer__contacts-icon { width: 24px; margin: 0 12px 0 0 } .footer__contacts-svg { display: block; width: 24px; min-width: 24px; height: 24px; min-height: 24px; stroke: #fff } .footer__contacts-link { margin: 0 0 4px; font-size: 1.125rem; font-weight: 600; line-height: 1.2; color: inherit; font-family: Montserrat; } .footer.footer-mobile .footer__contacts-link { margin: 0 0 5px 0!important; display: block; } .footer__contacts-text { font-size: .875rem; line-height: 1.29; margin: 4px 0 0 0; padding: 0; font-family: Montserrat; max-width: 275px; } .footer__payment { margin-right: 110px; } .footer.footer-mobile .footer__contacts-text { font-size: 12px; } .footer__contacts-text a { color: inherit; text-decoration: underline } .footer__contacts-text a:hover { text-decoration: none } .footer__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 24px 0 0; margin: 18px 0 0; border-top: 1px solid hsla(0, 0%, 100%, .1) } @media (max-width: 1024px) { .footer__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px 15px 0; margin: 12px -15px 0 } .footer__bottom-block { max-width: 300px } .footer__bottom-block + .footer__bottom-block { margin: 24px 0 0 } } .footer__copyright { font-size: .875rem; line-height: 1.29; color: #b59858; font-family: Montserrat; } .footer.footer-mobile .footer__copyright { font-size: 12px; } .tom-block .footer__copyright { text-align: center; padding: 0 15px; color: #545454 !important; font-size: 13px; } .footer__bottom.footer__bottom-rights-text { border-top: none; margin-top: 0; } /* swiper */ .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; filter: drop-shadow(2px 3px 2px rgba(0,0,0,.8)); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev, .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .banner__slider .swiper-pagination-bullet { position: relative; display: block; margin: 50px auto; cursor: pointer; } .banner__slider .swiper-pagination-bullet::before { content: ""; position: absolute; display: block; top: -15px; left: -15px; right: -15px; bottom: -15px; } .banner__slider .swiper-button-prev::before, .banner__slider .swiper-button-next::before { content: ""; position: absolute; display: block; top: -15px; left: -15px; right: -15px; bottom: -15px; } /* Player */ @keyframes plyr-progress { to { background-position: 25px 0; background-position: var(--plyr-progress-loading-size, 25px) 0 } } @keyframes plyr-popup { 0% { opacity: .5; transform: translateY(10px) } to { opacity: 1; transform: translateY(0) } } @keyframes plyr-fade-in { 0% { opacity: 0 } to { opacity: 1 } } .plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; align-items: center; direction: ltr; display: flex; flex-direction: column; font-family: inherit; font-family: var(--plyr-font-family, inherit); font-variant-numeric: tabular-nums; font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); line-height: 1.7; line-height: var(--plyr-line-height, 1.7); max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow .3s ease; z-index: 0 } .plyr audio, .plyr iframe, .plyr video { display: block; height: 100%; width: 100% } .plyr button { font: inherit; line-height: inherit; width: auto } .plyr:focus { outline: 0 } .plyr--full-ui { box-sizing: border-box } .plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before { box-sizing: inherit } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation } .plyr__badge { background: #4a5464; background: var(--plyr-badge-background, #4a5464); border-radius: 2px; border-radius: var(--plyr-badge-border-radius, 2px); color: #fff; color: var(--plyr-badge-text-color, #fff); font-size: 9px; font-size: var(--plyr-font-size-badge, 9px); line-height: 1; padding: 3px 4px } .plyr--full-ui ::-webkit-media-text-track-container { display: none } .plyr__captions { animation: plyr-fade-in .3s ease; bottom: 0; display: none; font-size: 13px; font-size: var(--plyr-font-size-small, 13px); left: 0; padding: 10px; padding: var(--plyr-control-spacing, 10px); position: absolute; text-align: center; transition: transform .4s ease-in-out; width: 100% } .plyr__captions span:empty { display: none } @media (min-width: 480px) { .plyr__captions { font-size: 15px; font-size: var(--plyr-font-size-base, 15px); padding: 20px; padding: calc(var(--plyr-control-spacing, 10px) * 2) } } @media (min-width: 768px) { .plyr__captions { font-size: 18px; font-size: var(--plyr-font-size-large, 18px) } } .plyr--captions-active .plyr__captions { display: block } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { transform: translateY(-40px); transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4)) } .plyr__caption { background: rgba(0, 0, 0, .8); background: var(--plyr-captions-background, rgba(0, 0, 0, .8)); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: #fff; color: var(--plyr-captions-text-color, #fff); line-height: 185%; padding: .2em .5em; white-space: pre-wrap } .plyr__caption div { display: inline } .plyr__control { background: transparent; border: 0; border-radius: 3px; border-radius: var(--plyr-control-radius, 3px); color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: 7px; padding: calc(var(--plyr-control-spacing, 10px) * .7); position: relative; transition: all .3s ease } .plyr__control svg { fill: currentColor; display: block; height: 18px; height: var(--plyr-control-icon-size, 18px); pointer-events: none; width: 18px; width: var(--plyr-control-icon-size, 18px) } .plyr__control:focus { outline: 0 } .plyr__control.plyr__tab-focus { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px } a.plyr__control { text-decoration: none } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, a.plyr__control:after, a.plyr__control:before { display: none } .plyr--full-ui ::-webkit-media-controls { display: none } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center } .plyr__controls .plyr__progress__container { flex: 1; min-width: 0 } .plyr__controls .plyr__controls__item { margin-left: 2.5px; margin-left: calc(var(--plyr-control-spacing, 10px) / 4) } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: 2.5px; padding-left: calc(var(--plyr-control-spacing, 10px) / 4) } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 5px; padding: 0 calc(var(--plyr-control-spacing, 10px) / 2) } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0 } .plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip], .plyr__controls:empty { display: none } .plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] { display: inline-block } .plyr__menu { display: flex; position: relative } .plyr__menu .plyr__control svg { transition: transform .3s ease } .plyr__menu .plyr__control[aria-expanded=true] svg { transform: rotate(90deg) } .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none } .plyr__menu__container { animation: plyr-popup .2s ease; background: hsla(0, 0%, 100%, .9); background: var(--plyr-menu-background, hsla(0, 0%, 100%, .9)); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, .15); box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15)); color: #4a5464; color: var(--plyr-menu-color, #4a5464); font-size: 15px; font-size: var(--plyr-font-size-base, 15px); margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3 } .plyr__menu__container > div { overflow: hidden; transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1) } .plyr__menu__container:after { border: 4px solid transparent; border-top: var(--plyr-menu-arrow-size, 4px) solid hsla(0, 0%, 100%, .9); border-width: var(--plyr-menu-arrow-size, 4px); content: ""; height: 0; position: absolute; right: 14px; right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * .7 - var(--plyr-menu-arrow-size, 4px) / 2); top: 100%; width: 0 } .plyr__menu__container [role=menu] { padding: 7px; padding: calc(var(--plyr-control-spacing, 10px) * .7) } .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] { margin-top: 2px } .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child { margin-top: 0 } .plyr__menu__container .plyr__control { align-items: center; color: #4a5464; color: var(--plyr-menu-color, #4a5464); display: flex; font-size: 13px; font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px)); padding: 4.66667px 10.5px; padding: calc(var(--plyr-control-spacing, 10px) * .7 / 1.5) calc(var(--plyr-control-spacing, 10px) * .7 * 1.5); -webkit-user-select: none; user-select: none; width: 100% } .plyr__menu__container .plyr__control > span { align-items: inherit; display: flex; width: 100% } .plyr__menu__container .plyr__control:after { border: 4px solid transparent; border: var(--plyr-menu-item-arrow-size, 4px) solid transparent; content: ""; position: absolute; top: 50%; transform: translateY(-50%) } .plyr__menu__container .plyr__control--forward { padding-right: 28px; padding-right: calc(var(--plyr-control-spacing, 10px) * .7 * 4) } .plyr__menu__container .plyr__control--forward:after { border-left-color: #728197; border-left-color: var(--plyr-menu-arrow-color, #728197); right: 6.5px; right: calc(var(--plyr-control-spacing, 10px) * .7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px)) } .plyr__menu__container .plyr__control--forward.plyr__tab-focus:after, .plyr__menu__container .plyr__control--forward:hover:after { border-left-color: initial } .plyr__menu__container .plyr__control--back { font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); margin: 7px; margin: calc(var(--plyr-control-spacing, 10px) * .7); margin-bottom: 3.5px; margin-bottom: calc(var(--plyr-control-spacing, 10px) * .7 / 2); padding-left: 28px; padding-left: calc(var(--plyr-control-spacing, 10px) * .7 * 4); position: relative; width: calc(100% - 14px); width: calc(100% - var(--plyr-control-spacing, 10px) * .7 * 2) } .plyr__menu__container .plyr__control--back:after { border-right-color: #728197; border-right-color: var(--plyr-menu-arrow-color, #728197); left: 6.5px; left: calc(var(--plyr-control-spacing, 10px) * .7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px)) } .plyr__menu__container .plyr__control--back:before { background: #dcdfe5; background: var(--plyr-menu-back-border-color, #dcdfe5); box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); content: ""; height: 1px; left: 0; margin-top: 3.5px; margin-top: calc(var(--plyr-control-spacing, 10px) * .7 / 2); overflow: hidden; position: absolute; right: 0; top: 100% } .plyr__menu__container .plyr__control--back.plyr__tab-focus:after, .plyr__menu__container .plyr__control--back:hover:after { border-right-color: initial } .plyr__menu__container .plyr__control[role=menuitemradio] { padding-left: 7px; padding-left: calc(var(--plyr-control-spacing, 10px) * .7) } .plyr__menu__container .plyr__control[role=menuitemradio]:after, .plyr__menu__container .plyr__control[role=menuitemradio]:before { border-radius: 100% } .plyr__menu__container .plyr__control[role=menuitemradio]:before { background: rgba(0, 0, 0, .1); content: ""; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); transition: all .3s ease; width: 16px } .plyr__menu__container .plyr__control[role=menuitemradio]:after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform .3s ease, opacity .3s ease; width: 6px } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { background: #00b3ff; background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))) } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after { opacity: 1; transform: translateY(-50%) scale(1) } .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before { background: rgba(35, 40, 47, .1) } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: calc(-7px - -2); margin-right: calc(var(--plyr-control-spacing, 10px) * .7 * -1 - -2); overflow: hidden; padding-left: 24.5px; padding-left: calc(var(--plyr-control-spacing, 10px) * .7 * 3.5); pointer-events: none } .plyr--full-ui input[type=range] { -webkit-appearance: none; background: transparent; border: 0; border-radius: 26px; border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2); color: #00b3ff; color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); display: block; height: 19px; height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px)); margin: 0; min-width: 0; padding: 0; transition: box-shadow .3s ease; width: 100% } .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background: transparent; background-image: linear-gradient(90deg, currentColor 0, transparent 0); background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)); border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -webkit-transition: box-shadow .3s ease; transition: box-shadow .3s ease; -webkit-user-select: none; user-select: none } .plyr--full-ui input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); margin-top: -4px; margin-top: calc(var(--plyr-range-thumb-height, 13px) / 2 * -1 - var(--plyr-range-track-height, 5px) / 2 * -1); position: relative; -webkit-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px) } .plyr--full-ui input[type=range]::-moz-range-track { background: transparent; border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -moz-transition: box-shadow .3s ease; transition: box-shadow .3s ease; user-select: none } .plyr--full-ui input[type=range]::-moz-range-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -moz-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px) } .plyr--full-ui input[type=range]::-moz-range-progress { background: currentColor; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px) } .plyr--full-ui input[type=range]::-ms-track { color: transparent } .plyr--full-ui input[type=range]::-ms-fill-upper, .plyr--full-ui input[type=range]::-ms-track { background: transparent; border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow .3s ease; transition: box-shadow .3s ease; user-select: none } .plyr--full-ui input[type=range]::-ms-fill-lower { background: transparent; background: currentColor; border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow .3s ease; transition: box-shadow .3s ease; user-select: none } .plyr--full-ui input[type=range]::-ms-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); margin-top: 0; position: relative; -ms-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px) } .plyr--full-ui input[type=range]::-ms-tooltip { display: none } .plyr--full-ui input[type=range]:focus { outline: 0 } .plyr--full-ui input[type=range]::-moz-focus-outer { border: 0 } .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px } .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px } .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px } .plyr__poster { background-color: #000; background-color: var(--plyr-video-background, var(--plyr-video-background, #000)); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .2s ease; width: 100%; z-index: 1 } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1 } .plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster { display: none } .plyr__time { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)) } .plyr__time + .plyr__time:before { content: "\2044"; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px) } @media (max-width: 767px) { .plyr__time + .plyr__time { display: none } } .plyr__tooltip { background: hsla(0, 0%, 100%, .9); background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9)); border-radius: 3px; border-radius: var(--plyr-tooltip-radius, 3px); bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, .15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15)); color: #4a5464; color: var(--plyr-tooltip-color, #4a5464); font-size: 13px; font-size: var(--plyr-font-size-small, 13px); font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); left: 50%; line-height: 1.3; margin-bottom: 10px; margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2); opacity: 0; padding: 5px 7.5px; padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5); pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(.8); transform-origin: 50% 100%; transition: transform .2s ease .1s, opacity .2s ease .1s; white-space: nowrap; z-index: 2 } .plyr__tooltip:before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid hsla(0, 0%, 100%, .9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9)); bottom: -4px; bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2 } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%) scale(1) } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3 } .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip { left: 0; transform: translateY(10px) scale(.8); transform-origin: 0 100% } .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before, .plyr__controls > .plyr__control:first-child .plyr__tooltip:before { left: 16px; left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * .7) } .plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translateY(10px) scale(.8); transform-origin: 100% 100% } .plyr__controls > .plyr__control:last-child .plyr__tooltip:before { left: auto; right: 16px; right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * .7); transform: translateX(50%) } .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip { transform: translate(0) scale(1) } .plyr__progress { left: 6.5px; left: calc(var(--plyr-range-thumb-height, 13px) * .5); margin-right: 13px; margin-right: var(--plyr-range-thumb-height, 13px); position: relative } .plyr__progress__buffer, .plyr__progress input[type=range] { margin-left: -6.5px; margin-left: calc(var(--plyr-range-thumb-height, 13px) * -.5); margin-right: -6.5px; margin-right: calc(var(--plyr-range-thumb-height, 13px) * -.5); width: calc(100% + 13px); width: calc(100% + var(--plyr-range-thumb-height, 13px)) } .plyr__progress input[type=range] { position: relative; z-index: 2 } .plyr__progress .plyr__tooltip { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); left: 0 } .plyr__progress__buffer { -webkit-appearance: none; background: transparent; border: 0; border-radius: 100px; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin-top: -2.5px; margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1); padding: 0; position: absolute; top: 50% } .plyr__progress__buffer::-webkit-progress-bar { background: transparent } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -webkit-transition: width .2s ease; transition: width .2s ease } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -moz-transition: width .2s ease; transition: width .2s ease } .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width .2s ease; transition: width .2s ease } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, .6) 0, rgba(35, 40, 47, .6) 75%, transparent 0, transparent); background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px); color: transparent } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: hsla(0, 0%, 100%, .25); background-color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)) } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193, 200, 209, .6); background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)) } .plyr__volume { align-items: center; display: flex; max-width: 110px; min-width: 80px; position: relative; width: 20% } .plyr__volume input[type=range] { margin-left: 5px; margin-left: calc(var(--plyr-control-spacing, 10px) / 2); margin-right: 5px; margin-right: calc(var(--plyr-control-spacing, 10px) / 2); position: relative; z-index: 2 } .plyr--is-ios .plyr__volume { min-width: 0; width: auto } .plyr--audio { display: block } .plyr--audio .plyr__controls { background: #fff; background: var(--plyr-audio-controls-background, #fff); border-radius: inherit; color: #4a5464; color: var(--plyr-audio-control-color, #4a5464); padding: 10px; padding: var(--plyr-control-spacing, 10px) } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: #00b3ff; background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-audio-control-color-hover, #fff) } .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: rgba(193, 200, 209, .6); background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))) } .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: rgba(193, 200, 209, .6); background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))) } .plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: rgba(193, 200, 209, .6); background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))) } .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1)) } .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1)) } .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1)) } .plyr--audio .plyr__progress__buffer { color: rgba(193, 200, 209, .6); color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)) } .plyr--video { background: #000; background: var(--plyr-video-background, var(--plyr-video-background, #000)); overflow: hidden } .plyr--video.plyr--menu-open { overflow: visible } .plyr__video-wrapper { background: #000; background: var(--plyr-video-background, var(--plyr-video-background, #000)); margin: auto; overflow: hidden; position: relative; width: 100% } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { /* aspect-ratio: 16/9*/ } @supports not (aspect-ratio:16/9) { .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; position: relative } } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%) } .plyr--video .plyr__controls { background: linear-gradient(transparent, rgba(0, 0, 0, .75)); background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75))); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; color: var(--plyr-video-control-color, #fff); left: 0; padding: 5px; padding: calc(var(--plyr-control-spacing, 10px) / 2); padding-top: 20px; padding-top: calc(var(--plyr-control-spacing, 10px) * 2); position: absolute; right: 0; transition: opacity .4s ease-in-out, transform .4s ease-in-out; z-index: 3 } @media (min-width: 480px) { .plyr--video .plyr__controls { padding: 10px; padding: var(--plyr-control-spacing, 10px); padding-top: 35px; padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5) } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%) } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: #00b3ff; background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-video-control-color-hover, #fff) } .plyr__control--overlaid { background: #00b3ff; background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); border: 0; border-radius: 100%; color: #fff; color: var(--plyr-video-control-color, #fff); display: none; left: 50%; opacity: .9; padding: 15px; padding: calc(var(--plyr-control-spacing, 10px) * 1.5); position: absolute; top: 50%; transform: translate(-50%, -50%); transition: .3s; z-index: 2 } .plyr__control--overlaid svg { left: 2px; position: relative } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { opacity: 1 } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block } .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: hsla(0, 0%, 100%, .25); background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))) } .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: hsla(0, 0%, 100%, .25); background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))) } .plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: hsla(0, 0%, 100%, .25); background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))) } .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5)) } .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5)) } .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5)) } .plyr--video .plyr__progress__buffer { color: hsla(0, 0%, 100%, .25); color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)) } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .plyr:fullscreen video { height: 100% } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block } .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none } .plyr:fullscreen.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px) } .plyr:fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px) } } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .plyr:-webkit-full-screen video { height: 100% } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px) } } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .plyr:-moz-full-screen video { height: 100% } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr:-moz-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px) } } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .plyr:-ms-fullscreen video { height: 100% } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px) } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; bottom: 0; display: block; height: 100%; left: 0; margin: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 10000000 } .plyr--fullscreen-fallback video { height: 100% } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px) } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1 } .plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100% } .plyr__ads:after { background: #23282f; border-radius: 2px; bottom: 10px; bottom: var(--plyr-control-spacing, 10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; right: var(--plyr-control-spacing, 10px); z-index: 3 } .plyr__ads:after:empty { display: none } .plyr__cues { background: currentColor; display: block; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin: -var(--plyr-range-track-height, 5px)/2 0 0; opacity: .8; position: absolute; top: 50%; width: 3px; z-index: 3 } .plyr__preview-thumb { background-color: hsla(0, 0%, 100%, .9); background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9)); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, .15); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15)); margin-bottom: 10px; margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2); opacity: 0; padding: 3px; padding: var(--plyr-tooltip-radius, 3px); pointer-events: none; position: absolute; transform: translateY(10px) scale(.8); transform-origin: 50% 100%; transition: transform .2s ease .1s, opacity .2s ease .1s; z-index: 2 } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0) scale(1) } .plyr__preview-thumb:before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid hsla(0, 0%, 100%, .9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9)); bottom: -4px; bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2 } .plyr__preview-thumb__image-container { background: #c1c8d1; border-radius: 2px; border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); overflow: hidden; position: relative; z-index: 0 } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100% } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3 } .plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, .55); border-radius: 2px; border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px); color: #fff; font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); padding: 3px 6px } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity .3s ease; width: 100%; z-index: 1 } .plyr__preview-scrubbing--is-shown { opacity: 1 } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; width: 100% } .plyr--no-transition { transition: none !important } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); border: 0 !important; height: 1px !important; overflow: hidden; padding: 0 !important; position: absolute !important; width: 1px !important } .plyr [hidden] { display: none !important } .drawer-wrapper { position: fixed; top: 0; left: 0; z-index: 8; display: block; width: 100vw; height: 100vh; padding: 0; overflow: auto; overflow-x: hidden; overflow-y: auto; font-size: 0; text-align: right; white-space: nowrap; /* visibility: hidden;*/ background-color: rgba(0, 0, 0, .1); /* opacity: 0; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-property: visibility, opacity; transition-property: visibility, opacity*/ } .drawer-wrapper:before { display: inline-block; height: 100%; vertical-align: middle; content: "" } .drawer-wrapper.active { visibility: visible; opacity: 1 } .drawer-wrapper.active .drawer { visibility: visible; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } .drawer-wrapper .drawer { position: relative; z-index: 9; display: inline-block; width: 100%; max-width: 954px; height: 100%; font-size: 1rem; text-align: center; white-space: normal; vertical-align: middle; visibility: hidden; background-color: #fff; opacity: 1; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transform: translateX(100%); transform: translateX(100%) } @media (max-width: 768px) { .drawer-wrapper .drawer { max-width: 100% } } .drawer-wrapper .drawer__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; padding: 56px 8px 8px 56px; text-align: left } .drawer-wrapper .drawer__close { position: absolute; top: 6px; right: 6px } .drawer-wrapper .drawer__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 48px 48px 0; overflow: auto; scrollbar-color: #bdbdbd #e8e8e8; scrollbar-width: thin } .drawer-wrapper .drawer__content::-webkit-scrollbar { width: 4px } .drawer-wrapper .drawer__content::-webkit-scrollbar-thumb { background: #bdbdbd; border-radius: 2px } .drawer-wrapper .drawer__content::-webkit-scrollbar-track { background: #e8e8e8; border-radius: 2px } @media (max-width: 600px) { .drawer-wrapper .drawer__content { padding: 0 15px } } .drawer-wrapper .drawer__title { margin: 0 0 16px } @media (max-width: 900px) { .drawer-wrapper .drawer__inner { padding: 40px 8px 16px 16px } .drawer-wrapper .drawer__content { padding: 0 8px 0 0 } .drawer-wrapper .terms__list { grid-template-columns:repeat(1, 1fr); gap: 16px } .drawer-wrapper .terms__list-icon { max-width: 32px; margin: 0 12px 0 0 } } .b-order-form__confirm-wrap { margin-top: 20px; } /* Флажок в поле телефон */ .iti { position: relative; display: inline-block } .iti * { box-sizing: border-box; -moz-box-sizing: border-box } .iti__hide { display: none } .iti__v-hide { visibility: hidden } .iti input, .iti input[type=tel], .iti input[type=text] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0 } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555 } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555 } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, .2); background-color: #fff; border: 1px solid #ccc; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px } @media (max-width: 500px) { .iti__country-list { white-space: normal } } .iti__flag-box { display: inline-block; width: 20px } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc } .iti__country { padding: 5px 10px; outline: 0 } .iti__dial-code { color: #999 } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, .05) } .iti__country-name, .iti__dial-code, .iti__flag-box { vertical-align: middle } .iti__country-name, .iti__flag-box { margin-right: 6px } .iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] { padding-right: 6px; padding-left: 52px; margin-left: 0 } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 7px; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, .05) } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, .05) } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px } .iti--container:hover { cursor: pointer } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed } .iti-mobile .iti__country-list { max-height: 100%; width: 100% } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em } .iti__flag { width: 20px } .iti__flag.iti__be { width: 18px } .iti__flag.iti__ch { width: 15px } .iti__flag.iti__mc { width: 19px } .iti__flag.iti__ne { width: 18px } .iti__flag.iti__np { width: 13px } .iti__flag.iti__va { width: 15px } @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px } } .iti__flag.iti__ac { height: 10px; background-position: 0 0 } .iti__flag.iti__ad { height: 14px; background-position: -22px 0 } .iti__flag.iti__ae { height: 10px; background-position: -44px 0 } .iti__flag.iti__af { height: 14px; background-position: -66px 0 } .iti__flag.iti__ag { height: 14px; background-position: -88px 0 } .iti__flag.iti__ai { height: 10px; background-position: -110px 0 } .iti__flag.iti__al { height: 15px; background-position: -132px 0 } .iti__flag.iti__am { height: 10px; background-position: -154px 0 } .iti__flag.iti__ao { height: 14px; background-position: -176px 0 } .iti__flag.iti__aq { height: 14px; background-position: -198px 0 } .iti__flag.iti__ar { height: 13px; background-position: -220px 0 } .iti__flag.iti__as { height: 10px; background-position: -242px 0 } .iti__flag.iti__at { height: 14px; background-position: -264px 0 } .iti__flag.iti__au { height: 10px; background-position: -286px 0 } .iti__flag.iti__aw { height: 14px; background-position: -308px 0 } .iti__flag.iti__ax { height: 13px; background-position: -330px 0 } .iti__flag.iti__az { height: 10px; background-position: -352px 0 } .iti__flag.iti__ba { height: 10px; background-position: -374px 0 } .iti__flag.iti__bb { height: 14px; background-position: -396px 0 } .iti__flag.iti__bd { height: 12px; background-position: -418px 0 } .iti__flag.iti__be { height: 15px; background-position: -440px 0 } .iti__flag.iti__bf { height: 14px; background-position: -460px 0 } .iti__flag.iti__bg { height: 12px; background-position: -482px 0 } .iti__flag.iti__bh { height: 12px; background-position: -504px 0 } .iti__flag.iti__bi { height: 12px; background-position: -526px 0 } .iti__flag.iti__bj { height: 14px; background-position: -548px 0 } .iti__flag.iti__bl { height: 14px; background-position: -570px 0 } .iti__flag.iti__bm { height: 10px; background-position: -592px 0 } .iti__flag.iti__bn { height: 10px; background-position: -614px 0 } .iti__flag.iti__bo { height: 14px; background-position: -636px 0 } .iti__flag.iti__bq { height: 14px; background-position: -658px 0 } .iti__flag.iti__br { height: 14px; background-position: -680px 0 } .iti__flag.iti__bs { height: 10px; background-position: -702px 0 } .iti__flag.iti__bt { height: 14px; background-position: -724px 0 } .iti__flag.iti__bv { height: 15px; background-position: -746px 0 } .iti__flag.iti__bw { height: 14px; background-position: -768px 0 } .iti__flag.iti__by { height: 10px; background-position: -790px 0 } .iti__flag.iti__bz { height: 14px; background-position: -812px 0 } .iti__flag.iti__ca { height: 10px; background-position: -834px 0 } .iti__flag.iti__cc { height: 10px; background-position: -856px 0 } .iti__flag.iti__cd { height: 15px; background-position: -878px 0 } .iti__flag.iti__cf { height: 14px; background-position: -900px 0 } .iti__flag.iti__cg { height: 14px; background-position: -922px 0 } .iti__flag.iti__ch { height: 15px; background-position: -944px 0 } .iti__flag.iti__ci { height: 14px; background-position: -961px 0 } .iti__flag.iti__ck { height: 10px; background-position: -983px 0 } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0 } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0 } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0 } .iti__flag.iti__co { height: 14px; background-position: -1071px 0 } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0 } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0 } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0 } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0 } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0 } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0 } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0 } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0 } .iti__flag.iti__de { height: 12px; background-position: -1269px 0 } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0 } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0 } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0 } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0 } .iti__flag.iti__do { height: 14px; background-position: -1379px 0 } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0 } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0 } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0 } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0 } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0 } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0 } .iti__flag.iti__er { height: 10px; background-position: -1533px 0 } .iti__flag.iti__es { height: 14px; background-position: -1555px 0 } .iti__flag.iti__et { height: 10px; background-position: -1577px 0 } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0 } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0 } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0 } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0 } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0 } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0 } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0 } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0 } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0 } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0 } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0 } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0 } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0 } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0 } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0 } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0 } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0 } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0 } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0 } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0 } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0 } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0 } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0 } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0 } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0 } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0 } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0 } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0 } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0 } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0 } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0 } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0 } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0 } .iti__flag.iti__id { height: 14px; background-position: -2325px 0 } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0 } .iti__flag.iti__il { height: 15px; background-position: -2369px 0 } .iti__flag.iti__im { height: 10px; background-position: -2391px 0 } .iti__flag.iti__in { height: 14px; background-position: -2413px 0 } .iti__flag.iti__io { height: 10px; background-position: -2435px 0 } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0 } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0 } .iti__flag.iti__is { height: 15px; background-position: -2501px 0 } .iti__flag.iti__it { height: 14px; background-position: -2523px 0 } .iti__flag.iti__je { height: 12px; background-position: -2545px 0 } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0 } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0 } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0 } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0 } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0 } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0 } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0 } .iti__flag.iti__km { height: 12px; background-position: -2721px 0 } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0 } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0 } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0 } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0 } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0 } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0 } .iti__flag.iti__la { height: 14px; background-position: -2875px 0 } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0 } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0 } .iti__flag.iti__li { height: 12px; background-position: -2941px 0 } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0 } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0 } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0 } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0 } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0 } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0 } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0 } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0 } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0 } .iti__flag.iti__md { height: 10px; background-position: -3160px 0 } .iti__flag.iti__me { height: 10px; background-position: -3182px 0 } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0 } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0 } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0 } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0 } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0 } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0 } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0 } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0 } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0 } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0 } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0 } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0 } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0 } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0 } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0 } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0 } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0 } .iti__flag.iti__my { height: 10px; background-position: -3578px 0 } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0 } .iti__flag.iti__na { height: 14px; background-position: -3622px 0 } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0 } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0 } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0 } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0 } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0 } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0 } .iti__flag.iti__no { height: 15px; background-position: -3774px 0 } .iti__flag.iti__np { height: 15px; background-position: -3796px 0 } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0 } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0 } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0 } .iti__flag.iti__om { height: 10px; background-position: -3877px 0 } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0 } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0 } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0 } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0 } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0 } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0 } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0 } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0 } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0 } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0 } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0 } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0 } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0 } .iti__flag.iti__py { height: 11px; background-position: -4185px 0 } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0 } .iti__flag.iti__re { height: 14px; background-position: -4229px 0 } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0 } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0 } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0 } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0 } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0 } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0 } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0 } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0 } .iti__flag.iti__se { height: 13px; background-position: -4427px 0 } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0 } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0 } .iti__flag.iti__si { height: 10px; background-position: -4493px 0 } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0 } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0 } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0 } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0 } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0 } .iti__flag.iti__so { height: 14px; background-position: -4625px 0 } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0 } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0 } .iti__flag.iti__st { height: 10px; background-position: -4691px 0 } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0 } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0 } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0 } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0 } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0 } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0 } .iti__flag.iti__td { height: 14px; background-position: -4845px 0 } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0 } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0 } .iti__flag.iti__th { height: 14px; background-position: -4911px 0 } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0 } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0 } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0 } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0 } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0 } .iti__flag.iti__to { height: 10px; background-position: -5043px 0 } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0 } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0 } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0 } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0 } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0 } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0 } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0 } .iti__flag.iti__um { height: 11px; background-position: -5219px 0 } .iti__flag.iti__un { height: 14px; background-position: -5241px 0 } .iti__flag.iti__us { height: 11px; background-position: -5263px 0 } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0 } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0 } .iti__flag.iti__va { height: 15px; background-position: -5329px 0 } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0 } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0 } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0 } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0 } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0 } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0 } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0 } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0 } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0 } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0 } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0 } .iti__flag.iti__za { height: 14px; background-position: -5588px 0 } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0 } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0 } .iti__flag { height: 15px; box-shadow: 0 0 1px 0 #888; background-image: url(images/flags.png); background-repeat: no-repeat; background-color: #dbdbdb; background-position: 20px 0 } @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) { .iti__flag { background-image: url(images/flags@2x.png) } } .iti__flag.iti__np { background-color: transparent } body .iti__dial-code { display: none; } body .iti__country-name { display: none; } body .preloader { z-index: 9999; } .tom-block .footer__copyright { color: #545454 !important; font-size: 13px; } body .iti__arrow { display: none; } body .iti__selected-flag { pointer-events: none; } body .iti--allow-dropdown input, body .iti--allow-dropdown input[type="text"] { padding-left: 40px; } body .iti--separate-dial-code .iti__selected-flag { background: transparent; } .iti__selected-dial-code { display: none; } body .iti--allow-dropdown input, body .iti--allow-dropdown input[type="text"] { padding-left: 35px !important; } body .input:hover, body .textarea:hover { border-color: #828282; } /* Новый баннер */ .banner { /* background: url(images/banner-bg.jpg); background-repeat: no-repeat; background-position: 50%; background-size: cover*/ } .banner__wrapper { display: flex; min-height: 580px; } .banner__slider { margin-top: 0; } @media (max-width: 1024px) { .banner .container { padding: 0!important; } } @media (min-width: 1025px) { .with-aside .banner__wrapper { width: calc(100% - 375px); } } @media (max-width: 1024px) { .with-aside .banner__wrapper { margin-right: 0 } } @media (max-width: 1180px) and (min-width: 1025px) { .banner .container { padding: 0!important; } .with-aside .banner__wrapper { width: calc(100% - 390px); } .banner__wrapper { min-height: inherit; } .video-block { margin-top: 0!important; } } @media (min-width: 1181px) { .b-sidebar--top { margin-top: -612px!important; } } @media (max-width: 1181px) { .b-sidebar--top { margin-top: -475px; } } .banner__slider { --swiper-theme-color: #fff; --swiper-pagination-bullet-size: 40px; --swiper-pagination-bullet-height: 2px; --swiper-pagination-bullet-inactive-color: #fff; --swiper-pagination-bullet-inactive-opacity: 0.4; --swiper-navigation-size: 18px; height: 100% } .banner__slider .swiper-pagination { bottom: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px; } @media (max-width: 600px) { .banner__slider .swiper-pagination { bottom: 28px } } .banner__slider .swiper-pagination-bullet { border-radius: 0; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: opacity; transition-property: opacity; box-shadow: 0 2px 6px rgba(0,0,0,.8); } @media (max-width: 600px) { .banner__slider .swiper-pagination-bullet { width: 28px; height: 2px } } .banner__slider .swiper-button-next, .banner__slider .swiper-button-prev { top: calc(100% - 38px) } @media (max-width: 1024px) { .banner__slider .swiper-button-next, .banner__slider .swiper-button-prev { display: none } } .banner__slider .swiper-button-prev { right: 100px; left: auto } .banner__slider .swiper-button-next { right: 48px } .banner__image { display: block; max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } @media (min-width: 1025px) { .banner__image.banner__image--mobile { display: none } .banner__image.banner__image--tablet { display: none } } @media (max-width: 1024px) { .banner__image.banner__image--desktop { display: none; } .banner__image.banner__image--mobile { display: none; } .banner__image.banner__image--tablet { display: block; } } .banner__video-wrap { position: relative; margin-top: 46px } .banner__video-title { position: absolute; top: calc(50% + 35px); left: 50%; z-index: 1; font-size: 14px; font-weight: 500; line-height: 129%; color: #fff; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .banner__video-banner { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100% } .banner__video-banner.hidden { display: none; pointer-events: none; } .banner__video-banner img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } .banner__video-play { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .banner__video-play span { font-size: 14px; font-weight: 500; line-height: 129%; color: #fff } .banner__video-play button { position: relative; top: auto; left: auto; display: block; margin: 0 auto; -webkit-transform: translate(0); transform: translate(0) } .banner__video-play .plyr__control--overlaid { background: hsla(0, 0%, 100%, .2); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px) } .banner__video-play .plyr__control--overlaid:after, .banner__video-play .plyr__control--overlaid:before { position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; z-index: 0; pointer-events: none; content: ""; border: 2px solid #fff; border-radius: 50%; opacity: .4; opacity: 0; -webkit-animation: pulse 2s linear infinite; animation: pulse 2s linear infinite } .banner__video-play .plyr__control--overlaid:after { -webkit-animation-delay: 2.5s; animation-delay: 2.5s } .video-block { margin-top: 20px; cursor: pointer; } .video-block__wrapper { --plyr-color-main: #ac003e; --plyr-control-icon-size: 20px; overflow: hidden; border-radius: 4px } .video-block__wrapper .plyr--paused .plyr__controls { visibility: hidden; opacity: 0 } .video-block__wrapper .plyr__poster { background-size: cover } .video-block__wrapper .plyr__control--overlaid { background: hsla(0, 0%, 100%, .2); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px) } .video-block__wrapper .plyr__control--overlaid:hover { background: hsla(0, 0%, 100%, .4) } .video-block__wrapper .plyr__control--overlaid:focus { -webkit-box-shadow: 0 0 2px 2px hsla(0, 0%, 100%, .2); box-shadow: 0 0 2px 2px hsla(0, 0%, 100%, .2) } .video-block__wrapper .plyr__control--overlaid:after, .video-block__wrapper .plyr__control--overlaid:before { position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; z-index: 0; pointer-events: none; content: ""; border: 2px solid #fff; border-radius: 50%; opacity: .4; opacity: 0; -webkit-animation: pulse 2s linear infinite; animation: pulse 2s linear infinite } .video-block__wrapper .plyr__control--overlaid:after { -webkit-animation-delay: 2.5s; animation-delay: 2.5s } .video-block__inner .plyr__control--overlaid { display: block } .video__wrapper { font-family: Montserrat; } .video__top { margin: 0 0 44px } .video__title { margin: 0; line-height: 1; font-family: Montserrat; font-size: 1.5rem; font-weight: 700; color: #333; } .video__block { --plyr-color-main: #ac003e; --plyr-control-icon-size: 20px; position: relative; overflow: hidden; font-size: .875rem; line-height: 1.71; color: #4f4f4f; border-radius: 4px } .video__block .plyr--paused .plyr__controls { visibility: hidden; opacity: 0 } .video__block .plyr__poster { background-size: cover } .video__block .plyr__control--overlaid { background: hsla(0, 0%, 100%, .2); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px) } .video__block .plyr__control--overlaid:hover { background: hsla(0, 0%, 100%, .4) } .video__block .plyr__control--overlaid:focus { -webkit-box-shadow: 0 0 2px 2px hsla(0, 0%, 100%, .2); box-shadow: 0 0 2px 2px hsla(0, 0%, 100%, .2) } .video__block .plyr__control--overlaid:after, .video__block .plyr__control--overlaid:before { position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; z-index: 0; pointer-events: none; content: ""; border: 2px solid #fff; border-radius: 50%; opacity: .4; opacity: 0; -webkit-animation: pulse 2s linear infinite; animation: pulse 2s linear infinite } .video__block .plyr__control--overlaid:after { -webkit-animation-delay: 2.5s; animation-delay: 2.5s } .video__block + .video__block { margin: 44px 0 0 } .video__block q { display: inline-block; padding: 0 0 0 20px; font-size: .875rem; font-weight: 500; line-height: 1.71; color: #4f4f4f; border-left: 2px solid #b59858 } @-webkit-keyframes pulse { 0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5) } 50% { opacity: .4 } to { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2) } } @keyframes pulse { 0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5) } 50% { opacity: .4 } to { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2) } } /* Блок с текстом (Условия, Общая информация) и т.д. */ .container_acc:first-child { border-top: none; } .container_acc .title_acc h2 { margin: 0 0 10px 0!important; font-size: 16px!important; } .container_acc .title_acc { margin: 10px 0; } .container_acc .title_acc:after { width: 16px; height: 16px; content: ""; position: absolute; left: -16px; top: 50%; transform: translateY(-50%) rotate(180deg); display: inline-block; padding-left: 10px; padding: 0; font-weight: 400; margin: auto 0 auto 15px; font-size: 14px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #814724; background-image: url(/upload/images/accodion-arrow.svg); background-repeat: no-repeat; background-size: contain; } .b-tabs__content ol, .b-tabs__content ul { font-size: 14px; line-height: 24px; } /* Доп стили */ .phone-row { max-width: 235px; border: 1px solid #bdbdbd; border-radius: 4px; overflow: hidden; } .phone-row .b-order-form__input.b-order-form__phone { padding: 10px 15px 10px 50px!important; border: none!important; border-radius: unset!important; } .b-tabs__content-wrap { padding-right: 30px; } .info__accordion-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 0; color: #333; background: none; border: none; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: color; transition-property: color } @media (min-width: 1025px) { .info__accordion-button { display: none } } .info__accordion-button:hover { color: #814724 } .info__accordion-title { font-size: 16px; font-weight: 500; line-height: 2; color: currentColor } .info__accordion-icon { margin: 0 0 0 12px } .info__accordion-svg { display: block; width: 24px; min-width: 24px; height: 24px; min-height: 24px; stroke: #814724; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .info__accordion.active .info__accordion-svg { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } /* мобильный блок с формой */ .mobile-form { margin-bottom: 40px; } .mobile-form .container { padding: 32px 16px 80px !important; box-shadow: 0 4px 20px rgba(0,0,0,.1); background: #fff; border-radius: 4px; } body .order-form__radio-text span { width: 100%; max-width: 165px; } .partners-block__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4px; background: #fff; border-radius: 4px; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: -webkit-box-shadow; transition-property: -webkit-box-shadow; transition-property: box-shadow; transition-property: box-shadow, -webkit-box-shadow; } .partners-block__item:hover { box-shadow: 0 4px 20px rgba(0,0,0,.1); cursor: pointer; } .mobile-form { display: none; } .t_validate.email_validate_field input { font-size: 14px; min-height: 39.6px; } .b-order-form__field .appartment_red .checkbox__custom { margin-right: 6px; } .b-order-form__field .appartment_red .b-order-form__label.apartment_not { margin-left: 0; } /* DRIWER */ .drawer-wrapper { position: fixed; top: 0; left: 0; z-index: 8; display: block; width: 100vw; height: 100vh; padding: 0; overflow: auto; overflow-x: hidden; overflow-y: auto; font-size: 0; text-align: right; white-space: nowrap; visibility: hidden; background-color: rgba(0, 0, 0, .1); opacity: 1; /* -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-property: visibility, opacity; transition-property: visibility, opacity*/ } .drawer-wrapper:before { display: inline-block; height: 100%; vertical-align: middle; content: "" } .drawer-wrapper.active { visibility: visible; opacity: 1 } .drawer-wrapper.active .drawer { visibility: visible; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } .drawer-wrapper .drawer { position: relative; z-index: 9; display: inline-block; width: 100%; max-width: 954px; height: 100%; font-size: 1rem; text-align: center; white-space: normal; vertical-align: middle; visibility: hidden; background-color: #fff; opacity: 1; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: translateX(100%); transform: translateX(100%) } @media (max-width: 768px) { .drawer-wrapper .drawer { max-width: 100% } } .drawer-wrapper .drawer__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; padding: 56px 8px 8px 56px; text-align: left } .drawer-wrapper .drawer__close { position: absolute; top: 6px; right: 6px } .drawer-wrapper .drawer__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 48px 48px 0; overflow: auto; scrollbar-color: #bdbdbd #e8e8e8; scrollbar-width: thin } .drawer-wrapper .drawer__content::-webkit-scrollbar { width: 4px } .drawer-wrapper .drawer__content::-webkit-scrollbar-thumb { background: #bdbdbd; border-radius: 2px } .drawer-wrapper .drawer__content::-webkit-scrollbar-track { background: #e8e8e8; border-radius: 2px } @media (max-width: 600px) { .drawer-wrapper .drawer__content { padding: 0 15px } } .drawer-wrapper .drawer__title { margin: 0 0 16px } @media (max-width: 900px) { .drawer-wrapper .drawer__inner { padding: 40px 8px 16px 16px!important; } .drawer-wrapper .drawer__content { padding: 0 8px 0 0!important; } .drawer-wrapper .terms__list { grid-template-columns:repeat(1, 1fr); gap: 16px; } .drawer-wrapper .terms__list-icon { max-width: 32px; margin: 0 12px 0 0; } } /* вСПЛЫВАШКА ПАРТНЕРОВ */ .partner__wrapper { font-family: Montserrat!important; } .partner__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 24px } .partner__title { margin: 0; line-height: 1 } .partner__image { display: block } .partner__block { font-size: .875rem; line-height: 1.71; color: #4f4f4f } .partner__block + .partner__block { margin: 32px 0 0 } .partner__block p + p { margin: 16px 0 0 } .partner__block q { display: inline-block; padding: 0 0 0 20px; color: #333; border-left: 2px solid #b59858 } .partner__block q a { font-size: .875rem; font-weight: 500; line-height: 1.71; color: #b59858 } .partner__block q span { font-size: .875rem; font-weight: 500; line-height: 1.14 } .partner__block q a, .partner__block q span { display: block } .partner__block q a + a, .partner__block q a + span, .partner__block q span + a, .partner__block q span + span { margin: 10px 0 0 } .partner__block h6 { margin: 16px 0; font-weight: 700; line-height: 1.5; color: #4f4f4f } .partner__block li { display: -webkit-box; display: -ms-flexbox; display: flex } .partner__block li:before { display: inline-block; width: 6px; min-width: 6px; height: 6px; min-height: 6px; margin: 10px 12px 0 0; content: ""; background: #b59858; border-radius: 50% } .partner__block li + li { margin: 10px 0 0 } /* Заказ оформлен */ .order__header { padding: 12px 0; border-bottom: 1px solid #e0e0e0 } .order__header-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .order__header-back { margin: 0 0 0 14px; font-size: 12px; line-height: 1.29; color: #814724; text-indent: -14px } .order__header-logo { display: block; margin: 0 18px } .order__header-logo img { display: block; width: auto; height: 68px } @media (max-width: 1024px) { .order__header-logo img { height: 40px } } .order__header-contacts { white-space: nowrap } .order__header-contacts a { font-size: 1.125rem; font-weight: 600; line-height: 1.33; color: #333 } .order__header-contacts p { font-size: .75rem; line-height: 2; color: #4f4f4f } .order__wrapper { display: grid; grid-template-columns:1fr 375px; gap: 50px; padding: 60px 0 } .order__wrapper--gap-sm { gap: 26px } .order__wrapper--pt-sm { padding-top: 32px } /* .order__header-contacts { max-width: 118px; } */ .order__header .container { padding: 0 15px; } /* Новый блок "Заказ оформлен" */ .order__topic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media (max-width: 600px) { .order__topic { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .order__topic-img { -webkit-box-flex: 0; -ms-flex: 0 0 179px; flex: 0 0 179px; height: 179px; margin-right: 31px } @media (max-width: 600px) { .order__topic-img { -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; height: 170px; margin-right: 0; margin-bottom: 20px } } .order__topic-img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } .order__topic-button { margin-top: 24px } .order__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 24px; line-height: 1; font-size: 24px; font-family: Montserrat; } @media (max-width: 1024px) { .order__title { margin: 0 0 16px } } .order__title img { display: inline-block; margin: 0 16px 0 0; vertical-align: middle } .order__block { padding: 36px 48px; background: #fff; border: 1px solid #e0e0e0; border-radius: 4px } @media (max-width: 1024px) { .order__block { padding: 24px 16px; margin-right: -15px; margin-left: -15px } } .order__block-title { margin: 0 0 24px; font-size: 1.25rem; font-weight: 600; line-height: 1.6; color: #333 } .order__block + .order__block { margin-top: 16px } .order__recipient-name { margin: 0 0 18px; font-size: 1.125rem; font-weight: 500; line-height: 1.33; color: #333 } .order__recipient-contacts { display: grid; grid-template-columns:repeat(2, 1fr); gap: 24px } @media (max-width: 600px) { .order__recipient-contacts { grid-template-columns:1fr } } .order__recipient-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .order__recipient-item--big { grid-column: span 2 } @media (max-width: 600px) { .order__recipient-item--big { grid-column: auto } } .order__recipient-icon { min-width: 20px; margin: 0 12px 0 0 } .order__recipient-svg { display: block; width: 20px; min-width: 20px; height: 20px; min-height: 20px; stroke: #b59858 } .order__recipient-text { font-size: .875rem; line-height: 1.43; color: #333 } .order__recipient-text b { font-weight: 500 } .order__info-list { font-size: 1rem; line-height: 1.5rem; color: #000 } .order__info-list p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .order__info-list p + p { margin: 12px 0 0 } .order__info-list span { position: relative; z-index: 1; background-color: #fff } .order__info-list span:first-child { position: relative; display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 10px; overflow: hidden; vertical-align: bottom } .order__info-list span:first-child:after { position: absolute; right: -10px; bottom: .36em; width: calc(100% - 16px); content: ""; border-bottom: 1px dashed #e0e0e0 } .order__info-list span:nth-child(2) { padding-left: 10px } body .social { padding: 60px 0; background: #f2f3f4 url(images/social-bg-3.jpg) 50% no-repeat; background-size: contain; } .t-error.hidden { display: none!important; } .t-error { display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: center; max-width: 954px; margin: 0 auto; height: 650px; } .t-error .t-error__img { flex: 0 0 179px; height: 179px; margin-right: 31px; } .t-error .t-error__img img { width: 100%; } .b-order-success-wrap.badid{ display: flex!important; } @media (max-width: 770px) { .t-error { flex-flow: column nowrap; align-items: center; align-content: center; justify-content: flex-start; margin-top: 50px; } .t-error .t-error__img { margin-bottom: 30px; margin-right: 0!important; } .t-error__text .order__title.h4 { font-size: 17px!important; } .t-error__text .order__description { font-size: 14px; } } @media (max-width: 900px) { .h4, h4 { font-size: 1.25rem; } } @media (max-width: 1024px) { .order__info-list span:nth-child(2) { min-width: 107px } } @media (max-width: 1024px) { .b-layout__content.reborn .b-tabs__contents .b-tabs__content h2 { display: block; } } .order__info-hr { margin: 24px 0; border: none; border-top: 1px solid #e0e0e0 } .order__info-total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .order__info-total .total-sum { text-align: right; } .hidden-polit-block { display: none!important; } .order__info-total span:first-child { font-size: 1rem; line-height: 1.5; color: #828282 } .order__info-total span:nth-child(2) { min-width: 171px; font-size: 1.25rem; font-weight: 600; line-height: 1.2; color: #000 } @media (max-width: 1024px) { .order__info-total span:nth-child(2) { min-width: 80px } } @media (max-width: 1024px) { .order__aside { margin: 0 -15px } } @media (max-width: 1024px) { .order__aside--mobile-hidden { display: none } } .order--full-height { height: 100% } .order__message { height: calc(100% - 93px) } .order__message-container { height: 100% } .order__message-topic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 954px; height: 100%; padding: 60px 0; margin: 0 auto } body .iti--allow-dropdown input, body .iti--allow-dropdown input[type="text"] { padding-left: 20px!important; } .b-tabs__content ol, .b-tabs__content ul li { position: relative; } .b-tabs__content ol, .b-tabs__content ul li:before { content: ""; position: absolute; width: 6px; height: 6px; background-color: #b59858; border-radius: 100%; margin-right: 8px; top: 6px; } @media (max-width: 768px) { .order__message-topic { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media (max-width: 768px) { .order__message .order__topic-img { margin-right: 0; margin-bottom: 30px } } .order__headline--top-offset { margin-top: 64px } @media (max-width: 600px) { .order__headline--top-offset { margin-top: 16px } } @media (max-width: 600px) { .order__page-title { font-size: 2.46rem; text-align: center } } @media (max-width: 359px) { .order__page-title { font-size: 2.1rem } } .social { padding: 60px 0; background: #f2f3f4 url(images/social-bg-3.jpg) 50% no-repeat!important; background-size: contain } @media (max-width: 1024px) { .social { padding: 40px 0; background-image: none } } .social__title { margin: 0 0 40px; font-size: 1.5rem; font-weight: 600; line-height: 1; color: #333 } @media (max-width: 1024px) { .social__title { margin: 0 0 24px } } .social__list { display: grid; grid-template-columns:repeat(4, 1fr); gap: 20px } @media (max-width: 1024px) { .social__list { grid-template-columns:1fr } } .social__item { --social-item-background: radial-gradient(104.96% 308.44% at 83.64% 0%, #ebd493 0%, #9e8650 62.99%, #9e8650 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; overflow: hidden; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .1); box-shadow: 0 4px 20px rgba(0, 0, 0, .1) } .social__item-top { height: 48px; background: var(--social-item-background) } .social__item-icon { display: block; margin: -26px auto 16px } .social__item-content { padding: 0 16px; margin: 0 0 20px } .social__item-text { margin: 0 0 20px; font-size: .875rem; font-weight: 600; line-height: 1.43; color: #333; text-align: center } .social__item-bottom { height: 8px; margin: auto 0 0; background: var(--social-item-background) } .social__item--facebook { --social-item-background: radial-gradient(104.96% 308.44% at 83.64% 0%, #3d89e3 0%, #0c68d4 62.99%) } .social__item--vk { --social-item-background: radial-gradient(109.74% 322.48% at 78.86% -37.5%, #5ca7fd 0%, #2787f5 62.99%) } .social__item--ok { --social-item-background: radial-gradient(109.74% 322.48% at 78.86% -37.5%, #f9ae59 0%, #ee8207 62.99%) } .social__item--instagram { --social-item-background: radial-gradient(109.74% 322.48% at 78.86% -37.5%, #f13a59 0%, #6044e1 62.99%) } .social .social__title { text-align: center; } .social .social__list { display: flex; justify-content: center; } .social .social__list .social__item { max-width: 272px; } @media (max-width: 600px) { .social .social__list { flex-wrap: wrap; } .social .social__list .social__item { max-width: 100%; width: 100%; } } .social__title b { font-weight: 600; } .b-order-success-wrap { display: grid; grid-template-columns: 1fr 375px; gap: 50px; padding: 60px 0; } .aside__block .banner-block img { display: block; width: 100%; height: auto; border-radius: 4px } .order__description { margin: 0 0 40px; font-size: 1rem; line-height: 1.5; color: #333 } @media (max-width: 1024px) { .order__description { margin: 0 0 24px } } .order__description p + p { margin: 1em 0 0 } .order__description a { color: #814724; text-decoration: underline } .order__description a:hover { text-decoration: none } .banner.orderComp { display: none!important; } .content-block.orderComp { display: none!important; } .mobile-form.orderComp { display: none!important; } .header.top-header.orderComp { display: none!important; } .footer.footer-desctop.orderComp { display: none!important; } .five-post-map-preloader { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white; opacity: 0.5; z-index: 11111111111111111111111111111111111111111111111111111111111111111111111111111111111; } .five-post-map-preloader.hidden { display: none; } body .order__info-list span:first-child:after { content: none; } body .order__info-list p { border-bottom: 1px dashed #e0e0e0; margin: 0 0 0.5em; } body .order__info-list span:first-child { position: relative; display: block; flex: unset; overflow: visible; color: unset; vertical-align: auto; padding: 0 5px 0 0; } body .order__info-list span { position: relative; top: 0.5em; line-height: 150%; background: #fff; } body .order__info-list span:nth-child(2) { -ms-flex-negative: 0; flex-shrink: 0; padding: 0px 0 0px 5px; } .footer.footer-mobile { display: none; } .menu .menu__wrapper .menu__social.v2 { justify-content: center; } .menu .menu__wrapper .menu__social.v2 .menu__social-item { margin-right: 20px; } #pixel-container { display: none!important; } .phone-line.b-order-form__field .flex-wrapper-phone { display: flex; flex-wrap: nowrap; width: 100%; } .phone-row.red_fl { border: 1px solid #db264c!important; } .b-order-form__field.red_input { margin-bottom: 10px; } .b-order-form__input.b-order-form__phone.j_phoneMask { color: #BDBDBD; } .suggestions-constraints { display: none !important; } .banner { position: relative; background: none!important; } .b-order-form__main-fields.standart .phone-line .phone-row .error_new_v2 { display: none!important; } .banner-bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .b-tabs__content--conditions:first-child h2:first-child { display: block!important; } .b-tabs__content.info__content.b-tabs__content--conditions .container_acc:first-child .title_acc.act { display: none!important; } .info__accordion.usloviya .container_acc:first-child .title_acc.act:after { display: none!important; } .custom-mobile-h2 { display: none; text-align: center!important; font-size: 28px!important; margin-top: 10px!important; } .form-button-wrap.active { position: fixed; left: 0; bottom: 0; z-index: 100000; right: 0; padding: 8px 16px; background: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); } .form-button-wrap { margin-top: 20px; } .cstm-modal.open { background: rgba(0,0,0,.7)!important; } .header.top-header.order-header-mobile { display: none; } @media (max-width: 1024px) { .b-order-form .b-order-form__main-fields .b-order-form__input, .b-order-form__additional-fields .b-order-form__input { max-width: inherit!important; } .b-layout__content.reborn .b-tabs__content.info__content { border-bottom: 1px solid #e1e1e1; } .b-layout__content.reborn .b-tabs__content.info__content:first-child { padding-bottom: 15px; } .b-tabs__content { display: block; } .skeleton-wrap .b-layout__content.reborn { flex-flow: column-reverse; width: 80%; display: flex; } .skeleton-wrap .b-tabs.b-tabs--js_init, .skeleton-wrap .b-sidebar.b-sidebar--top { width: 80%; margin-right: auto; margin-left: auto; } .skeleton-wrap .video-block { display: flex; justify-content: center; } } .info__accordion.usloviya .b-tabs__content.info__content .text_acc { padding-bottom: 15px; } .scroll-to-top { position: fixed; bottom: 80px; right: 15px; width: 40px; height: 40px; background: white; display: none; justify-content: center; align-items: center; align-content: center; border-radius: 50px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); z-index: 100000; } .scroll-to-top.active { display: flex; } .scroll-to-top svg { width: 20px; transform: rotate(180deg); } .more-line.hidden { display: none; } .more-text-button { cursor: pointer; display: block; color: #814724!important; font-size: 13px; line-height: 20px; font-family: Montserrat; margin: 10px 0; } .more-text-button:after { width: 16px; height: 16px; content: ""; position: absolute; transform: rotate(180deg); display: inline-block; padding: 0; font-weight: 400; margin: 4px auto 0 2px; font-size: 14px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #814724; background-image: url(/upload/images/accodion-arrow.svg); background-repeat: no-repeat; background-size: contain; } .more-text-button.act:after { transform: rotate(0deg); } .appartment_red.b-order-form__field.error_has .error_new_v5 { position: inherit!important; text-align: right!important; margin: 0 0 0 auto!important; max-width: 234px!important; width: 100%!important; transform: translateY(0%) !important; } .b-order-form__confirm-wrap.b-order-form__delivery, .b-order-form__confirm-wrap.payment { display: flex; flex-flow: column-reverse nowrap; } .payment__buttons.error + .b-order-form__label { color: #aa0010; } .swiper-slide.swiper-slide-next, .swiper-slide.swiper-slide-prev { /* height: 1px!important;*/ } .banner__video-wrap { margin-top: 0!important; } .spec-style .checkbox__custom { margin: 0 10px 0 0; } .confirm-rule-block.spec-style { margin-top: 20px; } .spec-style span { font-size: 12px!important; line-height: 1.3; } .spec-button-style { margin-top: 10px!important; } .approval .b-order-form__confirm-input.checkbox__input { display: block!important; opacity: 0!important; left: 10px!important; top: 10px!important; } .error_new_v2.phone-error.hidden { display: none; } div[data-video="noyoutube"] { /*aspect-ratio: 16/9;*/ } div[data-video="noyoutube"] video { width: 100%; /*aspect-ratio: 16/9;*/ } div[data-video="noyoutube"] iframe { width: 100%; /*aspect-ratio: 16/9;*/ } .banner .container.plyr__video-embed { aspect-ratio: inherit; } .additional-fields-popup .b-order-form__additional-fields { /*display: block;*/ } .additional-fields-popup.b-popup { display: block; } .b-order-success-wrap .pay-str { text-align: right!important; min-width: inherit!important; } @media (max-width: 750px) { .skeleton-wrap .container.skeleton .banner__slider.skl { width: auto; height: auto!important; } .banner__slider.skl { height: auto!important; } .banner__slider.skl.skeleton .mobile-img { max-height: inherit!important; } } #pixel-container { display: none!important; } @media (max-width: 1100px) { .b-order-success-wrap { gap: 40px } } /* Медиа */ @media (max-width: 1024px) { @-moz-document url-prefix() { .b-order-form .b-order-form__main-fields .b-order-form__input, .b-order-form__additional-fields .b-order-form__input { max-width: none; } } .banner-bg-image { object-fit: fill; } /*.banner .banner-bg-image*/ /*{*/ /* display: none;*/ /*}*/ body .b-order-form__field .error_new_v2 { max-width: none; } .popup-info-wrapper .order__description { font-size: 14px!important; } .popup-info-wrapper .order__title.h4 { font-size: 21px!important; } .b-popup__invoice .order__block-title { font-size: 17px!important; } .b-popup__invoice .order__info-list span { font-size: 14px!important; } .order__info .order__info-total span:first-child { font-size: 14px!important; } .order__info .order__info-total span:last-child { font-size: 16px!important; } .b-order-success-wrap { grid-template-columns:1fr; gap: 20px; padding: 40px 0 } .container.success { max-width: 1200px!important; padding: 0 25px!important; } .b-layout__content.reborn .b-tabs__tabs { display: none; } .b-tabs.b-tabs--js_init { margin-top: 0; } .content-block .main-wrapp-block { margin-top: 0; } .b-layout__content.reborn { flex-flow: column nowrap; } .b-layout__content.reborn .b-sidebar.b-sidebar--top { width: 100%; max-width: inherit; margin-top: 40px!important; } .b-sidebar__wrap .b-sidebar-logo { display: none; } .video-block { max-width: 550px; width: 100%; margin: 20px auto 20px auto; } .mobile-form { display: block; } .mobile-form .b-order-form { max-width: 550px; margin: 0 auto; } .mobile-form .phone-row { width: 100%; } .mobile-form .phone-row > div { width: 100%; } .mobile-form .phone-row > div > input { width: 100%; } .mobile-form .b-order-form__title { font-size: 21px!important; } .mobile-form .b-order-form__subtitle { font-size: 12px!important; } .b-order-form .b-order-form__main-fields .b-order-form__input, .b-order-form__additional-fields .b-order-form__input { padding: 7px 0 7px 12px!important; } .b-order-form__field .max_six_letter.only_numbers.b-order-form__input { max-height: 36px; } .b-order-form__form .button-order-send { padding: 16px 21px; } .b-order-form__form .button-order-send span { font-size: 12px; } .payment__buttons .paysystem_title.one, .payment__buttons .paysystem_title.one.npay { font-size: 12px; } .sber.sber_autopay.reborn .order-form__radio-text span { max-width: 240px; flex-flow: row wrap; font-size: 12px; flex-flow: row wrap; } .sber.sber_autopay.reborn .order-form__radio-text { flex-flow: row wrap; align-items: flex-end; align-content: flex-end; } .sber.sber_autopay.reborn .order-form__radio-text img { display: inline-block; margin: 0!important; } .sber.sber_autopay.reborn .order-form__radio-row { align-items: center; } .sber.sber_autopay.reborn .order-form__radio-row a { font-size: 12px; } .info__accordion-button.accordion-button { min-height: 70px; padding: 8px 0; width: 100%; /* border-bottom: 1px solid #e1e1e1;*/ } .info__accordion-button.accordion-button .info__accordion-title { font-size: 14px; padding-left: 15px; } .info__accordion-button.accordion-button .info__accordion-icon { margin: 0 15px 0 0; } .main-wrapp-block .b-tabs__content-wrap { padding-right: 0; } .b-layout__content.reborn { padding: 0!important; } .b-layout__content.reborn .b-tabs__content { padding: 0 15px; } .info__accordion-hidden { display: block; max-height: 0; overflow: hidden; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: max-height; transition-property: max-height; } .b-sidebar.b-sidebar--top .video-block { margin-top: 40px; } .b-guaranties.reborn .b-guaranties__wrap { max-width: 550px; width: 100%; margin: 0 auto; justify-contet: center; } .b-guaranties.reborn .b-guaranties__title { font-size: 21px; } .b-guaranties.reborn .guaranties-text-item-wrap { justify-content: flex-end; } .b-guaranties.reborn .guaranties-text-item-wrap h6 { font-size: 14px!important; } .b-guaranties.reborn .guaranties-text-item-wrap .b-guaranties__text { font-size: 12px!important; } .partners-block__wrapper { max-width: 550px; width: 100%; margin: 0 auto; } .partners-block__wrapper .partners-block__title { font-size: 21px!important; } .partners-block__wrapper .partners-block__item { display: flex; justify-content: center; } .b-sidebar .partners-block .partners-block__list img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .content-block { margin-bottom: 40px; } .order__aside .banner-block { max-width: 375px; margin: 0 auto 15px auto; display: block; } .order__aside .b-guaranties.reborn { max-width: 375px!important; margin: 0 auto; } .footer__payment { margin: 0; } .footer__social { justify-content: center; } .phone-row { max-width: none; } .phone-row input.b-order-form__input.b-order-form__phone.j_phoneMask { padding-left: 40px!important; } body .info__content:first-child { margin: 0; } .b-tabs__content.info__content.b-tabs__content--conditions .container_acc:not(:first-child) { margin-top: 10px; } .container_acc.uslov .title_acc { display: none!important; } } @media (max-width: 600px) { .order__header.order-header-desc-tab { display: none; } .header.top-header.order-header-mobile { display: block!important; } .header.top-header.order-header-mobile.orderComp { border: 1px solid #E0E0E0!important; } .custom-mobile-h2 { display: block; } .banner__image.banner__image--desktop { display: none; } .banner__image.banner__image--tablet { display: none; } .banner__image.banner__image--mobile { display: block; height: 100%; object-fit: cover; } .banner__image { width: 100%!important; } .order__wrapper--pt-sm { padding-top: 16px } .info__accordion .info__accordion-title { font-size: 16px!important; } .info__accordion-button.accordion-button { min-height: 48px; } .b-sidebar.b-sidebar--top .video-block { margin-top: 0!important; } .b-guaranties.reborn .b-guaranties__title { font-size: 19px; } .b-guaranties.reborn .guaranties-text-item-wrap h6 { font-size: 16px!important; } .b-guaranties.reborn .guaranties-text-item-wrap .b-guaranties__text { font-size: 14px!important; } .b-guaranties.reborn .b-guaranties__item { margin-bottom: 20px!important; } .b-guaranties.reborn .b-guaranties-item-wrap .b-guaranties__item { margin: 15px !important; } .footer__logo { display: none!important; } .footer.footer-desctop { display: none!important; } .footer.footer-mobile { display: block!important; } .footer.footer-mobile .footer__logo { display: block!important; } } @media (max-width: 380px) { .container.success { padding: 0 5px!important; } .order__header-contacts a { font-size: 0.8rem; } } @media (max-width: 352px) { .b-order-form__main-fields .b-order-form__field, .b-order-form__additional-fields .b-order-form__field { justify-content: flex-start!important; } .phone-line.b-order-form__field, .t_validate.email_validate_field.b-order-form__field { flex-wrap: wrap!important; } .phone-line.b-order-form__field input, .t_validate.email_validate_field.b-order-form__field input { width: 100%; } .b-order-form__field.null--span__parent .null--span { display: none; } .b-order-form .b-order-form__main-fields .b-order-form__label, .b-order-form__additional-fields .b-order-form__label { width: 100%; } .phone-line.b-order-form__field .flex-wrapper-phone { flex-wrap: wrap; } } .order-form__row.hidden + .order-form__row .circle-wrapp{ display:none; } .order-form__row.hidden + .order-form__row .order-form__radio-row { margin-left: 0px; } .btn-bottom-tab { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 220px; padding: 1.358em 1.75em; margin: 0; font-family: Montserrat; font-size: .875rem; font-weight: 700; line-height: 1.2; color: #fff; text-align: center; text-transform: uppercase; background-color: #ac003e; border: 1px solid #ac003e; border-radius: 4px; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: color,background-color,border,-webkit-box-shadow; transition-property: color,background-color,border,-webkit-box-shadow; transition-property: color,background-color,border,box-shadow; transition-property: color,background-color,border,box-shadow,-webkit-box-shadow; margin-top: 20px !important; display: block !important; float:left; } @media (max-width: 1023px) { .btn-bottom-tab{ display: none !important; } } .cookie-popup { position: fixed; bottom: 20px; left: 20px; right: 20px; background: #fff; border: 1px solid #ddd; padding: 20px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); z-index: 999999; font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; font-size: 14px; } .cookie-popup-actions { margin-top: 15px; text-align: right; } .cookie-popup-actions button { padding: 8px 16px; background: #0056b3; color: white; border: none; border-radius: 4px; cursor: pointer; }