html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } *, :focus { outline: none; } body { -webkit-fontype-smalloothing: antialiased; } body, html { height: 100%; width: 100%; } a, input[type=radio], input[type=checkbox], select { cursor: pointer; } select[disabled] { cursor: default; } input:-webkit-autofill { background-color: transparent; } *+ html input[type=checkbox], *+ html input[type=radio] { width: 13px; height: 13px; } textarea { resize: none; vertical-align: top; } em, i { font-style: italic; } img { vertical-align: top; } input { vertical-align: middle; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none outside none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } :focus { -moz-outline: 3px solid #fff !important; } input[type="radio"]:focus { -moz-outline-radius: 12px !important; -moz-outline-offset: 0 !important; } input[type="checkbox"]:focus { -moz-outline-offset: -1px !important; -moz-outline: 1px solid #000 !important; } button:after { content: ""; } del { text-decoration: line-through; } table { width: 100%; } form { margin: 0; padding: 0; } input::-ms-clear { display: none; } :-moz-placeholder { opacity: 1; } ::-webkit-input-placeholder { opacity: 1; color: inherit; } ::-moz-placeholder { opacity: 1; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0 none; margin: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: outside none none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: none; } table { border-collapse: collapse; border-spacing: 0; } @font-face { font-display: swap; font-family: 'als_rublregular'; src: url(data:application/font-woff2; charset=utf-8; base64,d09GMgABAAAAAAXEABAAAAAAC9wAAAVoAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCaggGCYRlEQgKglSCaAsmAAE2AiQDSAQgBYYOB4FNDC4bqQpRlC9OEOLHQW42ukhBJDhxiulX0DgNkq/g+f86v9/nFgO2k8Zt8KlSDQEjrnml8e02h98KIe1+u8swsEgCsfmZjf1dekwXmc2Az0ErarOopRfryXbVAy+1VftV+Y/WWt37+/nHQiPZYBIzjUg69YSYJ5UQPyQioYpJI5mmQCRb6YSOLdG5aHVzfdiJ610BAnDnu66vAXyojkwCePDJgLEIEAUqAoUgpAgmoABDXZEDWJjWKasxSA340cYNphVQWAAKExD4jgf8QYPpIFb3X5v/gXWKBkAA5Ne+BWgCGIABVCUATGEgqs8z6QHiuChsYjqsy/R4/XbdfwsFIKbZ1Rd+e2484zwFzwY/rICQRmwQciMKUPx7BL5cl5PaCAQkdaNnQNG16RBwfTrsUq116is/cPQGSSpLjyBCP4iWRlDSPaSt7GwEQ9bTCR0G1KKDi2BK9DyW7a7+M/fOuJbrf/MdLmcLyxaNtk3H8BnTI1gSMzURwZajWuHhgIIOx0wZ4CI4WrpOsKG9K4kJVFmOK0NCB3UOfGfuHcHI72SCWdCFYED9sp+nfdcKY60zXkEP8TWNcIP58SZexSiqIkIvIzpaVKgcTumUErVz2/wGKS0tZOFctVhxlhzyHsQ77LFeu6LG+V00rK4zIjWgLRMbpseLzVv7kW6toQ/fe0hvPToJjGpu3rMlIUwf9ddm0u5hYyFOPcyCTo5JQb6n53l+5Zh9aMl3gkorKUy/zJQeg+bvCtO0ucFwVF5OyD+17TPXvmuJvQNaCmrMlXHT8nJCQ9ihqSnsfRkfLAaA8/eG6n6eQcoLBLjJEJFyR+ignu84oKB5sek4pHDfG7SIjOWscgUVBIYChvXZ/jpKEKRQIAFAGkAdYAFNQS8AYAInUPA1KsQ0qyUksjqxclIsFB0uEQlLxIrtvjP0zh023B5w+3Y4TII4YRkd2X2v/bv3ZOPdfm/cPXSQLlhD9et5Pup84sqJ0uffnNu+dfv57S+3bcw36lI2sNnIM+vHdTr3Rs+en/c49c6OU+dOffvut+98eXrpvkZffVtnWvteTeblvl2WGfXWLADIC2XvgmPKd37eth5L4YZiLD7DZ9VfcGz1L9GylwtZKBplq9w4kCtBRT+oIBKDVCMWKap3rkhQjC6WvZtXtu8HmSv5CtV8/0ImGy662CFTOVR0IZu5hmVxA9OnPJmvI1cl7voFl0gR+aJqqXQQb+nlEECg2T1+ZnyizW9uDZdfekI2K22dAtz2AAIqr3CfBIcQCNwl3W/pIqoS1JWzDXTl6QanAT/0vQhSHegPOXOL3Z0XZrmUpBVTrKwQFBUhMGu3jacYiBkCxkFEIWkcKuLMQ4N61qCJdhYtMj5AmziP0aGdr9HFlgYYZkRKMSmZbZgSl2Nq2gTn8TMq5hJ+jpcv8Avi8nf8l8SVe4cPDDKtSGfzLbDSIjNNN8MSWgOTNaT5PJ7mtElW0jrqY7DS++w55tCB2mKFayqkpvZcZqopSoOSa4MsNalgkKlLz6XmmGiRQ+hWtOuUVg2MbJ5JJ9KHFV18sZnmm0fLKQ0GT1pGSaXPbLx+Im3JnoVNU0w1N+3cs2nzTRs2Dydswv7UVA11oIYXTTJtyPaSVe9WqEXrb7LBzIGYVnwtSxpr3GpRTssBk2l8oZIlFkwkA6ildrf0yQdbaKmZXONVcyg4x/9mmOYgaYgSQ0yxxBZHXAn9LF5MohKTuCQkKSlJ29PnrFwwI+csnTfT87wukPjgQQ58aAxNoCk0g+bQAlr6O0b53aBpZKcujOZgnV+TwlbIXnrPHTAiL7JvZL7bX3N+kBypdcsPwuUbRlYLrp3GjBgZlC8C) format('woff2'),url(data:application/font-woff; charset=utf-8; base64,d09GRgABAAAAAAgUABAAAAAAC9wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABbAAAABwAAAAccrYqeEdERUYAAAGIAAAAHAAAAB4AJwAYT1MvMgAAAaQAAABNAAAAYHBYj5JjbWFwAAAB9AAAAFoAAAFqjAMfvmN2dCAAAAJQAAAABgAAAAYFEQBEZnBnbQAAAlgAAAGxAAACZVO0L6dnYXNwAAAEDAAAAAgAAAAIAAAAEGdseWYAAAQUAAABQgAAAVRjSWrfaGVhZAAABVgAAAAyAAAANgENL1ZoaGVhAAAFjAAAAB0AAAAkCq4H62htdHgAAAWsAAAAMwAAAEgvxwElbG9jYQAABeAAAAARAAAAJgIKAgJtYXhwAAAF9AAAACAAAAAgASwAmm5hbWUAAAYUAAABXgAAAw4gNXhbcG9zdAAAB3QAAABvAAAAzdzn3pRwcmVwAAAH5AAAAC4AAAAusPIrFAAAAAEAAAAA1e1FuAAAAADDApRiAAAAANnGUF142mNgZGBg4AFiMSBmYmAEQkEgZgHzGAAEWQBAeNpjYGY6yziBgZWBhXUWqzEDA6M8hGa+yJDGxMDAwASUAlMsQJKRAQkERAYFMzgw8Kr+YWP4B+SzzmLQgKlh/MK0B0gpMDACAAG1CuEAAAB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTAxsCrwKWgrxCvsFf1z///QHFeBQYE///XB8z379/fcD/4lijUHCTAyMYAF2RkAhJM6AoYhj0AAHLqE14AAAAAAEQFEQAAeNpdUbtOW0EQ3Q0PA4HE2CA52hSzmZDGe6EFCcTVjWJkO4XlCGk3cpGLcQEfQIFEDdqvGaChpEibBiEXSHxCPiESM2uIojQ7O7NzzpkzS8qRqnfpa89T5ySQwt0GzTb9Tki1swD3pOvrjYy0gwdabGb0ynX7/gsGm9GUO2oA5T1vKQ8ZTTuBWrSn/tH8Cob7/B/zOxi0NNP01DoJ6SEE5ptxS4PvGc26yw/6gtXhYjAwpJim4i4/plL+tzTnasuwtZHRvIMzEfnJNEBTa20Emv7UIdXzcRRLkMumsTaYmLL+JBPBhcl0VVO1zPjawV2ys+hggyrNgQfYw1Z5DB4ODyYU0rckyiwNEfZiq8QIEZMcCjnl3Mn+pED5SBLGvElKO+OGtQbGkdfAoDZPs/88m01tbx3C+FkcwXe/GUs6+MiG2hgRYjtiKYAJREJGVfmGGs+9LAbkUvvPQJSA5fGPf50ItO7YRDyXtXUOMVYIen7b3PLLirtWuc6LQndvqmqo0inN+17OvscDnh4Lw0FjwZvP+/5Kgfo8LK40aA4EQ3o3ev+iteqIq7wXPrIn07+xWgAAAAABAAH//wAPeNpNj7FPwlAQh++9UhociEWLpLXGCujwLMVXKjE2aiIOMpqwMDgZNS5OxtE4KG6uhskIm8u952pkN3Z1csEZ/wGjxHbzbvny5ZfL/YBCA4AeqC1QQIOKIOCFUkuRLy7S6kcoFRojCCXRaqKllqY/oSSJ93VHLzu606Dz4xK5Gx+rre/HRiqC+CQMAdSc2oVZYHAC0gJgCB4WfCQR5jkaHio+2hGqHJmHWkRw2UPrXdA052hGwrA5l6Y1wZ62zEKGSctM0IIMw1QcmBQlwjAbCZcwEMzWc5hdq67UAz8oBvFnPD8zR4zptJYljBhOvMVgyuer9Q0S1BaXKrEddjodcn0pd/ba22HztftCu7+Hg8H92a3rlYOad95+HvWu+vSTVesPF/v99ebuTW80Im/MdY82m6cLdtwKgMC/WYE/6CVatQAAeNpjYGRgYABiN93ppfH8Nl8Z5DkYQOAw05QkEH3zWEAsiGYVYp0FpDgYmEA8APLwCA8AAHjaY2BkYGCd9f8GAwMHAwiwCjEwMqACIQBMlAKqAAAAeNpjesPgwgAEHEDMdJaBgXUWgma8B8RpQIn3ULwZyJcD0v4QGiTH5s7wkAUoBACKLQoUAHjaY2Bg0CEAFzGsAgA5tgQNAAAAAAEAAAASACwAAgAAAAAAAgABAAIAFgAAAQAAagAAAAB42q2RsUoDQRCG/72LMVocZ4oUqbaS2ISLFuIVgghWgmBArYRELxqMnnoXQUjtI/gA4iP4BFYan0AQH8BHsPK/3UlyxEqQ4Xa+3Zmd+WcPQBmfcKEKcwAO+VlW8Lmz7MDDhbCLRQyEC9B4EJ5BFc/CReZ/CM9iHV/CJRRVTXgeB6ou7MNXd8IL8NS9cJnnj8IvqKgn4VcEaig8ZP638Bs8p2T53UXVqWATMS5xi2t0cYJTpFRcwxGW6JcR0FZJbWZobGAbTdQN9Wg6dysxu4g+or/hesxMe0NjF33W6NFHzO+TWsyy0XBceZIX5rpPx/RUlT3TMaGSmP9Ao8G+gTF7c3Tvd52uUd3il7JCi4ojnJuaZzyL0cnNbP1fXuu/32kS3We0TXXZvOl44i3TRWOHeuxpQ9aQ2ta4rtCszgb32bQd1s+6pJzKvmLEfcJao9pNXPGky1imuvcD+stsvgAAeNptzbsOgkAYROH/oIIXvPEky+qClorhURQTY2wsfHgT0Z3S03zTjSX2693Z2f5VmJEwYMiIlIwxE6bMyJmzYMmKNUV6ub0eXZk971fn3Omr74cspZcbuZVBVrKWO7mXh6hvo0Ee419omw+ajycdALgB/4WwAY0AS7AIUFixAQGOWbFGBitYIbAQWUuwFFJYIbCAWR2wBitcWFmwFCsAAA==) format('woff'); font-weight: bold; font-style: normal; } .clearfix:after { content: ""; display: table; clear: both; } .centered { display: table; width: 100%; height: 100%; } .centered> * { display: table-cell; text-align: center; vertical-align: middle; } body { background: #fff; color: #343434; font-family: 'Montserrat', Verdana, Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 400; line-height: 23px; } h1, h2, h3, h4, h5, h6 { font-family: 'Playfair', Verdana, Arial, Helvetica, als_rublregular, sans-serif; margin: 0; padding: 0; } .h1, .h2, .h3, .h4, .h5, .h6 { display: block; font-family: 'Playfair'; } h1,.h1 { font-size: 40px; font-weight: 300; line-height: 50px; text-transform: uppercase; } h2,.h2 { font-size: 30px; font-weight: 300; text-transform: uppercase; line-height: 36px; } h3,.h3 { font-size: 20px; font-weight: 400; line-height: 24px; } h4,.h4 { font-size: 17px; font-weight: 400; line-height: 24px; } h5,.h5 { font-size: 15px; font-weight: 500; line-height: 24px; } h6,.h6 { font-size: 12px; line-height: 1.4; } p { padding: 0 0 23px; margin: 0; } em { font-style: italic; } b, strong { font-weight: 700; } a { color: #2a77ed; border-bottom: 1px solid transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; } a.button { text-decoration: none; } a.button:hover { text-decoration: none; } a:hover { border-color: rgba(84, 122, 200, 0.3); } a.link--brown { color: #a38c76; font-size: 14px; font-weight: 500; text-transform: uppercase; } a.link--brown:hover { border-color: rgba(163, 140, 118, 0.3); } a.link--dashed { border-bottom: 1px dashed transparent; } a.link--dashed:hover { border-color: rgba(84, 122, 200, 0.3); text-decoration: none; } .link { display: block; } [class*="icon-"] { display: inline-block; vertical-align: middle; } .static-content .content__main ul li, .default-list li { position: relative; padding-left: 10px; } .static-content .content__main ul li:before, .default-list li:before { position: absolute; content: ''; left: 0; top: 10px; width: 4px; height: 4px; background: pink; border-radius: 50%; } ol { list-style-type: decimal; list-style-position: inside; counter-reset: item; } ol li { display: block; position: relative; } ol li:before { content: counters(item, ".") ". "; counter-increment: item; display: inline; vertical-align: top; font-weight: 700; } .editor ul { list-style-type: disc; margin: 0 0 23px; padding: 0 0 0 26px; } .editor ol { margin: 0 0 23px; } .editor img { max-width: 100%; } .editor iframe { max-width: 100%; } @media (max-width: 479px) { .editor iframe { height: auto; } } .upper { text-transform: uppercase; } blockquote, q { padding: 10px 15px; margin: 0 0 17px; border-left: 5px solid #e4e4e4; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { padding-bottom: 0; margin-bottom: 0; } pre { display: block; padding: 10px 20px; margin: 0 0 23px; word-break: break-all; word-wrap: break-word; background-color: #e4e4e4; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } table { width: 100%; border-collapse: collapse; border: 1px solid #e4e4e4; } @media (max-width: 767px) { table { padding: 0 18px; } } td { padding: 29px 10px 31px; vertical-align: middle; border-bottom: 1px solid #e4e4e4; } .table-bordered td { border-right: 1px solid #e4e4e4; } fieldset { display: block; text-align: center; } label { display: block; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; } label:hover { cursor: pointer; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, .input { background: #fff; border: 1px solid #d6d6d6; color: #343434; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 11px; line-height: 19px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 13px 12px; width: 100%; display: block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-appearance: none; border-radius: 4px; } @media (max-width: 479px) { .ios input[type="text"],.ios input[type="password"],.ios input[type="email"],.ios input[type="tel"],.ios input[type="search"],.ios textarea,.ios select,.ios .input { font-size: 16px; font-weight: 300; } } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, .input::-webkit-input-placeholder { color: #343434; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, .input::-moz-placeholder { color: #343434; opacity: 1; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, .input:-ms-input-placeholder { color: #343434; } input[type="text"]:focus::-moz-placeholder, input[type="password"]:focus::-moz-placeholder, input[type="email"]:focus::-moz-placeholder, input[type="tel"]:focus::-moz-placeholder, input[type="search"]:focus::-moz-placeholder, textarea:focus::-moz-placeholder, select:focus::-moz-placeholder, .input:focus::-moz-placeholder { color: transparent; opacity: 1; } input[type="text"]:focus::-webkit-input-placeholder, input[type="password"]:focus::-webkit-input-placeholder, input[type="email"]:focus::-webkit-input-placeholder, input[type="tel"]:focus::-webkit-input-placeholder, input[type="search"]:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, .input:focus::-webkit-input-placeholder { color: transparent; } input[type="text"]:focus:-ms-input-placeholder, input[type="password"]:focus:-ms-input-placeholder, input[type="email"]:focus:-ms-input-placeholder, input[type="tel"]:focus:-ms-input-placeholder, input[type="search"]:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, .input:focus:-ms-input-placeholder { color: transparent; } input[type="text"]:focus::placeholder, input[type="password"]:focus::placeholder, input[type="email"]:focus::placeholder, input[type="tel"]:focus::placeholder, input[type="search"]:focus::placeholder, textarea:focus::placeholder, select:focus::placeholder, .input:focus::placeholder { color: transparent; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, textarea:focus, select:focus, .input:focus { border-color: #696969; background-color: #fff; } input[type="text"].disabled, input[type="text"][disabled="disabled"], input[type="text"][disabled], input[type="password"].disabled, input[type="password"][disabled="disabled"], input[type="password"][disabled], input[type="email"].disabled, input[type="email"][disabled="disabled"], input[type="email"][disabled], input[type="tel"].disabled, input[type="tel"][disabled="disabled"], input[type="tel"][disabled], input[type="search"].disabled, input[type="search"][disabled="disabled"], input[type="search"][disabled], textarea.disabled, textarea[disabled="disabled"], textarea[disabled], select.disabled, select[disabled="disabled"], select[disabled], .input.disabled, .input[disabled="disabled"], .input[disabled] { background-color: #f3f3f3; -webkit-text-fill-color: #343434; -webkit-opacity: 1; color: #343434; } input[type="text"].disabled::-webkit-input-placeholder, input[type="text"][disabled="disabled"]::-webkit-input-placeholder, input[type="text"][disabled]::-webkit-input-placeholder, input[type="password"].disabled::-webkit-input-placeholder, input[type="password"][disabled="disabled"]::-webkit-input-placeholder, input[type="password"][disabled]::-webkit-input-placeholder, input[type="email"].disabled::-webkit-input-placeholder, input[type="email"][disabled="disabled"]::-webkit-input-placeholder, input[type="email"][disabled]::-webkit-input-placeholder, input[type="tel"].disabled::-webkit-input-placeholder, input[type="tel"][disabled="disabled"]::-webkit-input-placeholder, input[type="tel"][disabled]::-webkit-input-placeholder, input[type="search"].disabled::-webkit-input-placeholder, input[type="search"][disabled="disabled"]::-webkit-input-placeholder, input[type="search"][disabled]::-webkit-input-placeholder, textarea.disabled::-webkit-input-placeholder, textarea[disabled="disabled"]::-webkit-input-placeholder, textarea[disabled]::-webkit-input-placeholder, select.disabled::-webkit-input-placeholder, select[disabled="disabled"]::-webkit-input-placeholder, select[disabled]::-webkit-input-placeholder, .input.disabled::-webkit-input-placeholder, .input[disabled="disabled"]::-webkit-input-placeholder, .input[disabled]::-webkit-input-placeholder { color: #343434; } input[type="text"].disabled::-moz-placeholder, input[type="text"][disabled="disabled"]::-moz-placeholder, input[type="text"][disabled]::-moz-placeholder, input[type="password"].disabled::-moz-placeholder, input[type="password"][disabled="disabled"]::-moz-placeholder, input[type="password"][disabled]::-moz-placeholder, input[type="email"].disabled::-moz-placeholder, input[type="email"][disabled="disabled"]::-moz-placeholder, input[type="email"][disabled]::-moz-placeholder, input[type="tel"].disabled::-moz-placeholder, input[type="tel"][disabled="disabled"]::-moz-placeholder, input[type="tel"][disabled]::-moz-placeholder, input[type="search"].disabled::-moz-placeholder, input[type="search"][disabled="disabled"]::-moz-placeholder, input[type="search"][disabled]::-moz-placeholder, textarea.disabled::-moz-placeholder, textarea[disabled="disabled"]::-moz-placeholder, textarea[disabled]::-moz-placeholder, select.disabled::-moz-placeholder, select[disabled="disabled"]::-moz-placeholder, select[disabled]::-moz-placeholder, .input.disabled::-moz-placeholder, .input[disabled="disabled"]::-moz-placeholder, .input[disabled]::-moz-placeholder { color: #343434; opacity: 1; } input[type="text"].disabled:-ms-input-placeholder, input[type="text"][disabled="disabled"]:-ms-input-placeholder, input[type="text"][disabled]:-ms-input-placeholder, input[type="password"].disabled:-ms-input-placeholder, input[type="password"][disabled="disabled"]:-ms-input-placeholder, input[type="password"][disabled]:-ms-input-placeholder, input[type="email"].disabled:-ms-input-placeholder, input[type="email"][disabled="disabled"]:-ms-input-placeholder, input[type="email"][disabled]:-ms-input-placeholder, input[type="tel"].disabled:-ms-input-placeholder, input[type="tel"][disabled="disabled"]:-ms-input-placeholder, input[type="tel"][disabled]:-ms-input-placeholder, input[type="search"].disabled:-ms-input-placeholder, input[type="search"][disabled="disabled"]:-ms-input-placeholder, input[type="search"][disabled]:-ms-input-placeholder, textarea.disabled:-ms-input-placeholder, textarea[disabled="disabled"]:-ms-input-placeholder, textarea[disabled]:-ms-input-placeholder, select.disabled:-ms-input-placeholder, select[disabled="disabled"]:-ms-input-placeholder, select[disabled]:-ms-input-placeholder, .input.disabled:-ms-input-placeholder, .input[disabled="disabled"]:-ms-input-placeholder, .input[disabled]:-ms-input-placeholder { color: #343434; } input[type="text"].disabled:focus::-moz-placeholder, input[type="text"][disabled="disabled"]:focus::-moz-placeholder, input[type="text"][disabled]:focus::-moz-placeholder, input[type="password"].disabled:focus::-moz-placeholder, input[type="password"][disabled="disabled"]:focus::-moz-placeholder, input[type="password"][disabled]:focus::-moz-placeholder, input[type="email"].disabled:focus::-moz-placeholder, input[type="email"][disabled="disabled"]:focus::-moz-placeholder, input[type="email"][disabled]:focus::-moz-placeholder, input[type="tel"].disabled:focus::-moz-placeholder, input[type="tel"][disabled="disabled"]:focus::-moz-placeholder, input[type="tel"][disabled]:focus::-moz-placeholder, input[type="search"].disabled:focus::-moz-placeholder, input[type="search"][disabled="disabled"]:focus::-moz-placeholder, input[type="search"][disabled]:focus::-moz-placeholder, textarea.disabled:focus::-moz-placeholder, textarea[disabled="disabled"]:focus::-moz-placeholder, textarea[disabled]:focus::-moz-placeholder, select.disabled:focus::-moz-placeholder, select[disabled="disabled"]:focus::-moz-placeholder, select[disabled]:focus::-moz-placeholder, .input.disabled:focus::-moz-placeholder, .input[disabled="disabled"]:focus::-moz-placeholder, .input[disabled]:focus::-moz-placeholder { color: transparent; opacity: 1; } input[type="text"].disabled:focus::-webkit-input-placeholder, input[type="text"][disabled="disabled"]:focus::-webkit-input-placeholder, input[type="text"][disabled]:focus::-webkit-input-placeholder, input[type="password"].disabled:focus::-webkit-input-placeholder, input[type="password"][disabled="disabled"]:focus::-webkit-input-placeholder, input[type="password"][disabled]:focus::-webkit-input-placeholder, input[type="email"].disabled:focus::-webkit-input-placeholder, input[type="email"][disabled="disabled"]:focus::-webkit-input-placeholder, input[type="email"][disabled]:focus::-webkit-input-placeholder, input[type="tel"].disabled:focus::-webkit-input-placeholder, input[type="tel"][disabled="disabled"]:focus::-webkit-input-placeholder, input[type="tel"][disabled]:focus::-webkit-input-placeholder, input[type="search"].disabled:focus::-webkit-input-placeholder, input[type="search"][disabled="disabled"]:focus::-webkit-input-placeholder, input[type="search"][disabled]:focus::-webkit-input-placeholder, textarea.disabled:focus::-webkit-input-placeholder, textarea[disabled="disabled"]:focus::-webkit-input-placeholder, textarea[disabled]:focus::-webkit-input-placeholder, select.disabled:focus::-webkit-input-placeholder, select[disabled="disabled"]:focus::-webkit-input-placeholder, select[disabled]:focus::-webkit-input-placeholder, .input.disabled:focus::-webkit-input-placeholder, .input[disabled="disabled"]:focus::-webkit-input-placeholder, .input[disabled]:focus::-webkit-input-placeholder { color: transparent; } input[type="text"].disabled:focus:-ms-input-placeholder, input[type="text"][disabled="disabled"]:focus:-ms-input-placeholder, input[type="text"][disabled]:focus:-ms-input-placeholder, input[type="password"].disabled:focus:-ms-input-placeholder, input[type="password"][disabled="disabled"]:focus:-ms-input-placeholder, input[type="password"][disabled]:focus:-ms-input-placeholder, input[type="email"].disabled:focus:-ms-input-placeholder, input[type="email"][disabled="disabled"]:focus:-ms-input-placeholder, input[type="email"][disabled]:focus:-ms-input-placeholder, input[type="tel"].disabled:focus:-ms-input-placeholder, input[type="tel"][disabled="disabled"]:focus:-ms-input-placeholder, input[type="tel"][disabled]:focus:-ms-input-placeholder, input[type="search"].disabled:focus:-ms-input-placeholder, input[type="search"][disabled="disabled"]:focus:-ms-input-placeholder, input[type="search"][disabled]:focus:-ms-input-placeholder, textarea.disabled:focus:-ms-input-placeholder, textarea[disabled="disabled"]:focus:-ms-input-placeholder, textarea[disabled]:focus:-ms-input-placeholder, select.disabled:focus:-ms-input-placeholder, select[disabled="disabled"]:focus:-ms-input-placeholder, select[disabled]:focus:-ms-input-placeholder, .input.disabled:focus:-ms-input-placeholder, .input[disabled="disabled"]:focus:-ms-input-placeholder, .input[disabled]:focus:-ms-input-placeholder { color: transparent; } input[type="text"].disabled:focus::placeholder, input[type="text"][disabled="disabled"]:focus::placeholder, input[type="text"][disabled]:focus::placeholder, input[type="password"].disabled:focus::placeholder, input[type="password"][disabled="disabled"]:focus::placeholder, input[type="password"][disabled]:focus::placeholder, input[type="email"].disabled:focus::placeholder, input[type="email"][disabled="disabled"]:focus::placeholder, input[type="email"][disabled]:focus::placeholder, input[type="tel"].disabled:focus::placeholder, input[type="tel"][disabled="disabled"]:focus::placeholder, input[type="tel"][disabled]:focus::placeholder, input[type="search"].disabled:focus::placeholder, input[type="search"][disabled="disabled"]:focus::placeholder, input[type="search"][disabled]:focus::placeholder, textarea.disabled:focus::placeholder, textarea[disabled="disabled"]:focus::placeholder, textarea[disabled]:focus::placeholder, select.disabled:focus::placeholder, select[disabled="disabled"]:focus::placeholder, select[disabled]:focus::placeholder, .input.disabled:focus::placeholder, .input[disabled="disabled"]:focus::placeholder, .input[disabled]:focus::placeholder { color: transparent; } textarea { } input[type="file"] { display: none; } input[type="file"]+ label { display: block; background: #fff; font-size: 14px; line-height: 24px; padding: 25px 15px; color: #969696; text-align: center; border: 1px dashed #c4c4c4; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; } input[type="file"]+ label:hover { border-color: #696969; background: #e9e9e9; } select { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-transition: none; transition: none; background-position: right 10px center; background-repeat: no-repeat; background-color: transparent; background-image: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZXZyb25fc21hbGxfZG93biIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMzNDM0MzQiIGQ9Ik0xMy40MTgsNy44NTljMC4yNzEtMC4yNjgsMC43MDktMC4yNjgsMC45NzgsMGMwLjI3LDAuMjY4LDAuMjcyLDAuNzAxLDAsMC45NjlsLTMuOTA4LDMuODNjLTAuMjcsMC4yNjgtMC43MDcsMC4yNjgtMC45NzksMGwtMy45MDgtMy44M2MtMC4yNy0wLjI2Ny0wLjI3LTAuNzAxLDAtMC45NjljMC4yNzEtMC4yNjgsMC43MDktMC4yNjgsMC45NzgsMEwxMCwxMUwxMy40MTgsNy44NTl6Ii8+PC9zdmc+); background-size: 20px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; letter-spacing: normal; font-size: 13px; font-weight: normal; } select:focus { background-repeat: no-repeat; } input.error, textarea.error { border: 1px solid #f1a4a4; background-image: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iV2FybmluZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNlMDNlM2UiIGQ9Ik0xOS41MTEsMTcuOThMMTAuNjA0LDEuMzQ4QzEwLjQ4LDEuMTMzLDEwLjI1LDEsMTAsMUM5Ljc0OSwxLDkuNTE5LDEuMTMzLDkuMzk2LDEuMzQ4TDAuNDksMTcuOThjLTAuMTIxLDAuMjExLTAuMTE5LDAuNDcxLDAuMDA1LDAuNjhDMC42MiwxOC44NzEsMC44NDcsMTksMS4wOTMsMTloMTcuODE0YzAuMjQ1LDAsMC40NzQtMC4xMjksMC41OTgtMC4zNEMxOS42MjksMTguNDUxLDE5LjYzMSwxOC4xOTEsMTkuNTExLDE3Ljk4eiBNMTEsMTdIOXYtMmgyVjE3eiBNMTEsMTMuNUg5VjdoMlYxMy41eiIvPjwvc3ZnPg==); background-size: 15px 18px; color: #e03e3e; background-repeat: no-repeat; background-position: calc(100% - 15px) 50%; -webkit-transition: none; transition: none; } textarea.error { background-position: calc(100% - 15px) 10px; } .ui-front { z-index: 9999; } .ui-selectmenu-button { border: 1px solid #939393; border-radius: 0; background: #f3f3f3; color: #282828; } .ui-selectmenu-button[aria-expanded="true"] { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border: 1px solid #8e8e8e; } .ui-selectmenu-button span.ui-selectmenu-text { padding: 10px 15px 9px; font-weight: 400; font-size: 16px; line-height: 24px; } .ui-selectmenu-button span.ui-icon-triangle-1-s { width: 45px; height: 100%; right: 0; top: 0; bottom: 0; border-left: 1px solid #939393; background: url("../img/icons/slct-open.png") center center no-repeat; margin: 0; } .ui-selectmenu-menu .ui-widget-content { border-radius: 0; background: #f3f3f3; color: #282828; } .ui-selectmenu-menu .ui-widget-content .ui-menu-item { padding: 10px 15px 9px; font-weight: 400; font-size: 16px; line-height: 24px; } .ui-selectmenu-menu .ui-widget-content .ui-menu-item.ui-state-focus { border: 0; margin: 0; font-weight: inherit; } button, .btn { text-align: center; vertical-align: top; font-weight: 500; font-size: 11px; line-height: 14px; padding: 13px 73px; text-transform: uppercase; background: #2a77ed; color: #fff; letter-spacing: 1px; border: 0; border-radius: 9px; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: inline-block; vertical-align: top; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; } button:hover, button.active, .btn:hover , input[type="button"].btn:hover, .btn.active { color: #fff; background: #256bd7; opacity: 1; text-decoration: none; box-shadow: 0 5px 30px -10px #256bd7; } button:active, .btn:active { background: #5e96eb; opacity: 1; } button--shadow:hover, .btn--shadow:hover { color: #fff; background: #2a77ed; -webkit-box-shadow: 0px 8px 31px -16px #2a77ed; box-shadow: 0px 8px 31px -16px #2a77ed; } button--shadow:active, .btn--shadow:active { background: #2a77ed; } button--transparent, .btn--transparent { background: transparent; border: 1px solid; border-color: #2a77ed; color: #343434; } button--transparent, .btn--transparent,button[disabled]:hover.btn--transparent { background: transparent; border: 1px solid; border-color: #2a77ed; color: #343434; } button--link, .btn--link { background: transparent; color: #343434; padding: 13px 0; } button--link:hover, .btn--link:hover { color: #2a77ed; background: transparent; box-shadow: none; } button--squer, .btn--squer { background: transparent; border-radius: 5px; border: 1px solid #f0f0f0; color: #2a77ed; } button--squer:hover, .btn--squer:hover { border-color: transparent; box-shadow: none; } button--sm, .btn--sm { padding: 10px 26px; } button[disabled], button[disabled]:hover, .btn.disabled,.btn.disabled:hover { cursor: default; opacity: .5; pointer-events: none; } input[type="checkbox"] { position: absolute; left: -9999px; } input[type="checkbox"]+ label { display: inline-block; vertical-align: top; padding: 0 0 0 30px; position: relative; cursor: pointer; font-size: 13px; line-height: 22px; width: auto !important; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; letter-spacing: normal; } input[type="checkbox"][disabled]+ label { opacity: 0.5; cursor: default; } input[type="checkbox"]+ label:before, input[type="checkbox"]+ label:after { position: absolute; content: ''; } input[type="checkbox"]+ label:before { width: 20px; height: 20px; border: 1px solid #cccccc; top: calc(50% - 10px); left: 0; border-radius: 3px; } input[type="checkbox"]+ label:after { width: 14px; height: 7px; -webkit-transform: rotate(126deg); -ms-transform: rotate(126deg); transform: rotate(126deg); border-right: 1px solid; border-top: 1px solid; border-color: #2a77ed; top: calc(50% - 6px); left: 3px; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease; } input[type="checkbox"]:checked+ label:after { opacity: 1; } input[type="checkbox"]:checked+ label:before { border-color: #2a77ed; } input[type="checkbox"]:disabled:checked+ label:before { border-color: #a2bce7; } input[type="radio"] { position: absolute; left: -9999px; } input[type="radio"]+ label { display: inline-block; vertical-align: top; padding: 0 0 0 30px; position: relative; cursor: pointer; font-size: 13px; line-height: 22px; width: auto !important; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; letter-spacing: normal; } input[type="radio"][disabled]+ label { opacity: 0.5; cursor: default; } input[type="radio"]+ label:before, input[type="radio"]+ label:after { position: absolute; content: ''; } input[type="radio"]+ label:before { width: 19px; height: 19px; border: 1px solid #cccccc; border-radius: 50%; top: calc(50% - 10px); left: 0; } input[type="radio"]+ label:after { top: calc(50% - 5px); left: 5px; width: 9px; height: 9px; background: #2a77ed; border-radius: 50%; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } input[type="radio"]:checked+ label:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } input[type="radio"]:checked+ label:before { border-color: #2a77ed; } input[type="radio"]:disabled:checked+ label:before { border-color: #a2bce7; } input[type="radio"]:disabled:not(:checked)+ label:before { border-color: #a2bce7; } select::-ms-expand { display: none; } .product-page__input-box select.select, .catalogue__product-detail-option select.select { box-shadow: none; background-color: #e5e5e5; border-radius: 20px; border: none; width: 100%; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; padding: 11px 20px; line-height: 18px; font-size: 11px; } .product-page__input-box select.select:hover, .catalogue__product-detail-option select.select:hover { background-color: #e0e0e0; } .product-page__input-box input[type="text"], .product-page__input-box textarea, .catalogue__product-detail-option input[type="text"], .catalogue__product-detail-option textarea { border: none; border-radius: 0; background-color: #f3f3f3; -webkit-box-shadow: none; box-shadow: none; padding: 10px 15px; text-transform: none; letter-spacing: normal; line-height: 18px; } .product-page__input-box input:hover, .product-page__input-box input:focus, .product-page__input-box textarea:hover, .product-page__input-box textarea:focus, .catalogue__product-detail-option input:hover, .catalogue__product-detail-option input:focus, .catalogue__product-detail-option textarea:hover, .catalogue__product-detail-option textarea:focus { box-shadow: inset 0 -1px 0 0 #d6d6d6; } .select .ui-multiselect { box-shadow: none; background: #e5e5e5; border-radius: 40px; border: none; width: 100%; position: relative; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; } .select .ui-multiselect:hover, .select .ui-multiselect:active { box-shadow: none; background: #e0e0e0; } .select .ui-multiselect.ui-state-active:after { content: ''; position: absolute; height: 100%; width: 100%; background: #e5e5e5; top: 24px; left: 0; z-index: 1; } .select .ui-multiselect.ui-state-active .icon-arrow-select { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .select .ui-multiselect.ui-state-active .ui-multiselect-inner { background: #e0e0e0; } .select .ui-multiselect-inner { padding: 15px 20px 14px; font-size: 11px; line-height: 12px; color: #343434; letter-spacing: 0; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; z-index: 2; border-radius: 40px; background: #e5e5e5; } .select .ui-multiselect-arrow { position: absolute; top: calc(50% - 7px); right: 14px; } .select .ui-state-hover, .select .ui-state-active { background: #e0e0e0; border: none; } .select--squer .ui-multiselect { border-radius: 4px; } .select--squer .ui-multiselect.ui-state-active .ui-multiselect-inner { border-radius: 4px; } .select--squer .ui-multiselect-inner { border-radius: 4px; } .select--error .ui-multiselect-value { color: #e03e3e; } .select--transparent .ui-multiselect { background: transparent; border: 1px solid #f2f2f0; } .select--transparent .ui-multiselect:hover, .select--transparent .ui-multiselect:active { background: #fff; border-color: #dadad5; } .select-checkout.ui-multiselect-menu .ui-multiselect-inner ul li label { background: #f5f5f5; } .select .ui-state-hover, .select .ui-state-active { background: #e0e0e0; } .select--lg-fz .ui-multiselect-inner { font-size: 14px; line-height: 14px; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; } .select--squer .ui-multiselect { border-radius: 4px; } .select--squer .ui-multiselect.ui-state-active .ui-multiselect-inner { border-radius: 4px; } .select--squer .ui-multiselect-inner { border-radius: 4px; } .select--error .ui-multiselect-value { color: #e03e3e; } .select--transparent .ui-multiselect { background: transparent; border: 1px solid #f2f2f0; } .select--transparent .ui-multiselect:hover, .select--transparent .ui-multiselect:active { background: #fff; border-color: #dadad5; } .select-checkout.ui-multiselect-menu .ui-multiselect-inner ul li label { background: #f5f5f5; } .select .ui-state-hover, .select .ui-state-active { background: #e0e0e0; } .select.select--squer.select-checkout .ui-multiselect { border-radius: 2px; } .select.select--squer.select-checkout .ui-multiselect.ui-state-active, .select.select--squer.select-checkout .ui-multiselect.ui-state-hover { background: #f5f5f5; } .select.select--squer.select-checkout .ui-multiselect.ui-state-active .ui-multiselect-inner, .select.select--squer.select-checkout .ui-multiselect.ui-state-hover .ui-multiselect-inner { border-radius: 2px; background: #f5f5f5; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; } .select.select--squer.select-checkout:hover .ui-multiselect-inner, .select.select--squer.select-checkout:active .ui-multiselect-inner { border-radius: 2px; background: #f5f5f5; } .select.select--squer.select-checkout:after { display: none; } .select.select--squer.select--lg-fz .ui-multiselect-menu-inner ul li label { font-size: 14px; line-height: 16px; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; } .select.select--transparent .ui-multiselect.ui-state-hover, .select.select--transparent .ui-multiselect.ui-state-active { background: #fff; border: 1px solid #dadad5; } .select.select--transparent .ui-multiselect.ui-state-hover .ui-multiselect-inner, .select.select--transparent .ui-multiselect.ui-state-active .ui-multiselect-inner { background: transparent; border-color: #dadad5; } .select.select--transparent .ui-multiselect.ui-state-active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select.select--transparent .ui-multiselect.ui-state-active:after { display: none; } .select.select--transparent .ui-multiselect.ui-state-active .ui-multiselect-inner { border-radius: 0; background: transparent; } .select.select--transparent .ui-multiselect .ui-multiselect-inner { font-size: 13px; line-height: 16px; border-radius: 4px; background: transparent; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; } .ui-widget-content.select.select--transparent { background: #fff; border: 1px solid #dadad5; border-top: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .ui-widget-content.select.select--transparent .ui-multiselect-menu-inner ul li label { font-size: 13px; line-height: 16px; } .ui-widget-content.select.select--transparent .ui-multiselect-menu-inner ul li.ui-state-active { border-color: transparent; } .ui-widget-content.select.select--transparent .ui-multiselect-menu-inner ul li:last-child .ui-state-hover { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .ui-widget-content.select.select--transparent:after { display: none; } .ui-widget-content.select.select--squer { background: #e5e5e5; border: none; position: absolute; border-radius: 5px; } .ui-widget-content.select { background: #e5e5e5; border: none; position: absolute; border-radius: 0 0 20px 20px; overflow: hidden; z-index: 10; } .ui-widget-content.select .ui-multiselect-menu-inner ul li { border-bottom: 1px solid #dadada; } .ui-widget-content.select .ui-multiselect-menu-inner ul li:last-child { border-bottom: none; } .ui-widget-content.select .ui-multiselect-menu-inner ul li:last-child .ui-state-hover { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .ui-widget-content.select ul li label { padding: 14px 20px; font-size: 11px; line-height: 12px; color: #343434; letter-spacing: 0; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; border-radius: 0; } .ui-widget-content.select .ui-multiselect-menu-inner ul li .ui-state-hover, .ui-widget-content.select .ui-multiselect-menu-inner ul li .ui-state-active { border: none; background: #e0e0e0; border-radius: 0; } .ui-widget-content.select.bottom { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .ui-widget-content.select.select-checkout .ui-multiselect-menu-inner ul li label { background: #f5f5f5; } .ui-widget-content.select.select-checkout .ui-multiselect-menu-inner ul li label.ui-state-hover { background: #e5e5e5; } .ui-widget-content.select.select-checkout .ui-multiselect-menu-inner ul li label.ui-state-active { border: none; background: #e5e5e5; } .ui-widget-content.select.select--squer .ui-multiselect-menu-inner ul li:last-child .ui-state-hover { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .spinner-wrap .ui-widget-content { border: none; } .spinner-wrap .ui-icon { width: 0; height: 0; } .ui-spinner-up { position: absolute; right: 8px; top: calc(50% - 10.5px); cursor: pointer; height: 16.5px; } .ui-spinner-up:after { content: '+'; font-size: 19px; line-height: 19px; top: calc(50% - 9px); left: 0; position: absolute; } .ui-spinner-up:hover:after { color: #2a77ed; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .ui-spinner-down { position: absolute; left: 12px; top: calc(50% - 10px); cursor: pointer; height: 13px; } .ui-spinner-down:after { content: '-'; font-size: 28px; line-height: 28px; top: calc(50% - 14px); left: 0; position: absolute; } .ui-spinner-down:hover:after { color: #2a77ed; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } input.ui-spinner-input { padding: 9px 0 10px 0; text-align: center; font-size: 13px; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 40px; width: 37px; margin: 0 auto; background: transparent; } input.ui-spinner-input:focus { background: transparent; } @media (max-width: 1024px) { input.ui-spinner-input { padding: 9px 0 10px 8px; } } .ui-spinner { width: 122px; border-radius: 40px; overflow: hidden; background: #f3f3f3; } @media (max-width: 1024px) { .ui-spinner { width: 92px; } } @media (max-width: 479px) { .ui-spinner { width: 80px; } } .ui-icon, .ui-widget-content .ui-icon { background-image: url("../img/icons/ui-icons_444444_256x240.png"); } .table { margin: 0 0 40px; } .table__row { } .table__row--hover:hover td { background: #f5f5f5; } .table__col { border: 1px solid #eaeaea; padding: 16px 20px 15px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .table__col .btn { padding: 5px 13px; font-size: 11px; text-transform: none; line-height: 11px; vertical-align: middle; letter-spacing: normal; white-space: nowrap; } .table__col--right { text-align: right; } .table__col--center { text-align: center; } @media (max-width: 1024px) { .table-responsive { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 767px) { .table-responsive { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .table__col { padding: 11px 15px 10px; } .editor .table-responsive>.table>thead>tr>th, .editor .table-responsive>.table>tbody>tr>th, .editor .table-responsive>.table>tfoot>tr>th, .editor .table-responsive>.table>thead>tr>td, .editor .table-responsive>.table>tbody>tr>td, .editor .table-responsive>.table>tfoot>tr>td { white-space: nowrap; } .editor .table-responsive img { max-width: inherit; } } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } body { height: 100%; min-width: 320px; } .container { padding: 0 15px; max-width: 1200px; width: 100%; margin: 0 auto; } .container .container { padding: 0; } .container:after { content: " "; display: block; clear: both; } .wrapper { min-height: 100%; margin: 0 0 -96px; padding: 0 0 96px; } .wrapper--fix { padding-top: 75px; } .content { padding: 22px 0 57px; } .content__title { padding: 0 0 40px; text-transform: none; font-weight: 400; } h1.content__title { font-size: 30px; line-height: 36px; } .content__title--center { text-align: center; } .footer { height: 96px; } .footer__link { color: #999; margin: 0 0 10px; } .footer__link:hover { border-color: rgba(153, 153, 153, 0.3); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .icon-bill { width: 36px; height: 53px; } .icon-van { width: 55px; height: 32px; } .icon-open { width: 54px; height: 44px; } .icon-sale { width: 45px; height: 46px; } .icon-like { width: 44px; height: 41px; } .icon-hanger { width: 54px; height: 38px; } .icon-twitter { width: 18px; height: 18px; fill: #d5d5d5; } .icon-twitter--lg { width: 50px; height: 50px; } .icon-insta { width: 18px; height: 18px; fill: #d5d5d5; } .icon-insta--lg { width: 50px; height: 50px; } .icon-pint { width: 14px; height: 18px; fill: #d5d5d5; } .icon-pint--lg { width: 39px; height: 50px; } .icon-fb { width: 18px; height: 18px; fill: #d5d5d5; } .icon-fb--lg { width: 50px; height: 50px; } .icon-google { width: 18px; height: 18px; } .icon-calendar { width: 12px; height: 14px; fill: #aaaaaa; } .icon-cart { width: 14px; height: 13px; fill: #2a77ed; } .icon-eye { width: 14px; height: 9px; fill: #fff; } .icon-tile-wide, .icon-tile-three, .icon-tile-four, .icon-tile-five { width: 25px; height: 15px; fill: #fff; } .icon-location-pin { width: 18px; height: 27px; fill: #343434; } .icon-phone { width: 24px; height: 24px; fill: #343434; } .icon-mail { width: 30px; height: 24px; fill: #343434; } .icon-heart.icon-heart--gray { fill: #f3f3f3; } .news__list { font-size: 0; line-height: 0; } .news__list-item { display: inline-block; vertical-align: top; width: 33.33%; padding: 0 80px 60px 0; } .news__date { display: block; padding: 0 0 5px; font-size: 12px; line-height: 12px; color: #9d9d9d; font-family: 'Playfair', Georgia, serif; } .news__title { display: block; max-height: 80px; overflow: hidden; padding: 0 0 4px; } .news__title-inner { font-size: 16px; line-height: 26px; font-family: 'Playfair', Georgia, serif; font-weight: 700; border-bottom: 1px solid transparent; } .news__text { font-size: 13px; line-height: 23px; display: block; color: #8d8d8d; font-family: 'Playfair', Georgia, serif; max-height: 70px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news__text:hover { border-color: transparent; } .news__link { color: #343434; } .news__link:hover { border-color: transparent; text-decoration: none; } .news__link:hover .news__title-inner { border-color: rgba(84, 122, 200, 0.3); color: #2a77ed; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } @media (max-width: 1024px) { .news__list-item { width: 50%; } } @media (max-width: 767px) { .news__list { max-width: 320px; } .news__list-item { width: 100%; padding: 0 0 45px; } .news__title { font-size: 16px; line-height: 26px; max-height: 55px; padding: 0 0 10px; } .news__text { padding: 0; } } .features__inner { font-size: 0; line-height: 0; text-align: center; } .features__item { display: inline-block; vertical-align: top; width: 16.66%; max-width: 200px; padding: 0 10px; } .features__icon { display: table; width: 100%; padding: 0 0 17px; height: 75px; text-align: center; } .features__icon-inner { display: table-cell; vertical-align: bottom; } .features__title { text-transform: uppercase; letter-spacing: 1px; font-weight: 500; font-size: 13px; line-height: 23px; } .features--column .features__inner { text-align: unset; } .features--column .features__item { width: 100%; max-width: 100%; padding: 0 0 20px; overflow: auto; } .features--column .features__icon { float: left; width: 70px; padding: 0 17px 0 0; height: auto; } @media (max-width: 1024px) { .features__inner { margin: 0 0 -40px; } .features__item { width: 33.33%!important; max-width: 33.33%; padding: 0 10px 40px; } .features--column .features__item { width: 100%!important; max-width: 100%; padding: 0 0 10px; } .features--column .features__title { text-transform: unset; letter-spacing: 0; font-size: 13px; } } @media (max-width: 767px) { .features__item { width: 50%!important; max-width: 50%; padding: 0 40px 20px; } .features--column { display: none; } } @media (max-width: 400px) { .features__item { padding: 0 10px 20px; } } .social__item { display: inline-block; vertical-align: middle; padding: 0 18px 0 0; line-height: 0; } .social__link { display: inline-block; } .social__link:hover { border-color: transparent; } .social__link:hover [class*='icon-'] { fill: #afafaf; -webkit-transition: all .2s linear; transition: all .2s linear; } .blog__img { height: 180px; overflow: hidden; margin: 0 0 14px; } .blog__img a { display: flex; justify-content: center; align-items: center; overflow: hidden; } .blog__img img { -webkit-transition: opacity .2s ease; transition: opacity .2s ease; flex-shrink: 0; height: 180px; } .blog__img a:hover { border-color: transparent; opacity: .8; } .blog__time { font-size: 12px; line-height: 12px; color: #9d9d9d; font-family: 'Playfair', Georgia, serif; } .blog__title { display: block; height: 55px; overflow: hidden; padding: 0 0 10px; font-size: 16px; line-height: 26px; font-family: 'Playfair', Georgia, serif; font-weight: 700; } .blog__title-link { color: #343434; } .blog__title-link:hover { border-color: rgba(84, 122, 200, 0.3); color: #2a77ed; } .blog__text { height: 48px; overflow: hidden; font-family: 'Montserrat', Georgia, serif; display: block; } .blog__text-link { color: #8d8d8d; } .blog__text-link:hover { border-color: transparent; } @media (max-width: 1024px) { .blog__img { height: auto; } .blog__img img { width: auto; } } .brand__list { font-size: 0; line-height: 0; border-top: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; } .brand__list-item { display: inline-block; width: 25%; vertical-align: top; height: 100px; border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; text-align: center; padding: 0 25px; } .brand__item-wrap { display: table; height: 100%; width: 100%; } .brand__item-img { display: table-cell; vertical-align: middle; max-width: 144px; } .brand__link:hover { border-color: transparent; } .brand__link:hover img { opacity: .8; -webkit-transition: all .2s linear; transition: all .2s linear; } .brand__link img { max-width: 100%; } @media (max-width: 767px) { .brand__list-item { width: 50%; } } .categories__inner { position: relative; } .categories__heading { position: absolute; right: 0; top: -10px; overflow: hidden; z-index: 10; } .categories__heading--col-4 { width: calc(33.33% - 20px); height: 330px; } .categories__heading--col-3 { width: calc(50% - 20px); height: 260px; } .categories__heading--col-2 { width: calc(50% - 20px); height: 200px; } .categories-heading--fix { width: 66.66%; } .categories__heading-text { color: #7e7e7e; display: block; position: relative; overflow: hidden; } .categories__heading-text-inner { padding: 0 10px 0 0; display: block; } .categories__link { display: block; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; z-index: 0; line-height: 0; height: 100%; overflow: hidden; border: 0; } .categories__title { padding: 0 0 20px; text-transform: none; font-size: 30px; line-height: 40px; font-weight: 400; } @media (max-width: 767px) { .categories__title { line-height: 36px; } } .categories__item { overflow: hidden; margin: 0 0 30px; position: relative; } .categories__item--col-4 { height: 320px; } .categories__item--col-3 { height: 250px; } .categories__item--col-2 { height: 190px; } .categories__item img { height: 100%; } .categories__caption { background: rgba(255, 255, 255, 0.9); padding: 12px 10px; position: absolute; bottom: -1px; right: 0; width: 75%; text-align: center; font-size: 12px; line-height: 28px; color: #343434; z-index: 1; } .categories__caption-text { text-transform: uppercase; font-weight: 700; } @media (max-width: 1024px) { .categories__heading--col-4 { top: 350px; left: 0; width: calc(50% - 15px); height: 320px; } .categories__heading--col-3 { top: 280px; left: 0; width: calc(50% - 15px); height: 250px; } .categories__heading--col-2 { top: 220px; right: 0; width: calc(50% - 15px); height: 190px; } } @media (max-width: 767px) { .categories__heading { position: static; padding: 0 0 40px; width: 100%; height: auto; } .categories__heading-text { max-width: 100%; max-height: 100%; overflow: visible; } .categories__item { overflow: visible; } .categories__item-heading { display: none; } } @media (max-width: 479px) { .categories__caption { width: 100%!important; } } .categories-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); display: none; z-index: 0; } .footer__top { padding: 19px 0 19px; background: #2f2f2f; text-align: center; } .footer__bottom { padding: 50px 0 54px; background: #232323; } .footer__bottom-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer__info { padding: 0 47px 0 0; } .footer__info-text { display: block; padding: 0 0 19px; color: #6a6a6a; } .footer__lists { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-preferred-size: calc(100% - 400px); -webkit-flex-basis: calc(100% - 400px); flex-basis: calc(100% - 400px); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .footer__list-title { display: block; padding: 0 0 17px; text-transform: uppercase; letter-spacing: 1px; color: #fff; } .footer__list-item { padding: 0 0 12px; } .footer__list-item:last-child { padding: 0; } .footer__list [class*="icon-"] { fill: #666666; } .footer__list-icon:hover { border-color: transparent; } .footer__link-icon, .footer__link-text { display: inline-block; vertical-align: middle; line-height: 0; } .footer__link-icon { padding: 0 17px 0 0; } .footer__logo { display: block; padding: 0 0 21px; } .footer__logo-link { font-size: 30px; line-height: 30px; color: #fff; font-weight: 700; text-transform: uppercase; } .footer__logo-link:not([href]) { cursor: default; } .footer__logo img,.footer__logo svg { max-width: 100%; } .footer__logo-link:hover { border-color: transparent; } .footer__lists-item { padding: 0 20px 0 0; } @media (max-width: 1024px) { .footer__bottom-inner { display: block; } .footer__info { width: 100%; padding: 0; } .footer__lists { width: 100%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding: 0 0 30px; } } @media (max-width: 767px) { .footer__top { padding: 34px 0 45px; } .footer__bottom { padding: 36px 0; } .footer__lists { -webkit-box-orient: vertical; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 10px; } .footer__lists-item { padding: 0 25px 30px 0; -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; } } .copyright { color: #cccccc; font-style: italic; font-weight: 300; opacity: .25; } .subscribe__heading, .subscribe__form { display: inline-block; vertical-align: middle; } .subscribe__heading { padding: 0 50px 0 0; text-align: left; line-height: 19px; max-width: 450px; } .subscribe__title { text-transform: uppercase; display: block; color: #fff; padding: 0 0 3px; letter-spacing: 1px; line-height: 13px; } .subscribe__subtitle,.subscribe__subtitle a { color: #999999; line-height: 13px; } .subscribe__subtitle a:hover { border-color: #999999; } .subscribe__form { width: 442px; } .subscribe__btn { background: transparent; padding: 0; position: absolute; right: 17px; top: 17px; top: calc(50% - 7px); box-shadow: none; } .subscribe__btn:hover, .subscribe__btn:active { background: transparent; opacity: .8; } @media (max-width: 767px) { .subscribe__heading, .subscribe__form { display: block; } .subscribe__heading { padding: 0 0 30px; text-align: center; } .subscribe__title { font-size: 16px; line-height: 16px; padding: 0 0 8px; } .subscribe__form { width: 100%; } } .icon-plane { width: 22px; height: 17px; fill: #2a77ed; } .fake-input { display: block; position: relative; } .fake-input input { -webkit-box-shadow: 0px 0px 22px -3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 22px -3px rgba(0, 0, 0, 0.2); border-radius: 40px; padding: 13px 33px; } .fake-input--coupon input { -webkit-box-shadow: none; box-shadow: none; } .footer--min .footer__top { background: #ededed; } .footer--min .footer__bottom { background: #f6f6f6; padding: 30px 0; } .footer--min .footer__bottom-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__numbers-nums { display: inline-block; vertical-align: middle; font-weight: 500; letter-spacing: 1px; line-height: 13px; } .footer__num { color: #343434; border: 0; } .footer__call { display: inline-block; vertical-align: middle; padding: 0 0 0 17px; } .footer__call-btn { text-transform: none; letter-spacing: 0; } @media (max-width: 767px) { .footer--min .footer__bottom { padding: 0; } .footer--min .footer__bottom-inner { display: block; } .footer__social { padding: 29px 0; margin: 0 -15px; background: #fff; text-align: center; } .footer__numbers { padding: 16px 0; text-align: center; } } @media (max-width: 479px) { .footer__numbers-nums { padding: 0 0 20px; } } .subscribe--dark .subscribe__title { color: #343434; } .subscribe--dark .subscribe__subtitle,.subscribe--dark .subscribe__subtitle a { color: #343434; } .subscribe--dark .subscribe__subtitle a:hover { border-color: #343434; } .radiobox-colors__list-item { display: inline-block; padding: 0 4px 0 0; width: 27px; line-height: 23px; } .radiobox-colors__list-item input[type='radio']+ label.label, .radiobox-colors__list-item input[type='checkbox']+ label.label { padding: 0; } .radiobox-colors__list-item input[type='radio']+ label.label:before, .radiobox-colors__list-item input[type='checkbox']+ label.label:before { width: 19px; height: 19px; border-radius: 50%; border: none; top: 0px; background-position: 50%; } .radiobox-colors__list-item input[type='radio']+ label.label:after, .radiobox-colors__list-item input[type='checkbox']+ label.label:after { content: 'x'; font-size: 10px; line-height: 11px; font-weight: 700; color: #fff; width: auto; height: auto; border: none; left: calc(50% - -6px); top: calc(50% - -4px); background: transparent; -webkit-transform: none; -ms-transform: none; transform: none; } .radiobox-colors__list-item input[type='radio'] + label.label:after { opacity: 0; } .radiobox-colors__list-item input[type='radio']:checked + label.label:after { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .tabs__list-item { display: inline-block; vertical-align: bottom; padding: 0 22px; } .tabs__list-item.active .tabs__link { color: #2a77ed; } .tabs__list-item.active .tabs__link:after { display: block; } .tabs__link { text-transform: uppercase; color: #343434; font-size: 15px; line-height: 15px; display: block; position: relative; } .tabs__link:after { content: ''; position: absolute; width: 100%; height: 1px; background: #2a77ed; bottom: -9px; display: none; left: 0; } .tabs__link:hover { color: #2a77ed; border-color: transparent; text-decoration: none; } .tabs--light .tabs__list-item.active .tabs__link { color: #2a77ed; } .tabs--light .tabs__list-item.active .tabs__link:after { display: block; } .tabs--light .tabs__link { color: #b4b4b4; } .tabs--light .tabs__link:hover { color: #2a77ed; border-color: transparent; } .label { display: block; padding: 5px 15px; font-size: 9px; line-height: 9px; text-transform: uppercase; color: #fff; background: #448bdb; border-radius: 4px; letter-spacing: .5px; text-align: center; z-index: 1; } .label--red { background: #ea3d3d; } .label--popular { background: #A7C248; } .label--hit { background: #4D31A9; } .label--catch { background: #E8A765; } .label--nocatch { background: #8a8c8f; } .testimoniales__list-item { padding: 42px 0 0; } .testimoniales__photo, .testimoniales__content { display: inline-block; vertical-align: top; } .testimoniales__content { margin: -4px 0 0; } .testimoniales__photo { width: 50px; height: 50px; } .testimoniales__photo img { border-radius: 50%; } .testimoniales__title { padding: 0 0 5px; } .testimoniales__title:after { content: " "; display: block; clear: both; } .testimoniales__date { float: right; font-size: 12px; line-height: 12px; color: #aaaaaa; } .testimoniales__date-icon, .testimoniales__date-text { display: inline-block; vertical-align: middle; line-height: 0; } .testimoniales__date-icon { padding: 0 13px 0 0; } .testimoniales__name { text-transform: uppercase; font-size: 12px; line-height: 12px; color: #2a77ed; letter-spacing: 2.3px; } .testimoniales__text { padding: 0; } .product-tabs { height: 100%; } .product-tabs__list { font-size: 0; line-height: 0; height: 100%; } .product-tabs__list-item { height: calc(100% / 7); } .product-tabs__list-item.active .product-tabs__link { background: #ffffff; border-left-color: transparent; position: relative; margin-left: -1px; padding-left: 19px; } .product-tabs__list-item.active .product-tabs__link:after, .product-tabs__list-item.active .product-tabs__link:before { content: ''; position: absolute; width: 100%; height: 15px; left: 0; bottom: -15px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: -webkit-linear-gradient(rgba(51, 51, 51, 0) 0%, rgba(43, 43, 43, 0) 6%, rgba(64, 64, 64, 0) 11%, rgba(51, 51, 51, 0) 17%, rgba(43, 43, 43, 0) 22%, rgba(51, 51, 51, 0) 28%, rgba(40, 40, 40, 0) 33%, rgba(44, 44, 44, 0.01) 39%, rgba(38, 38, 38, 0.01) 44%, rgba(40, 40, 40, 0.02) 50%, rgba(34, 34, 34, 0.02) 56%, rgba(35, 35, 35, 0.02) 61%, rgba(30, 30, 30, 0.03) 67%, rgba(30, 30, 30, 0.03) 72%, rgba(24, 24, 24, 0.05) 89%, rgba(25, 25, 25, 0.05) 94%, rgba(22, 22, 22, 0.06) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0)), color-stop(6%, rgba(43, 43, 43, 0)), color-stop(11%, rgba(64, 64, 64, 0)), color-stop(17%, rgba(51, 51, 51, 0)), color-stop(22%, rgba(43, 43, 43, 0)), color-stop(28%, rgba(51, 51, 51, 0)), color-stop(33%, rgba(40, 40, 40, 0)), color-stop(39%, rgba(44, 44, 44, 0.01)), color-stop(44%, rgba(38, 38, 38, 0.01)), color-stop(50%, rgba(40, 40, 40, 0.02)), color-stop(56%, rgba(34, 34, 34, 0.02)), color-stop(61%, rgba(35, 35, 35, 0.02)), color-stop(67%, rgba(30, 30, 30, 0.03)), color-stop(72%, rgba(30, 30, 30, 0.03)), color-stop(89%, rgba(24, 24, 24, 0.05)), color-stop(94%, rgba(25, 25, 25, 0.05)), to(rgba(22, 22, 22, 0.06))); background: linear-gradient(rgba(51, 51, 51, 0) 0%, rgba(43, 43, 43, 0) 6%, rgba(64, 64, 64, 0) 11%, rgba(51, 51, 51, 0) 17%, rgba(43, 43, 43, 0) 22%, rgba(51, 51, 51, 0) 28%, rgba(40, 40, 40, 0) 33%, rgba(44, 44, 44, 0.01) 39%, rgba(38, 38, 38, 0.01) 44%, rgba(40, 40, 40, 0.02) 50%, rgba(34, 34, 34, 0.02) 56%, rgba(35, 35, 35, 0.02) 61%, rgba(30, 30, 30, 0.03) 67%, rgba(30, 30, 30, 0.03) 72%, rgba(24, 24, 24, 0.05) 89%, rgba(25, 25, 25, 0.05) 94%, rgba(22, 22, 22, 0.06) 100%); } .product-tabs__list-item.active .product-tabs__link:before { top: -15px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .product-tabs__list-item.active .product-tabs__link:hover { border-left-color: transparent; } .product-tabs__list-item.active .product-tabs__link:hover .product-tabs__name-inner { -webkit-transition: all .2s linear; transition: all .2s linear; text-decoration: none; } .product-tabs__list-item:last-child .product-tabs__link { border-bottom: 1px solid #ebebeb; } .product-tabs__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 6px 13px 18px; background: #fbfbfb; border: 1px solid #ebebeb; border-bottom: none; border-left: none; height: 100%; } .product-tabs__link:hover { border-color: #ebebeb; } .product-tabs__link:hover .product-tabs__name-inner { border-bottom: 1px solid #e3dcd6; -webkit-transition: all .2s linear; transition: all .2s linear; } .product-tabs__link--prevlast { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-tabs__link--prevlast svg { width: 8px; height: 14px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .product-tabs__link--prevlast:hover { background: #f4f0ec; } .product-tabs__link--prevlast:hover svg { fill: #a38c76; } .product-tabs__link--prevlast .icon-chevron-right { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .product-tabs__link--prevlast .icon-chevron-left { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .product-tabs__photo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 69px; height: 100%; overflow: hidden; padding: 0 13px 0 0; } .product-tabs__photo img { max-width: 100%; max-height: 100%; } .product-tabs__description { display: inline-block; vertical-align: middle; width: calc(100% - 78px); } .product-tabs__name { display: block; padding: 0 0 5px; font-size: 14px; line-height: 18px; color: #a38c76; text-transform: uppercase; font-weight: 500; max-height: 40px; overflow: hidden; } .product-tabs__name-inner { border-bottom: 1px solid transparent; } .product-tabs__price { font-size: 14px; line-height: 14px; color: #343434; font-weight: 700; white-space: nowrap; } .product-tabs__price-old { font-size: 12px; line-height: 12px; font-style: italic; color: #868686; display: inline-block; position: relative; margin-right: 10px; } .product-tabs__price-old:before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #c98d9f; } @media (max-width: 767px) { .product-tabs { display: none; } } @media (max-height: 400px) { .product-tabs__list-item { height: calc(100% / 5); } } @media (min-height: 700px) { .product-tabs__list-item { height: calc(100% / 9); } .product-tabs__name { max-height: 55px; } } .catalogue__table td { padding: 29px 10px 24px; } .catalogue__table-photo { width: 115px; text-align: center; } .catalogue__table-name { width: 164px; } .catalogue__table-price { line-height: 0; } .catalogue__photo-link { display: block; } .catalogue__photo-link img { width: 100%; } .catalogue__photo-link:hover { border-color: transparent; opacity: .8; } .catalogue__product-name { font-size: 18px; line-height: 20px; font-weight: 500; color: #a38c76; text-transform: uppercase; border: 0; } .catalogue__product-name span { border-bottom: 1px solid transparent; transition: all 0.2s ease-in-out; } .catalogue__product-name:hover span { border-color: rgba(163, 140, 118, 0.3); } .catalogue__product-name--lg { font-size: 25px; line-height: 25px; } .catalogue__product-name--lgx { font-size: 40px; line-height: 50px; } .catalogue__product-name:hover { border-color: rgba(163, 140, 118, 0.3); } .catalogue__product-rating { padding: 0 0 5px; line-height: 0; } .catalogue__price-old { font-size: 12px; line-height: 12px; font-style: italic; color: #868686; display: inline-block; position: relative; } .catalogue__price-old:before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #c98d9f; } .catalogue__price-old--sm { float: left; line-height: 14px; margin-right: 10px; } .catalogue__price-old--lg { font-size: 15px; line-height: 15px; } .catalogue__price { display: block; font-weight: 700; color: #343434; } .catalogue__price--lg { font-size: 30px; line-height: 30px; } .catalogue__price--md { font-size: 26px; line-height: 26px; } .catalogue__price--sm { font-size: 24px; line-height: 24px; } .catalogue__price--think { font-weight: 400; font-size: 16px; line-height: 16px; } .catalogue__price--total { font-weight: 500; font-size: 16px; line-height: 16px; } .catalogue__btn-cart { padding: 11px 18px; border: 1px solid rgba(42, 119, 237, 0.3); font-size: 11px; line-height: 11px; color: #2a77ed; font-weight: 700; } .catalogue__btn-cart:hover { border-color: transparent; } .catalogue__btn-cart:hover [class*="icon-"] { fill: #fff; -webkit-transition: all .2s linear; transition: all .2s linear; } .catalogue__btn-cart-plus { display: inline-block; vertical-align: middle; line-height: 0; } .catalogue__table-action-item { display: block; padding: 0 0 5px; } .catalogue__table-action-item:last-child { padding: 0; } .catalogue__table-action-link { color: #343434; text-transform: uppercase; font-size: 11px; line-height: 11px; } .catalogue__table-action-link:hover { border-color: transparent; } .catalogue__table-action-link:hover .catalogue__table-action-text { color: #2a77ed; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .catalogue__table-action-link:hover .catalogue__table-action-icon .icon-heart { fill: #d3d3d3; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .catalogue__table-action-icon, .catalogue__table-action-text { display: inline-block; vertical-align: middle; } .catalogue__table-action-icon { padding: 0 10px 0 0; } .catalogue__table-action-icon .icon-cross { width: 15px; height: 15px; fill: #e35959; } @media (max-width: 1070px) { .catalogue__table td { padding: 29px 5px 31px; } .catalogue__price--lg { font-size: 25px; } } @media (max-width: 767px) { .catalogue__table td { padding: 25px 5px 25px; } .catalogue__table-action, .catalogue__table-spinner { display: none; } .catalogue__table-name { width: auto; } .catalogue__table-photo { width: 70px; } .catalogue__product-rating { display: none; } .catalogue__price--lg { font-size: 30px; } } @media (max-width: 479px) { .catalogue__table-name { width: 90px; } .catalogue__price-old { margin: 0 10px 2px 0; } .catalogue__price { font-size: 14px; line-height: 16px; display: inline-block; } .catalogue__product-name { font-size: 14px; line-height: 16px; } .catalogue__btn-cart { padding: 10px 12px; } .catalogue__btn-cart-plus { display: none; } } td.catalogue__table-photo { padding-left: 26px; } @media (max-width: 767px) { td.catalogue__table-photo { padding-left: 15px; } } .catalogue__products-list { font-size: 0; line-height: 0; border-left: 1px solid #f2f2f0; } .catalogue__products-list-item { display: inline-block; vertical-align: top; width: 33.33%; border: 1px solid #f2f2f0; border-left: 0; margin: 0 0 -1px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .catalogue__products-list-item--type2:hover { border-bottom-color: transparent; } .catalogue__products-list-item--type2 .products-list__caption { position: relative; z-index: 3; } .catalogue__products-list-item .products-list__like svg { width: 18px; height: 16px; } .catalogue__products-list--four .catalogue__products-list-item { width: 25%; } .catalogue__products-list--four .products-list__img { margin: 0 0 10px; height: 180px; } .catalogue__products-list--five .catalogue__products-list-item { width: 20%; } .catalogue__products-list--five .products-list__img { margin: 0 0 10px; height: 180px; } @media (max-width: 1200px) { .catalogue .products-list__action:not(.products-list__action--type2) { top: 25%; } .catalogue .products-list__btns-item { display: block; padding: 0 0 10px; } } @media (max-width: 1024px) { .catalogue .products-list__action { top: 32%; } .catalogue .products-list__btns-item { display: inline-block; padding: 0 11px 0 0; } } @media (max-width: 767px) { .catalogue__products-list-item, .catalogue__products-list--four .catalogue__products-list-item , .catalogue__products-list--five .catalogue__products-list-item { width: 50%; } .products-list__link:hover .slick-next { right: -10px; } .products-list__link:hover .slick-prev { left: -10px; } .catalogue__products-list--four .products-list__img .catalogue__products-list--five .products-list__img { height: 180px; margin: 0 0 10px; } .catalogue .products-list__img { margin: 0 0 10px; height: 170px; } .catalogue .products-list__action { display: none; } } .slick-track { margin-left: 0; margin-right: 0; } .products-list__link { display: block; padding: 19px 20px 23px; height: 475px; cursor: pointer; position: relative; } .products-list__link:hover { border-color: transparent; } .products-list__link:hover .products-list__like, .products-list__link:hover .products-list__action { opacity: 1; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .products-list__link:hover .slick-next, .products-list__link:hover .slick-prev { opacity: 1; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .products-list__link:hover .slick-next { position: absolute; right: -40px; top: calc(50% - 25px); z-index: 10; } .products-list__link:hover .slick-prev { position: absolute; left: -40px; top: calc(50% - 25px); z-index: 10; } .products-list__link:hover .products-list__img img { opacity: .3!important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .products-list__link:hover .products-list__img img.js-img-hover.hide { opacity: 1!important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .catalogue__products-list-item--type2 .products-list__link:hover .products-list__img img { opacity: .7!important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .products-list__label { position: absolute; top: 8px; left: 8px; width: 0; } .products-list__label .label { margin-bottom: 4px; position: relative; top: 0; left: 0; display: inline-block; vertical-align: top; white-space: nowrap; } .products-list__like { position: absolute; top: 10px; right: 14px; opacity: 0; } .products-list__like:hover { border-color: transparent; } .products-list__like:hover .icon-heart { fill: #d3d3d3; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .products-list__like.added .icon-heart { fill: #e32f4a; } .products-list__img { display: block; border: 0; height: 190px; margin: 0 30px 10px; text-align: center; position: relative; } .products-list__img-item { height: 100%; border: 0; } .products-list__img-item.slick-slide { position: relative; height: 190px; } .products-list__img img { max-height: 100%; max-width: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; } .products-list__img .slick-next { position: absolute; right: -50px; top: calc(50% - 25px); z-index: 10; } .products-list__img .slick-prev { position: absolute; left: -50px; top: calc(50% - 25px); z-index: 10; } .products-list__link:hover .slick-disabled { opacity: .3 !important; cursor: default; } .products-list__img .slick-next, .products-list__img .slick-prev { width: 30px; height: 30px; background: transparent; border: 1px solid #eeeeee; border-radius: 50%; text-align: center; padding: 9px 0; opacity: 0; z-index: 10; } .products-list__img .slick-next:hover:not(.slick-disabled), .products-list__img .slick-prev:hover:not(.slick-disabled) { background: #2a77ed; border-color: transparent; } .products-list__img .slick-next:hover:not(.slick-disabled) [class*="icon-"], .products-list__img .slick-prev:hover:not(.slick-disabled) [class*="icon-"] { fill: #fff; } .catalogue__products-list--four .products-list__link:hover .slick-next, .catalogue__products-list--five .products-list__link:hover .slick-next { right: -10px; } .catalogue__products-list--four .products-list__link:hover .slick-prev, .catalogue__products-list--five .products-list__link:hover .slick-prev { left: -10px; } .catalogue__products-list--four .products-list__img .slick-next, .catalogue__products-list--five .products-list__img .slick-next { right: -20px; } .catalogue__products-list--four .products-list__img .slick-prev, .catalogue__products-list--five .products-list__img .slick-prev { left: -20px; } @media (max-width: 767px) { .products-list__img .slick-next { right: -20px; } .products-list__img .slick-prev { left: -20px; } .products-list__link:hover .slick-next { right: -10px; } .products-list__link:hover .slick-prev { left: -10px; } } .products-list__rating { padding: 0 0 10px; } .products-list__name { display: block; padding: 0 0 10px; max-height: 40px; overflow: hidden; } .products-list__action { position: absolute; top: 32%; left: calc(50% - 50px); opacity: 0; text-align: center; } .products-list__action--type2 { top: inherit; bottom: -1px; left: 0; right: 0; background: #fff; z-index: 2; border: 1px solid #f2f2f0; border-top: 0; margin: 0 -1px 0; padding: 0 0 10px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .products-list__link:hover .products-list__action--type2 { bottom: -80px; } .products-list__btns { padding: 0 0 14px; width: 100px; } .products-list__action--type2 .products-list__btns { width: 100%; } .products-list__btns-item { display: inline-block; vertical-align: middle; padding: 0 11px 0 0; text-align: center; } .products-list__btns-item:last-child { padding: 0; } .products-list__btn { display: inline-block; width: auto; border-radius: 50%; width: 30px; height: 30px; background: #2a77ed; padding: 0; } .products-list__action--type2 .products-list__btn { width: inherit; border-radius: 30px; min-width: 30px; } .products-list__action--type2 button.products-list__btn { padding: 0 25px; } .products-list__action--type2 button.products-list__btn svg { display: none; } .catalogue__products-list--five .products-list__action--type2 button.products-list__btn { letter-spacing: -9999px; color: transparent; line-height: 0; width: 30px; padding: 0; } .catalogue__products-list--five .products-list__action--type2 button.products-list__btn svg { display: inherit; } .products-list__btn--lg { width: 40px; height: 40px; } .products-list__btn [class*="icon"] { fill: #fff; height: 100%; } .products-list__btn:hover { background: #4070c2; } .products-list__compare { display: inline-block; } .products-list__compare-icon, .products-list__compare-text { display: inline-block; vertical-align: middle; } .products-list__compare-icon { padding: 0 6px 0 0; line-height: 11px; } .products-list__compare-text { font-size: 11px; line-height: 14px; font-weight: 500; text-transform: uppercase; color: #343434; } .products-list__compare:hover { border-color: transparent; } .products-list__compare:hover .products-list__compare-text { color: #2a77ed; text-decoration: none; } @media (max-width: 479px) { .products-list__link { padding: 9px 20px 13px; height: 283px; } .products-list__name { max-height: 32px; } } .catalogue__products-full-list { border-top: 1px solid #f2f2f0; border-left: 1px solid #f2f2f0; } .catalogue__products-full-list-item { padding: 40px 34px 48px; border-bottom: 1px solid #f2f2f0; border-right: 1px solid #f2f2f0; position: relative; } @media (max-width: 767px) { .catalogue__products-full-list-item { padding: 30px 17px; } } .products-full-list__label { position: absolute; top: 8px; left: 8px; width: 0; } @media (max-width: 1024px) { .package__pick-item .products-full-list__label { top: 30px; } } .products-full-list__label .label { margin-bottom: 4px; position: relative; top: 0; left: 0; display: inline-block; vertical-align: top; white-space: nowrap; } .products-full-list__img { padding-right: 28px; width: 130px; display: inline-block; vertical-align: top; } .products-full-list__img img { max-width: 100%; } .products-full-list__img img:hover { border-color: transparent; opacity: .3; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .products-full-list__img-link:hover { border-color: transparent; } .products-full-list__description { display: inline-block; vertical-align: middle; width: calc(100% - 140px); } .products-full-list__series { font-size: 13px; line-height: 13px; display: block; padding: 0 0 8px; color: #c1c1c1; text-transform: uppercase; } .products-full-list__series a { color: #bebebe; } .products-full-list__series a:hover { border-color: #bebebe; } .products-full-list__title { padding: 0 0 10px; } .products-full-list__name { display: inline-block; vertical-align: middle; line-height: 1em; padding: 0 24px 0 0; } .products-full-list__name .catalogue__product-name { border-bottom: 1px solid transparent; } .products-full-list__name .catalogue__product-name:hover { border-color: rgba(163, 140, 118, 0.3); } .products-full-list__rating { display: inline-block; vertical-align: middle; } .products-full-list__notes { padding: 0 0 14px; } .products-full-list__status { display: inline-block; vertical-align: middle; } .products-full-list__notes .status { margin: 0 25px 0 0; } .products-full-list__compare { display: inline-block; vertical-align: middle; line-height: 0; } .products-full-list__compare-link { font-size: 11px; line-height: 11px; text-transform: uppercase; color: #343434; } .products-full-list__compare-link:hover { border-color: transparent; } .products-full-list__compare-icon, .products-full-list__compare-text { display: inline-block; vertical-align: middle; } .products-full-list__compare-icon { padding: 0 8px 0 0; } .products-full-list__compare:hover { border-color: transparent; } .products-full-list__compare:hover .products-full-list__compare-text { color: #2a77ed; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .products-full-list__text { padding: 0 0 38px; } .products-full-list__description-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .products-full-list__price { padding: 0 16px 0 0; line-height: 0; min-width: 150px; } .products-full-list__points-price { line-height: 23px; display: block; } .products-full-list__action { padding: 0 23px 0 0; text-align: center; } .products-full-list__action-btn { display: block; padding: 0 0 7px; } .products-full-list__action-link { text-transform: uppercase; font-size: 11px; line-height: 11px; color: #343434; letter-spacing: .5px; } .products-full-list__action-link:hover { border-color: transparent; color: #2a77ed; } @media (max-width: 767px) { .products-full-list__spinner { display: none; } .products-full-list__action { padding: 0; } .products-full-list__text { overflow: hidden; padding: 0 0 15px 0; } .products-full-list__btn { padding: 13px 32px; white-space: nowrap; } .products-full-list__rating { display: none; } .products-full-list__title { padding: 0; } } @media (max-width: 479px) { .products-full-list__description { display: block; width: 100%; } .products-full-list__img { display: block; width: 100%; text-align: center; padding: 0 0 20px; } .products-full-list__price .catalogue__price { font-size: 25px; } } .status { color: #343434; line-height: 13px; display: inline-block; } .status { color: #343434; line-height: 13px; display: inline-block; } .status.instock { padding: 0 0 0 12px; color: #78ae2c; position: relative; } .status.instock:before { content: ''; position: absolute; width: 5px; height: 9px; border-right: 1px solid #78ae2c; border-bottom: 1px solid #78ae2c; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); margin-left: -12px; top: calc(50% - 6px); } .product-view__list { position: absolute; display: inline-block; padding: 47px 0 0; height: 45px; overflow: hidden; width: 70px; right: 0; top: -24px; z-index: 11; } .product-view__list-item:last-child .product-view__link { border-bottom: 1px solid #5688da; } .product-view__list-item:first-child { position: absolute; top: 0; left: 0; width: 70px; } .product-view__list-item.active .product-view__link { background: transparent; border: 1px solid #f2f2f0; border-bottom: 1px solid #f2f2f0; } .product-view__list-item.active .product-view__link [class*='icon-'] { fill: #343434; } @media (max-width: 767px) { .product-view__list-item--hide-mobile { display: none; } } .product-view__list.open { overflow: visible; } .product-view__link { display: block; background: #2a77ed; padding: 11px 22px; border-top: 1px solid #5688da; } .product-view__link:hover { background: #4070c2; } .product-view__link [class*="icon-"] { fill: #fff; } @media (max-width: 479px) { .product-view__list { top: -23px; } } .js-btn-clear.hide { opacity: 0 !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } [class*="icon"] { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .contacts__info { background: #fff; padding: 37px 200px 31px; -webkit-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 0.15); position: relative; top: -77px; } .contacts__info-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contacts__info-item { padding: 0 10px; text-align: center; } .contacts__info-icon { 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; height: 46px; padding: 0 0 18px; } .contacts__info-icon [class*='icon'] { fill: #343434; height: 26px; width: 26px; } .contacts__info-title { font-weight: 500; display: block; padding: 0 0 5px; line-height: 13px; } .contacts__numbers { line-height: 20px; } .contacts__numbers-item { display: block; padding: 0 0 2px; border: 0; color: #343434; } .contacts__numbers-item:last-child { padding: 0; } .contacts__address { max-width: 205px; display: block; text-align: center; line-height: 20px; } .contacts__mail { color: #343434; } .contacts__mail:hover { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-color: #343434; } .contacts__social { padding: 6px 0 97px; text-align: center; } .contacts__social-title { display: block; padding: 0 0 37px; font-size: 30px; line-height: 30px; } .contacts__social-list { margin: 0 -15px; } .contacts__social-list [class*='icon'] { fill: #cfcfcf; } .contacts__social-list .social__item { padding: 0 29px; } .contacts__marker-inner { -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); background: #fff; padding: 20px; width: 270px; font-family: 'Montserrat', Verdana, Arial, Helvetica, als_rublregular, sans-serif; font-size: 13px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .contacts__marker-inner:hover { background: rgba(255, 255, 255, 0.8); } .contacts__marker-inner:hover:after { border-right-color: rgba(255, 255, 255, 0.8); } .contacts__marker-inner:after { content: ''; position: absolute; left: -11px; top: 18px; border-right: 11px solid #fff; border-top: 11px solid transparent; border-bottom: 11px solid transparent; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .contacts__marker-item { margin: 0 0 15px 25px; } .contacts__marker-img { width: 100px; height: 100px; } .contacts__marker-img a { border: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .contacts__marker-img a:hover { opacity: .7; } .contacts__marker-img img { max-width: 100%!important; } .contacts__marker-adress { font-size: 18px; font-weight: 500; } .contacts__marker-comment { max-height: 70px; overflow-x: hidden; overflow-y: auto; } .contacts__marker-icon svg { margin: 2px 0 0 -20px; position: absolute; } .contacts__marker-btn { margin: 0 -20px; text-align: center; border-top: 1px solid #ECECEC; padding-top: 20px; } .contacts__marker-btn .btn { padding: 13px 23px; width: calc(100% - 60px); } .contacts__marker-location { display: block; position: absolute; right: 100%; top: 5px; margin: 0 10px 0 0; width: 32px; height: 32px; cursor: pointer; background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAANbY1E9YMgAABPNJREFUWMO1lwtMm1UUx29pWYUCC21nVhzvxyaP8iqUMh6jDygwSikC5SlvRFgmgmOgA1Y2trn5ntscTKZxGh9TMVt0WUQzpqjRqclMJJnJ3Ey2+VhMjBI24Hjut6RA+1XZnTb55cv9er9z//fcc8+5lwAA4cPS8ysp7r1OTF2XSFbtaZJS/DKJNQwJg+Nr1N6y0F6BQDBCCDlKn96ykG2BMaWp8ca9ohTLKNlQ8wExdf7IfU/tuBqDQv5NQGHXZaJv+oTEaPvjJT5+p0Qi91mZXzyEJtbDuvUdEKpqANkaFeD7OYmPYjwqs0etazjDCf9PBFiQqIyt9+NsZwKiLGBs+xasg/NQtRvslO+Yh7xN30GQ0ooWyey61Ida7d/fiYDS/hmSkPtEnUBAQG0Zhao9ABVDAFbbPJRtn13ANse9p/+nlr4Gbm5uoNQNttHvmQWYu6+QzOoTKhz8hqb4KFTvBRxsbunATsxBDfZLs75JPTGfZn0r3dx9lU1ATus54quIPeWPbq/es5zBF6h+HACDFXzkERPZLV+ImATEZu9Od3MTQm77N1CxE5Y9OKUc+xd0TIFQ6A7RWdtymARIFfGP+SqUnDHH2RuaP8VdUAseEhn3pG3HpaAxsSpATb1gYxKAv+EgZRkX5Y4zpIOKRCI7tO3YhwZkmKqeGhphFTAaltTIGXI0Tme+WABt8wm4F/MEtcMkAKP/UEC05Y48EBJfDQJCDjMJuDsoo2ulPByTzhy3z283BmjsSBWxILsn8VEmAaqNzydgnp8xNJ2ByqHb2wU0AI1tX4JA4DafYNyXxiRA33QWvZD+KgKVu3iynyvQW3TZ/CKMOHvVmB7rApOAIsxg6NpQobv4ulJnW3Yyov0wfWM6Fv2ha/gosqj7Gmst+I2UYS7XFL+kx0ieTsx/hndHOAae2nKERv7NJNPBgtKBG5wdZgGcCDSiNg8Xo1HYUHOCd1dQ6DIZmidw3QXUA3WlA7cKEXsx2nLFTkn/NIlIaR8QS+Rg6bmK5XepCCvmurKBv8BbGgrBsVX7qeiinl9I0dafOZgEFDx80Y6p8xIpfOQnoY987WRwXKWTF2g7WtsHYg/fH/I2nV9Z0HmRbOy4YIdJgPHBr5eQv3mKJJuHtXQpctvO2QuUdRDQK9dAtMITYrQD9XTAHOy/GCYB2vpxJwwtn2GJjjsZGLNQI+gzLnsXiD2lU/rGs2JD8yR3hFsMcx5wJKf1K5KY97RBKBJD4ZbLt2LBNgte0mAIS2rppJ7SN044wSQgo2LMmcr38Pmu+wqx94Vk82Go2YeR3zKJdV80nV45Fmho+dxp9sweWF/2Bi+ZVSfJ6hDtczTT1T4F9MABXr5BE9q6cTyOv88LkwB10Yu8aO47RtZqNud6eK3CGLiJhw4NrIk096ZXvENSS47xwiQAI54XddERkpD3pMJdLPlT1/AxeHqvhqjM3rTUklcIvZTwwSQgRrfdBTai1A8SD4n8+8iMbrhLIvtdlf+sLIV6yDzCC5sAbb9LYg07iY8s5EO5fzKuf8D55MIXSJLpEHKQFyYBYUnNLsG0THzk4a+vEEvw0Bl+WqnfQaKz+lzyvwjAO8MBmhW9pcHH8ehF8FrmEiYBSaYDLqGB5R9Z2EcFKMIM+/E65nLXUJgEuNpSlPTyt0l48gM1VADegNrTKo4TDe4CV/yTgL8Bg0AIlCA8gh8AAAAASUVORK5CYII=) 0 0 no-repeat; } .contacts__marker.is-hide .contacts__marker-inner { display: none; } .contacts__marker-close { display: block; width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; backface-visibility: hidden; cursor: pointer; opacity: 0.5; } .contacts__marker-close:hover { opacity: 1; } .contacts__marker-inner:hover:after { border-right-color: rgba(255, 255, 255, 1); } .contacts__marker-close:after, .contacts__marker-close:before { content: ''; display: block; width: 18px; height: 1px; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -9px; background: #000; } .contacts__marker-close:after { transform: rotate(-45deg); } .contacts__marker-close:before { transform: rotate(45deg); } .contacts__marker-inner { position: relative; } .contacts__marker-inner:hover { background: rgba(255, 255, 255, 1); } .js-yamap-wrapper { height: 600px; overflow: hidden; } .js-yamap { margin: -250px 0 0 -310px; min-height: 850px; height: auto; } .locations-select { position: absolute; width: 100%; z-index: 1; } .disabled-map { padding: 78px 0 150px 0; background: #F2F2F2; } @media (max-width: 767px) { .disabled-map { padding: 0 0 70px 0; } } .disabled-map .popup-simple__inner { -webkit-box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 0.15); } .select--map { width: 270px; float: right; margin-top: 20px; color: #fff; background-image: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZXZyb25fc21hbGxfZG93biIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMy40MTgsNy44NTljMC4yNzEtMC4yNjgsMC43MDktMC4yNjgsMC45NzgsMGMwLjI3LDAuMjY4LDAuMjcyLDAuNzAxLDAsMC45NjlsLTMuOTA4LDMuODNjLTAuMjcsMC4yNjgtMC43MDcsMC4yNjgtMC45NzksMGwtMy45MDgtMy44M2MtMC4yNy0wLjI2Ny0wLjI3LTAuNzAxLDAtMC45NjljMC4yNzEtMC4yNjgsMC43MDktMC4yNjgsMC45NzgsMEwxMCwxMUwxMy40MTgsNy44NTl6Ii8+PC9zdmc+); background-color: #2a77ed; border:0; border-radius:4px; font-size:11px; } .select--map:focus { background-color: #2a77ed; } @media (max-width: 900px) { .contacts__info { margin: 0 -15px 0; padding: 39px 20px 49px; display: block; top: 0; } .contacts__info-inner { display: block; margin: 0 0 -55px; } .contacts__info-item { display: inline-block; vertical-align: top; width: 49%; padding: 0 20px 47px; } .contacts__address { max-width: 100%; } .contacts__social { padding: 73px 0 0; } .contacts__social-list .social__item { padding: 0 25px; } .contacts__social-list .social__item:first-child { padding-left: 0; } .contacts__social-list .social__item:last-child { padding-right: 0; } } @media (max-width: 767px) { .contacts__social { padding: 73px 0 10px; } } @media (max-width: 479px) { .contacts__info { margin: 0 -15px 30px; } .contacts__info-item { width: 100%; } .contacts__social { padding: 40px 0 14px; margin: 0 0 -20px; } .contacts__social-list { font-size: 0; line-height: 0; display: inline-block; } .contacts__social-list .social__item { display: inline-block; width: 50%; padding: 0 0 0 20px; } .select--map { width: 100%; margin-top: 15px; } } .js-map { height: 600px; } .cart { padding: 0 0 98px; } .cart__products { padding: 0 0 48px; } .cart__table td { padding: 23px 10px 19px; } .cart__table-photo { width: 200px; padding: 0 50px 0 30px; } .cart__table-name { width: 230px; padding-right: 80px; } .cart__table-discount { width: 250px; padding-right: 110px; } .cart__photo { display: block; text-align: center; } .cart__photo img { max-width: 100%; } .cart__photo:hover { opacity: .3; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-color: transparent; } .cart__product-name { font-size: 15px; line-height: 20px; } .cart__product-name:hover { -webkit-transition: all .2s linear; transition: all .2s linear; } .cart__discount { line-height: 20px; color: #8c8c8c; } .cart__discount-currency { display: block; } .cart__delete .icon-cross { width: 19px; height: 19px; fill: #e35959; } .cart__delete:hover { border-color: transparent; } .cart__delete:hover .icon-cross { fill: #2a77ed; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } @media (max-width: 1024px) { .cart__table-photo { width: 150px; padding: 0 20px; } .cart__table-name { width: 170px; padding-right: 20px; } .cart__table-discount { width: 140px; padding-right: 20px; } } @media (max-width: 767px) { .cart { padding: 0 0 59px; } .cart__table td { padding: 14px 10px 18px; } .cart__table-photo, .cart__table-discount,.cart__table-price { display: none; } .cart__table-name { width: 190px; } .cart td.cart__table-name { padding-left: 18px; } .cart__products { padding: 0 0 35px; } } @media (max-width: 479px) { .cart__table td { padding-left: 5px; padding-right: 5px; } .cart__table-name { width: auto; max-width: 90px; padding: 0 10px; } .cart__product-name { font-size: 13px; line-height: 15px; } } td.cart__table-photo { padding: 23px 50px 19px 30px; } .icon-arrow-long { width: 16px; height: 14px; fill: #2a77ed; } .cart__meta { padding: 0 0 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product-info.cart--tabs { background: transparent; padding: 0; } .cart--tabs .tabs__list-item { padding: 8px 0px; letter-spacing: -5px; } .cart--tabs .tabs__link { padding: 0 25px 5px 25px; text-transform: none; font-size: 13px; line-height: 13px; letter-spacing: normal; } .product-info.cart--tabs .tabs { text-align: left; padding: 0 0 30px 0; } .cart--tabs .tabs__list-item.active .tabs__link:after { background: #2a77ed; } .cart--tabs .tabs__list-item .tabs__link:after { display: block; background: rgba(52, 52, 52, 0.4); } @media (max-width: 767px) { .product-info.cart--tabs { margin: 0 -29px 35px -29px; border: 1px solid #f0f0f0; border-bottom: 0; } .product-info.cart--tabs .tabs-content__inner { padding: 10px 15px 18px 15px; border-bottom: 1px solid #f0f0f0; } .product-info.cart--tabs .tabs-content__title { margin: 0; } .cart--tabs .checkout__input-row { margin: 0 7px; } .cart--tabs .checkout { text-align: left; } .cart--tabs .checkout__button-box { padding: 0 15px 0 15px; } } .cart__sum { text-align: right; } .cart__sum-text { font-size: 14px; line-height: 14px; } .cart__sum-price { font-size: 20px; line-height: 20px; color: #2a77ed; font-weight: 500; display: inline-block; vertical-align: middle; padding: 0 0 0 13px; } .cart__sum-text-price { padding: 0 0 0 13px; font-weight: 500; white-space: nowrap; } @media (max-width: 767px) { .cart__meta { display: block; text-align: center; padding: 0 30px 35px; } .cart__coupon { width: 100%; padding: 0 0 20px; } } input.cart__coupon-input { text-transform: none; letter-spacing: 0; font-size: 13px; line-height: 13px; } .coupon-btn { position: absolute; top: calc(50% - 8px); right: 15px; padding: 0; background: transparent; box-shadow: none; } .coupon-btn:hover { background: transparent; opacity: .8; } .cart__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart__buttons .btn { min-width: 212px; padding: 13px 10px; white-space: nowrap; } .cart__buttons-right-btn { display: inline-block; padding-right: 33px; } @media (max-width: 767px) { .cart__buttons { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .cart__buttons-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .cart__buttons-right { padding: 0 0 30px; -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; text-align: center; } .cart__buttons-right .btn { min-width: 172px; } } @media (max-width: 479px) { .cart__buttons-right-btn { display: block; padding: 0 0 10px; } .cart__buttons-right .btn { min-width: 212px; } .cart__buttons-right { padding: 0 0 10px; } } .recommendations__title { padding: 0 0 28px; } .content-catalogue { padding: 0; } .catalogue__top { padding: 66px 0 68px; text-align: center; position: relative; z-index: 10; background-repeat: no-repeat; background-size: cover; background-position: top center; } .catalogue__top:before { content: ''; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; z-index: -1; } .catalogue__title { font-size: 30px; line-height: 30px; letter-spacing: 0; color: #fff; text-transform: none; } @media (max-width: 767px) { .catalogue__top { padding: 40px 0; } } .breadcrumbs.catalogue__breadcrumbs { padding: 0 0 13px; color: #fff; } .breadcrumbs.catalogue__breadcrumbs .breadcrumb__list-item a { color: #fff; } .breadcrumbs.catalogue__breadcrumbs [class*="icon"] { fill: #fff; } .breadcrumbs.catalogue__breadcrumbs .breadcrumb__list-item a:hover { border-color: rgba(255, 255, 255, 0.3); } .catalogue:after { content: " "; display: block; clear: both; } .catalogue__inner { padding: 62px 0 52px; } .catalogue__description { color: #7e7e7e; margin: 40px 0 0; } .catalogue__content { overflow: hidden; } .catalogue__content--search { padding: 25px 0 0; } .catalogue__search-select { z-index: 12; position: relative; } @media (max-width: 1024px) { .catalogue__categories { display: none; } } @media (max-width: 767px) { .catalogue__inner { padding: 20px 0 75px; } .catalogue__search-form, .catalogue__search-select, .catalogue__search-radio { padding: 0 0 20px; } } .catalogue__filter { border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin: 0 0 40px; position: relative; } .catalogue__filter-section { border-top: 1px solid #e4e4e4; padding: 23px 25px 0 22px; position: relative; } .catalogue__filter-heading { padding: 0 0 26px; } .catalogue__filter-heading:after { content: " "; display: block; clear: both; } .catalogue__filter-title { font-size: 14px; line-height: 14px; font-weight: 500; text-transform: uppercase; float: left; } .catalogue__filter-content { padding-bottom: 30px; } .catalogue__filter-content.js-active { display: none; } .catalogue__filter-arrow { float: right; cursor: pointer; margin: -5px 0 0; } .catalogue__filter-arrow [class*="icon-"] { fill: #999999; } .catalogue__filter-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 19px 23px 19px 20px; position: relative; background: #fff; display: none; border-bottom: 1px solid #f0f0f0; z-index: 1; } .catalogue__filter-top-title { font-size: 25px; line-height: 25px; font-weight: 300; } .catalogue__filter-btn { padding: 18px 10px; display: block; font-size: 14px; line-height: 14px; border: 1px solid #e4e4e4; letter-spacing: .5px; text-align: center; color: #2a77ed; display: none; border-radius: 4px; text-transform: uppercase; } .catalogue__filter-btn:hover { text-decoration: none; color: #fff; background: #2a77ed; border-color: transparent; } .catalogue__filter-button-filter { padding: 25px 22px; border-top: 1px solid #e4e4e4; text-align: center; } .catalogue__filter-button-filter .btn--sm { padding: 10px 20px; } .catalogue__block-hide { width: 50px; height: 50px; background: #f4f4f4; 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; border-radius: 4px; } .catalogue__block-hide .icon-chevron-bottom { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .catalogue__block-hide:hover { background: #2a77ed; } .catalogue__block-hide:hover [class*="icon-"] { fill: #fff; } @media (max-width: 1024px) { .catalogue__filter { position: fixed; top: 0; left: 0; -webkit-transform: translate(-150%); -ms-transform: translate(-150%); transform: translate(-150%); width: 300px; background: #fff; z-index: 200; height: 100%; } .catalogue__filter-top { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalogue__filter-btn { display: block; margin: 0 0 15px; } .catalogue__filter-scroll { height: 100%; overflow: auto; margin-top: -89px; padding-top: 88px; } .catalogue__filter-section { position: inherit; } .catalogue__filter-button-filter { margin-bottom: 54px; } } .js-filter-resp.js-show { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .js-filter-resp.js-hide { -webkit-transform: translate(-150%); -ms-transform: translate(-150%); transform: translate(-150%); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .icon-chevron-bottom { width: 12px; height: 11px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .catalogue__brands { font-size: 0; line-height: 0; margin: 0 -21px -10px; } .catalogue__brands-item { display: inline-block; vertical-align: middle; width: 50%; padding: 0 21px 7px; } .catalogue select.select { text-transform: none; border-color: #f2f2f0; padding: 13px 35px 13px 12px; } .catalogue select.select:hover { text-transform: none; border-color: #dadad5; } .catalogue__type { line-height: 0; } .catalogue__type-item { padding: 0 0 7px; } .catalogue__type-item:last-child { padding: 0; } .price-slider__drag-area { padding: 0 0 19px; z-index: 0; position: relative; } .price-slider__inputs { font-size: 0; line-height: 0; } .price-slider__inputs-input { display: inline-block; vertical-align: middle; width: 75px; position: relative; font-size: 0; line-height: 0; } .price-slider__inputs-input--from { width: 85px; padding: 0 10px 0 0; } .price-slider__inputs-text { display: inline-block; vertical-align: middle; padding: 0 8px 0 0; font-size: 13px; line-height: 14px; max-width: 35px; } .ui-slider { height: 5px; background: #e0e0e0; border: none; border-radius: 0; } .ui-slider-range { background: #2a77ed; } .ui-widget-content .ui-state-default { display: block; width: 15px; height: 12px; border: 1px solid #fff; background: #2a77ed; border-radius: 0; } .ui-widget-content .ui-state-default:after { content: ''; position: absolute; width: 6px; height: 5px; background-image: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMzAwLjAwMDAwMHB0IiBoZWlnaHQ9IjI1MC4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDMwMC4wMDAwMDAgMjUwLjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwyNTAuMDAwMDAwKSBzY2FsZSgwLjA1MDAwMCwtMC4wNTAwMDApIgpmaWxsPSIjMzU2NWI1IiBzdHJva2U9Im5vbmUiPgo8cGF0aCBkPSJNMCA0NTAwIGwwIC01MDAgMzAwMCAwIDMwMDAgMCAwIDUwMCAwIDUwMCAtMzAwMCAwIC0zMDAwIDAgMCAtNTAweiIvPgo8cGF0aCBkPSJNMCAyNTAwIGwwIC01MDAgMzAwMCAwIDMwMDAgMCAwIDUwMCAwIDUwMCAtMzAwMCAwIC0zMDAwIDAgMCAtNTAweiIvPgo8cGF0aCBkPSJNMCA1MDAgbDAgLTUwMCAzMDAwIDAgMzAwMCAwIDAgNTAwIDAgNTAwIC0zMDAwIDAgLTMwMDAgMCAwIC01MDB6Ii8+CjwvZz4KPC9zdmc+Cg==); background-size: 6px 5px; background-repeat: no-repeat; left: 3.2px; top: 2.3px; } .catalogue__news { margin: 0 0 40px; } .catalogue__news-title { font-size: 15px; line-height: 15px; text-transform: uppercase; font-weight: 700; padding: 0 0 23px; display: block; } .catalogue__news-list { font-size: 0; line-height: 0; } .catalogue__news-img { display: inline-block; vertical-align: top; width: 80px; margin-right: 15px; overflow: hidden; transition: opacity 0.2s ease; } .catalogue__news-img a { display: flex; justify-content: center; align-items: center; overflow: hidden; border: 0; } .catalogue__news-img img { flex-shrink: 0; height: 80px; } .catalogue__news-text { display: inline-block; vertical-align: middle; } .catalogue__news-text--img { width: calc(100% - 100px); } .catalogue__news-list-item { padding: 0 0 37px; } .catalogue__news-list-item:last-child { padding: 0; } .catalogue__news-list-item:hover .catalogue__news-img { opacity: 0.7; } .catalogue__news-span { display: block; padding: 0 0 9px; font-size: 12px; line-height: 12px; font-family: 'Playfair', Georgia, serif; color: #9d9d9d; } .catalogue__news-link { display: block; max-height: 80px; overflow: hidden; } .catalogue__news-link-inner { font-size: 13px; line-height: 20px; font-family: 'Playfair', Georgia, serif; } .catalogue__news-link-inner:hover { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } @media (max-width: 1024px) { .catalogue__news { display: none; } } .catalogue__product { margin-top: 60px; } .catalogue__product-title { display: block; font-size: 15px; font-weight: 700; line-height: 15px; padding: 0 0 23px; text-transform: uppercase; } .catalogue__product-title a { color: #2a77ed; display: inline-block; font-family: 'Playfair', Arial, Helvetica, als_rublregular, sans-serif; font-size: 13px; font-weight: 400; line-height: 12px; margin-left: 15px; text-transform: none; } .catalogue__product-list { } .catalogue__product-list-item { margin-bottom: 20px; position: relative; } .catalogue__product-list-item img { max-width: 100%; opacity: 1; transition: opacity 0.2s ease; } .catalogue__product-list-item:hover img { opacity: .7; } .catalogue__product-list-link { display: inline-block; margin-right: 15px; vertical-align: middle; width: 80px; border: 0; } .catalogue__product-list-item-desc { display: inline-block; vertical-align: middle; width: calc(100% - 100px); } .catalogue__product-list-item-desc .label { display: inline-block; } .catalogue__product-list-item-name { color: #a38c76; display: block; font-family: 'Playfair', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 500; line-height: 12px; margin-bottom: 5px; text-transform: uppercase; } .catalogue__product-list-item-price { color: #343434; font-family: 'Playfair', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 700; line-height: 12px; text-transform: uppercase; } @media (max-width: 1024px) { .catalogue__product { display: none; } } .catalogue__content-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 30px; } @media (max-width: 1024px) { .catalogue__content-top { padding: 0 0 15px; } } @media (max-width: 479px) { .catalogue__content { margin: 0 -15px; } .catalogue__content-top { padding: 0 15px 15px; } } .catalogue__sort-sorts { width: 270px; display: inline-block; } .catalogue__sort-limits { width: 180px; display: inline-block; padding-left: 30px; } @media (max-width: 767px) { .catalogue__sort-sorts { width: 190px; } .catalogue__sort-limits { width: 180px; } } @media (max-width: 479px) { .catalogue__sort-limits { display: none; } } .catalogue__sort { min-height: 47px; } .catalogue__product-view { position: relative; } @media (max-width: 479px) { .catalogue__content-top { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .catalogue__product-view { right: 0; } } .catalogue__table { display: none; } .catalogue__table.active { display: table; } .catalogue__full-list { display: none; } .catalogue__full-list.active { display: block; } .catalogue__products-lists { display: none; } .catalogue__products-lists.active { display: block; } .product-view { position: relative; } .product-view__btn { 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; width: 70px; height: 45px; background: transparent; border: 1px solid #f2f2f0; } .product-view__btn [class*='icon-'] { fill: #343434; } .product-view__list.js-active { display: block; } .icon-table { width: 25px; height: 10px; } .js-filter-arrow { -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; } .js-filter-arrow.active .icon-chevron-bottom { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; } .body-overlay, .body-overlay-filter { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.85); display: none; z-index: 100; } .body-overlay.active, .body-overlay-filter.active { display: block; } .js-span-start, .js-span-end { display: block; background: #fff; border: 1px solid #d6d6d6; padding: 7px 12px; border-radius: 4px; font-size: 13px; line-height: 28px; height: 37px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; white-space: pre; overflow: hidden; } .js-span-start { width: calc(100% - 10px); } .icon-cog { width: 16px; height: 15px; fill: #343434; } .catalogue__load { text-align: center; padding: 45px 0 37px; } .catalogue__load-btn { display: block; } .catalogue__load-btn-btn { border: 1px solid #343434; padding: 13px 18px; } .catalogue__load-btn-btn:hover { border-color: transparent; } .catalogue__load-wait { display: block; padding: 20px 0 0; } .catalogue__load-text { display: inline-block; vertical-align: middle; font-size: 11px; line-height: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } .catalogue__load-icon { display: inline-block; vertical-align: middle; padding: 0 12px 0 0; line-height: 11px; } .catalogue__pagination { text-align: center; padding: 45px 0 37px; } .products-amount { display: block; padding: 10px; width: 92px; background: #fff; font-size: 10px; line-height: 14px; font-weight: 500; text-transform: uppercase; position: absolute; right: -103px; top: 10px; z-index: 12; -webkit-box-shadow: 0px 0px 19px 0 rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 19px 0 rgba(0, 0, 0, 0.3); border-radius: 4px; text-align: center; } .sidebar--right .products-amount { left: -103px; } .products-amount:before { content: ''; position: absolute; left: -7px; top: calc(50% - 7px); width: 0; height: 0; border-style: solid; border-width: 6px 7px 6px 0; border-color: transparent #fff transparent transparent; } .sidebar--right .products-amount:before { right: -7px; left: auto; border-width: 6px 0 6px 7px; border-color: transparent transparent transparent #fff; } .products-amount a { display: inline-block; margin: 0 5px; } @media (max-width: 1024px) { .products-amount { right: 0; width: 100%; padding: 20px 10px; border-radius: 0; bottom: 0; top: inherit; font-size: 12px; } .sidebar--right .products-amount { left: 0; } .products-amount:before { display: none; } } .js-custom-scroll { height: 100%; } .catalogue__product-detail { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(75vw + 230px); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: fixed; margin: 0 0 0 -102vw; top: 0; left: 0; z-index: 200; height: 100%; } .catalogue__product-detail.active { margin: 0 0 0 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .catalogue__product-detail.hide { margin: 0 0 0 -102vw; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .catalogue__product-detail-like { opacity: 1; top: -4px; right: 0; cursor: pointer; } .catalogue__product-detail-like [class*="icon-"] { width: 21px; height: 18px; } .catalogue__product-detail-label { position: absolute; top: 0px; left: 0px; width: 0; } .catalogue__product-detail-label .label { margin-bottom: 4px; position: relative; top: 0; left: 0; display: inline-block; vertical-align: top; white-space: nowrap; } .catalogue__product-detail-side { width: 231px; height: calc(100% + 1px); background: #fbfbfb; border-left: 1px solid #ebebeb; margin-top: -1px; } .catalogue__product-detail-main { display: none; } .catalogue__product-detail-main.active { display: block; } .catalogue__product-detail-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 25px 15px 25px; border-bottom: 1px solid #f0f0f0; } .catalogue__product-detail-gallery { padding: 0 0 37px; position: relative; } .catalogue__product-detail-gallery-inner { border: 1px solid #f0f0f0; padding: 13px 15px 15px; position: relative; } .catalogue__product-detail-gallery-item { position: relative; padding: 0 95px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalogue__product-detail-gallery-item img { max-height: 100%; max-width: 100%; margin: 0 auto; } @media (max-width: 767px) { .catalogue__product-detail-gallery-item { padding: 0 20px; } } .catalogue__product-detail-gallery .slick-initialized .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 389px; } .catalogue__product-detail-gallery .slick-arrow { position: absolute; top: calc(50% - 20px); width: 40px; height: 40px; background: #fff; border-radius: 50%; border: 1px solid #e9e9e9; 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; cursor: pointer; z-index: 10; } .catalogue__product-detail-gallery .slick-arrow [class*="icon-"] { fill: #2a77ed; } .catalogue__product-detail-gallery .slick-arrow:hover { background: #2a77ed; border-color: transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .catalogue__product-detail-gallery .slick-arrow:hover [class*="icon-"] { fill: #fff; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .catalogue__product-detail-gallery .slick-prev { left: 30px; } .catalogue__product-detail-gallery .slick-next { right: 30px; } @media (max-width: 767px) { .catalogue__product-detail-gallery .slick-prev { left: 5px; } .catalogue__product-detail-gallery .slick-next { right: 5px; } } .catalogue__product-detail-info-left { display: inline-block; vertical-align: top; width: calc(100% - 305px); padding-right: 80px; } .catalogue__product-detail-info-top { padding: 0 0 3px; } .catalogue__product-detail-info-right { display: inline-block; vertical-align: middle; padding: 35px 0 0; width: 300px; } .catalogue__product-detail-series { color: #c1c1c1; text-transform: uppercase; font-weight: 500; display: inline-block; vertical-align: middle; line-height: 13px; padding: 0 33px 0 0; } .catalogue__product-detail-rating { display: inline-block; vertical-align: middle; line-height: 13px; } .catalogue__product-detail-rating .product__rating { padding: 0; } .catalogue__product-detail-name { display: block; padding: 0 0 15px; } .catalogue__product-detail-compare { display: block; padding: 0 0 16px; } .catalogue__product-detail-description { padding: 0 0 5px; } .catalogue__product-detail-popup { padding: 5px 0 0; margin: 0 0 -10px 0; z-index: 1; position: relative; } .catalogue__product-detail-text { padding: 0 0 7px; } .catalogue__product-detail-price { padding: 0 0 4px; } .catalogue__product-detail-filter { font-size: 0; line-height: 0; } .catalogue__product-detail-filter-title { display: block; padding: 0 0 15px; font-size: 13px; line-height: 13px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } .catalogue__product-detail-option { display: inline-block; vertical-align: top; width: 50%; padding: 30px 38px 0 0; position: relative; } .catalogue__product-detail-type { padding: 36px 0 0; } .catalogue__tabs-container { width: calc(100% - 230px); height: 100%; background: #fff; position: relative; } .catalogue__type--inline .catalogue__type-item { display: inline-block; vertical-align: middle; padding: 0 20px 0 0; } .catalogue__sell-info { border: 1px solid #f0f0f0; padding: 25px 15px; text-align: center; } .catalogue__sell-info-top { padding: 0 0 33px; } .catalogue__sell-info-btns { font-size: 0; line-height: 0; padding: 0 0 27px; margin: 0 -4px; } .catalogue__sell-info-btns .btn { width: 162px; white-space: nowrap; text-align: center; padding: 13px 10px; } .catalogue__sell-info-item { display: inline-block; vertical-align: top; padding: 0 3px; } @media (max-width: 380px) { .catalogue__sell-info-item { padding: 0 3px 10px; } } .catalogue__sell-info .ui-spinner { width: 102px; height: 40px; } .catalogue__sell-info .ui-spinner input { padding: 9px 0 10px 8px; } @media (max-width: 1240px) { .catalogue__product-detail-info-left { display: block; width: 100%; padding: 0 0 20px; } .catalogue__product-detail-info-right { display: block; width: 100%; } .catalogue__product-detail-action-link { margin: 0 16px 0 0; } .catalogue__sell-info { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 20px; } .catalogue__sell-info-top { padding: 0 20px 0 0; } .catalogue__sell-info-bottom { text-align: right; } .catalogue__sell-info-btns { padding: 0 0 10px; } } @media (max-width: 1024px) { .catalogue__product-detail { width: 100vw; margin: 0 0 0 -100vw; } .catalogue__product-detail.active { margin: 0 0 0 0; } .catalogue__product-detail.hide { margin: 0 0 0 -100vw; } .catalogue__product-detail .slick-initialized .slick-slide { height: 250px; } .catalogue__product-detail-gallery { padding: 0 0 20px; } .catalogue__product-detail-name { font-size: 30px; line-height: 30px; padding: 0 0 15px; } .catalogue__product-detail-compare { padding: 0 0 15px; } } @media (max-width: 767px) { .catalogue__product-detail-side { display: none; } .catalogue__tabs-container { width: 100%; } .catalogue__product-detail-option { width: 100%; } } @media (max-width: 500px) { .catalogue__product-detail-action-link { margin: 0; } .catalogue__sell-info { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 15px; } .catalogue__sell-info-top { padding: 0 10px 0 0; -ms-flex-preferred-size: 84%; -webkit-flex-basis: 84%; flex-basis: 84%; } .catalogue__sell-info-bottom { text-align: center; } .catalogue__sell-info-btns { padding: 0; } .catalogue__sell-info-btns .btn { width: 120px; } .catalogue__sell-info-item { padding: 0 3px 10px; } .catalogue__sell-info .ui-spinner { width: 80px; } } .new-window-link { background: #fff; border: 1px solid #f0f0f0; border-radius: 4px; width: 185px; height: 40px; 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; } .new-window-link:hover { background: #2a77ed; color: #fff; } .more { border-bottom: 1px dashed rgba(84, 122, 200, 0.3); } .more:hover { border-bottom-color: transparent; text-decoration: none; } .scroll-container { padding: 25px 25px 105px 25px; } .alerts { position: fixed; width: 100%; z-index: 20; top: 0; left: 0; } .alert { padding: 18px 10px 19px; text-align: center; position: relative; } .alert--green { background: #c7d99d; } .alert--yellow { background: #f6f5a4; } .alert--red { background: #efa1a1; } .alert--blue { background: #c8d8ed; } .alert__text { display: inline-block; font-size: 14px; line-height: 18px; font-weight: 500; } @media (max-width: 767px) { .alert__text { width: calc(100% - 160px); } } .alert__link:hover,.alert a:hover { text-decoration: none; } .alert__close,.cookieagry__close { position: absolute; right: 30px; top: calc(50% - 20px); 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; width: 50px; height: 40px; background: transparent; border: 1px solid rgba(52, 52, 52, 0.3); border-radius: 4px; font-size: 20px; line-height: 20px; font-weight: 300; color: #343434; } .alert__close:hover,.cookieagry__close:hover { border-color: #343434; color: rgba(52, 52, 52, 0.3); } .icon-cross { width: 14px; height: 15px; } .icon-chevron-blue-left { width: 6px; height: 9px; fill: #2a77ed; } .icon-chevron-blue-right { width: 6px; height: 9px; fill: #2a77ed; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .icon-user { width: 14px; height: 16px; fill: #717275; } .icon-magnifying-glass { width: 16px; height: 17px; fill: #717275; } .icon-shopping-cart { width: 16px; height: 15px; fill: #717275; } .icon-heart { width: 15px; height: 12px; fill: #e32f4a; } .icon-add-to-list { width: 15px; height: 14px; fill: #2a77ed; } .icon-chevron-right { width: 7px; height: 10px; fill: #343434; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .icon-chevron-left { width: 7px; height: 10px; fill: #343434; } .icon-chevron-top { width: 7px; height: 10px; fill: #343434; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .icon-menu { width: 27px; height: 25px; fill: #2a77ed; } .icon-location-pin { width: 12px; height: 18px; fill: #2a77ed; } .icon-v-card { width: 16px; height: 16px; fill: #2a77ed; } .icon-paper-plane { width: 16px; height: 16px; fill: #2a77ed; } .icon-wallet { width: 16px; height: 16px; fill: #2a77ed; } .icon-check { width: 16px; height: 16px; fill: #2a77ed; } .icon-arrow-long-right { width: 13px; height: 14px; fill: #2a77ed; } .icon-map { width: 16px; height: 16px; fill: #2a77ed; } .icon-dots-horizontal { width: 18px; height: 18px; } .product--min { position: relative; padding: 0 20px 0 20px; height: 315px; } .product--min .product__img { height: 208px; padding: 41px 20px 20px; 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; } .product--min .product__img a { 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; width: 100%; height: 100%; } .product__price-old { font-size: 12px; line-height: 14px; font-style: italic; color: #868686; display: inline-block; position: relative; float: left; margin-right: 10px; } .product__price-old:before { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #c98d9f; } .product--min .product__price { font-size: 14px; font-weight: 700; line-height: 14px; } .product--min .product__descr-link { display: block; margin: 0 0 10px; max-height: 40px; overflow: hidden; border: 0; } .product--min .product__descr-link span { border-bottom: 1px solid transparent; transition: all 0.2s ease-in-out; } .product--min .product__descr-link:hover span { border-color: rgba(163, 140, 118, 0.3); } .product__img { text-align: center; line-height: 0; } .product__img a { border: none; } .product__img a:hover { opacity: .7; } .product__img img { max-width: 100%; max-height: 100%; display: inline-block; -webkit-transition: all .2s ease; transition: all .2s ease; -ms-flex-negative: 0; flex-shrink: 0; } .product-page__img-slider { width: 100%; } @media (min-width: 767px) { .product-page__img-slider { height: 100%; overflow: hidden; } } .product__price { display: block; } .product__quantity { font-weight: normal; } .product__rating { position: relative; padding: 0 0 5px 0; line-height: 0; width: 125px; height: 19px; background-image: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJTdGFyX291dGxpbmVkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZmlsbD0iI2M0YzRjNCI+PHBhdGggZD0iTTE4LjgsOC4wMjJoLTYuNDEzTDEwLDEuM0w3LjYxMSw4LjAyMkgxLjE5OWw1LjIzMiwzLjk0N0w0LjU2LDE4Ljg5OEwxMCwxNC43NDRsNS40MzgsNC4xNTRsLTEuODY5LTYuOTI5TDE4LjgsOC4wMjJ6IE0xMCwxMi43ODNsLTMuMDE0LDIuNWwxLjI0My0zLjU2MmwtMi44NTEtMi4zTDguOSw5LjUyMmwxLjEtNC4wNGwxLjA5OSw0LjA0bDMuNTIxLTAuMTAxbC0yLjg1MSwyLjNsMS4yNDMsMy41NjJMMTAsMTIuNzgzeiIvPjwvc3ZnPg==); background-size: 24px 15px; background-repeat: repeat-x; margin: 0 0 0 -4px; } .product__rating-fill { position: absolute; top: 0; left: 0; width: 0; height: 100%; overflow: hidden; background-image: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJTdGFyX291dGxpbmVkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZmlsbD0iI2NhYjUwNCI+PHBhdGggZD0iTTE4LjgsOC4wMjJoLTYuNDEzTDEwLDEuM0w3LjYxMSw4LjAyMkgxLjE5OWw1LjIzMiwzLjk0N0w0LjU2LDE4Ljg5OEwxMCwxNC43NDRsNS40MzgsNC4xNTRsLTEuODY5LTYuOTI5TDE4LjgsOC4wMjJ6IE0xMCwxMi43ODNsLTMuMDE0LDIuNWwxLjI0My0zLjU2MmwtMi44NTEtMi4zTDguOSw5LjUyMmwxLjEtNC4wNGwxLjA5OSw0LjA0bDMuNTIxLTAuMTAxbC0yLjg1MSwyLjNsMS4yNDMsMy41NjJMMTAsMTIuNzgzeiIvPjwvc3ZnPg==); background-size: 24px 15px; background-repeat: repeat-x; } .product__rating--sm { width: 100px; height: 20px; background-size: 20px 13px; } .product__rating--sm .product__rating-fill { background-size: 20px 13px; } .popup-simple--fancybox > div { overflow: visible; padding: 24px 0; max-width: 770px; width: 100%; margin: 110px 20px 20px 20px; } .fancybox-slide--html .fancybox-content { margin-bottom: 0; } @media (max-width: 850px) { .popup-simple--fancybox > div { margin: 110px 0 0 0; } } .fancybox-loading { animation: none; border: 0; margin-top: -30px!important; margin-left: -30px!important; width: 60px!important; height: 60px!important; background-image: url(data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmZmZmYiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIzMCIgY3k9IjMwIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS44cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyOCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuOHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIzMCIgY3k9IjMwIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS44cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyOCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuOHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=); } .fancybox-arrow:after { display: none; } .fancybox-show-nav .fancybox-arrow { opacity: 1; } .fancybox-arrow { position: absolute; top: 50%; margin: -50px 0 0; width: 70px; height: 70px; background: rgba(20, 25, 30, 0.5); padding: 0; border: 0; border-radius: 0; outline: none; cursor: pointer; z-index: 99995; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity .25s; -webkit-transition: all .2s ease; transition: all .2s ease; } .fancybox-arrow:hover { background: #000; } .fancybox-arrow:hover svg { fill: #fff; } .fancybox-arrow svg { fill: #fff; } .fancybox-arrow--left { left: 20px; } .fancybox-arrow--right { right: 20px; } .fancybox-arrow--left { -webkit-transform: scaleX(1); transform: scaleX(1); } .fancybox-toolbar { top: 130px; right: 50%; } .fancybox-slide .fancybox-image-wrap { background: #fff; } .fancybox-slide--image { padding: 130px 0 20px 0; } .fancybox-slide--html { padding: 0; } .fancybox-slide:before { margin-right: 0; } @media (max-width: 767px) { .fancybox-navigation { display: none; } .fancybox-slide--image { padding: 25px 0 25px 0; } } .nav__list { margin: 0 0 0 -20px; height: 22px; overflow: hidden; } .nav__list-item { display: inline-block; letter-spacing: 1px; } .nav__list-item:first-child { padding: 0; } .nav__list-item.more { border: none; line-height: 0; position: relative; width: 3em; text-align: center; } .nav__list-item.more span { margin: 2px 0 0 10px; color: #000; display: block; cursor: pointer; } .nav__list-item.more:hover svg { fill: #2a77ed; } .nav__list-item.more #overflow { -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); background: #fff; margin-top: 16px; right: -15px; padding: 20px; opacity: 0; visibility: hidden; position: absolute; z-index: 10; text-align: left; -webkit-transition-duration: .3s; transition-duration: .3s; } .nav__list-item.more:hover #overflow { opacity: 1; visibility: visible; } .nav__list-item.more #overflow:after { content: ''; position: absolute; top: -11px; right: 18px; border-bottom: 11px solid #fff; border-left: 11px solid transparent; border-right: 11px solid transparent; } .nav__list-item.more #overflow:before { content: ''; position: absolute; top: -16px; left: 0; height: 16px; width: 100%; } .nav__list-item.more #overflow .nav__list-item { display: block; float: none; } .nav__list-item.more #overflow .nav__link { margin: 0; padding: 0; line-height: 23px; text-transform: none; font-weight: 400; letter-spacing: 0; font-size: 13px; white-space: nowrap; color: #343434; } .nav__list-item.more #overflow .nav__link:hover { color: #2a77ed; } .nav__link { color: #343434; font-size: 12px; font-weight: 500; line-height: 12px; text-transform: uppercase; border: none; margin: 0 20px; padding: 5px 0; } .nav__link:hover, .nav__link.active { color: #2a77ed; } .nav-top__list-item { display: inline-block; padding: 0 0 0 25px; } .nav-top__list-item:first-child { padding: 0; } .nav-top__link { color: #fff; } .nav-top__link:hover { border-color: #fff; } @media (max-width: 1024px) { .nav-top__list-item { padding: 0 0 0 15px; } } .nav-submenu { max-width: 702px; padding: 26px 0 0 0; text-align: left; } .nav-submenu:after { content: " "; display: block; clear: both; } .nav-submenu__title { display: block; color: #2a77ed; text-transform: uppercase; font-weight: 700; padding: 0 0 8px 0; line-height: 20px; border: none; } .nav-submenu__title [class*="icon-"] { display: none; } .nav-submenu__item { width: 33.33%; display: inline-block; letter-spacing: normal; padding: 0 10px 40px; vertical-align: top; } .nav-submenu__item--manufacturers { width: 100%; padding: 0 0 40px; } .nav-submenu__list { list-style: none !important; } .nav-submenu__list-item--title { display: none; } .nav-submenu__link { color: #343434; display: inline; } .nav-submenu__link:hover { color: #2a77ed; } .nav-submenu__link--more { color: #2a77ed; } .nav-submenu__list-item { float: none; } .nav-submenu__list-item--manufacturers { float: left; width: 50%; } .nav-submenu__left { float: left; letter-spacing: -5px; width: 58%; padding: 0 0 0 20px; } .nav-submenu__right { float: right; width: 42%; position: relative; padding: 0 20px 20px 20px; overflow: hidden; } .nav-submenu__right--manufacturers { margin: -26px 0 0 0; padding: 26px 20px 0 30px; position: inherit; } .nav-submenu__right--manufacturers:after { content: ''; position: absolute; right: 0; bottom: 0; top: 0; width: 42%; background: #f5f5f5; z-index: -1; } .nav-submenu__full-width { float: left; letter-spacing: -5px; width: 100%; padding: 0 20px 0 20px; } .nav-submenu-slider__inner .slick-prev,.nav-submenu-slider__inner .slick-next { position: absolute; top: 0; padding: 2px 13px 5px 13px; background: #e7e7e7; z-index: 1; border-radius: 5px; cursor: pointer; -webkit-transition-duration: .3s; transition-duration: .3s; } .nav-submenu-slider__inner .slick-prev:hover,.nav-submenu-slider__inner .slick-next:hover { background: #2a77ed; } .nav-submenu-slider__inner [class*="icon-"] { width: 4px; height: 8px; -webkit-transition-duration: .3s; transition-duration: .3s; } .nav-submenu-slider__inner .slick-prev:hover [class*="icon-"],.nav-submenu-slider__inner .slick-next:hover [class*="icon-"] { fill: #fff; } .nav-submenu-slider__inner .slick-prev { right: 60px; } .nav-submenu-slider__inner .slick-next { right: 20px; } .nav-submenu-about { display: none; } .nav-submenu-slider__inner { margin: 0 -20px 0 0; } .nav-submenu-slider__item { } .nav-submenu__promo-img { height: 225px; margin: 0 0 20px 0; position: relative; } .nav-submenu__promo-img img { max-height: 100%; position: absolute; bottom: 0; } .nav-submenu__promo-name { color: #a38c76; font-weight: 700; line-height: 20px; text-transform: uppercase; display: block; border: 0 } .nav-submenu__promo-price { display: block; color: #343434; } .nav-submenu__promo-price-old { font-size: 15px; display: inline-block; color: #868686; position: relative; font-style: italic; float: left; line-height: 22px; margin-right: 10px; } .nav-submenu__promo-price-old:before { content: ''; display: block; height: 1px; width: 100%; position: absolute; top: 50%; left: 0; margin: -1px 0 0 0; background: #c98d9f; } .nav-submenu__promo-price-new { font-size: 20px; font-weight: 700; line-height: 22px; display: block; } .nav-submenu--min { padding: 20px; min-width: 150px; text-align: left; max-width: 450px; } .nav-submenu--min .nav-submenu__list { display: block; width: 100%; padding: 0; } @media (max-width: 767px) { .nav-submenu { padding: 10px 25px 0; width: 325px; max-width: 100%; position: relative; } .nav-submenu__right { display: none; } .nav-submenu__left { float: none; width: 100%; padding: 15px 25px 23px; } .nav-submenu__list { background: #fff; width: 100%; padding: 0 0 20px; z-index: 1; } .nav-submenu__link { font-size: 13px; color: #2a77ed; display: block; padding: 18px 0; line-height: 15px; border: none; } .nav-submenu__item { display: block; width: 100%; padding: 0; } .nav-submenu__item .nav-submenu__list { position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); z-index: 2; -webkit-transition: all .2s ease; transition: all .2s ease; min-height: 100%; border-bottom: 1px solid #e6e6e6; padding: 0 0 20px 0; } .nav-submenu__item .nav-submenu__list-item { padding: 0 25px; } .nav-submenu__item .nav-submenu__list-item--title { display: block; font-size: 16px; padding: 10px 25px; } .nav-submenu__item .nav-submenu__list-item--title svg { vertical-align: middle; margin: -2px 16px 0 0; } .nav-submenu__item .nav-submenu__list.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .nav-submenu__title { font-size: 13px; font-weight: 400; text-transform: none; display: block; line-height: 15px; padding: 18px 0; } .nav-submenu__title [class*="icon-"] { display: block; float: right; fill: rgba(52, 52, 52, 0.5); margin: 2px 10px 0 0; } .nav-submenu-about { display: block; padding: 20px 0 15px; border-top: 1px solid #e6e6e6; margin: 0 -25px; width: auto; max-width: none; } .nav-submenu-about .nav-submenu__list-item--title { padding-top: 35px; } .nav-submenu-about .nav-submenu__list { z-index: 1; } .nav-submenu-about .nav-submenu__list-item { padding-left: 25px; padding-right: 25px; } } .search__list { z-index: 1; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding: 0; background: #fff; margin: -20px 0 0 0; } .search__list-item { border-bottom: 1px solid #e9e9e9; } .search__list-item:after { content: " "; display: block; clear: both; } .search__list-item:first-child { padding-top: 30px; } .search__list-item-container { color: #343434; width: 100%; padding: 13px 0; border: none; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search__list-item-container:hover { background: #f6f6f6; text-decoration: none; } .search__name { vertical-align: middle; -webkit-box-flex: 1; -ms-flex: auto 1 1; flex: auto 1 1; text-align: left; line-height: normal; } .search__img { width: 85px; line-height: 0; vertical-align: middle; display: -webkit-box; display: -ms-flexbox; display: flex; } .search__img img { display: block; margin: auto; max-width: 100%; max-height: 50px; } .search__price { vertical-align: middle; padding: 0 10px 0 0; text-align: center; white-space: nowrap; } .search__price-old { display: inline-block; font-size: 10px; color: #868686; line-height: 14px; position: relative; padding: 0 0 2px 0; } .search__price-old:before { content: ''; display: block; height: 1px; width: 100%; position: absolute; top: 50%; left: 0; margin: -1px 0 0 0; background: #c98d9f; } .search__price-default { line-height: 14px; position: relative; top: -5px; display: block; } @media (max-width: 767px) { .search__list { padding: 0; margin: 0; } .search__name { line-height: 12px; padding: 0 5px; display: block; } .search__price { -ms-flex-negative: 0; flex-shrink: 0; } .search__img { -ms-flex-negative: 0; flex-shrink: 0; width: 60px; } } .cart__list { text-align: left; padding: 0 10px 0 0; } .cart__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 0 0 0; } .cart__list-item:first-child { padding: 0; } .cart__img { width: 70px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 10px; flex-shrink: 0; flex-basis: 70px; } .cart__img a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border: none; } .cart__img a:hover { opacity: .7; } .cart__img img { max-width: 100%; height: auto; margin: auto; display: block; -webkit-transition: all .2s ease; transition: all .2s ease; } .cart__descr { -webkit-box-flex: 1; -ms-flex: auto 1 1; flex: auto 1 1; } .cart__article { display: block; color: #868686; font-size: 12px; text-transform: uppercase; line-height: 12px; } .cart__model { font-size: 14px; line-height: 14px; } .cart__price { font-size: 15px; line-height: 15px; font-weight: 700; display: block; } .cart__count { font-size: 12px; display: block; line-height: 15px; } .cart__close-btn { display: block; border: none; } .cart__close-btn:hover svg { fill: #2a77ed; } .cart__close svg { display: block; margin: auto; line-height: 0; font-size: 0; } .actions__list { letter-spacing: -5px; } .actions__list-item { letter-spacing: normal; display: inline-block; padding: 0 0 0 21px; vertical-align: middle; position: relative; } .actions__list-item:first-child { padding: 0; } .actions__list-item a { border: none; position: relative; display: block; line-height: 0; } .actions__list-item a svg { pointer-events: all; } .actions__list-item a:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .actions__list-item a:hover svg { fill: #343434; } .actions__counter { position: absolute; font-size: 8px; color: #fff; font-weight: 700; display: inline-block; background: #EA184E; border-radius: 8px; top: -10px; left: -7px; min-width: 16px; height: 16px; text-align: center; line-height: 17px; padding: 0 4px; z-index: 1; } .actions__counter--blue { background: #2a77ed; top: -9px; } .account { width: 921px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background: #fff; min-height: 350px; } .account:after { content: " "; display: block; clear: both; } .account__col { width: 33.33%; padding: 25px 30px; border-left: 1px solid #ededed; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .account__col:nth-child(2) { border: none; } .account__col.right { float: right; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #langcurr { display: none; } .account__title { display: block; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 0 0 15px 0; } .account__title [class*="icon-"] { vertical-align: middle; position: relative; top: -2px; margin: 0 10px 0 0; } .account__title--form { text-align: center; padding: 0 0 24px 0; } .account__title--user { padding: 0 0 25px 0; } .icon-logged-user { width: 18px; height: 20px; fill: #ccc; } .account__title--user [class*="icon-"] { margin-left: -30px; } .account-logged { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .account-logged__list-item { padding-bottom: 4px; } .account__tabs { text-align: center; padding: 0 32px 25px; letter-spacing: -5px; } .account__tabs-item { letter-spacing: normal; display: inline-block; width: 50%; padding: 0 0 8px 0; color: #343434; border-bottom: 1px solid rgba(52, 52, 52, 0.4); cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; } .account__tabs-item.active { color: #2a77ed; border-color: #2a77ed; } .account__tabs-content-item { display: none; } .account__tabs-content-item.active { display: block; } .account__input-box { background-color: #efefef; border-radius: 5px; margin: 0 0 15px 0; } .account__input-box input { border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; background: none; padding: 13px 15px; text-transform: none; letter-spacing: normal; font-size: 13px; } .account__input-box input:focus { background: none; } .account__input-box--pass { position: relative; margin-bottom: 34px; } .account__input-box--pass input { padding-right: 95px; } .account__input-box--pass a { font-size: 11px; line-height: 12px; position: absolute; right: 13px; top: 16px; } .account__check-box { padding: 1px 0 34px; display: none; } .account__register-box { height: 140px; margin-bottom: 30px; } .account .btn { display: block; width: calc(100% - 30px); margin: auto; padding: 13px 30px; } .account__list { max-height: 337px; overflow: auto; padding: 0 0 22px 0; } .account__list-item { padding: 33px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .account__list-item:first-child { padding: 0; } .account__list-item a { line-height: 18px; } .account__list-item .link { line-height: 0; -ms-flex-negative: 1; flex-shrink: 1; } .account__list-img { width: 80px; min-width: 80px; padding: 0 10px 0 0; vertical-align: middle; line-height: 0; text-align: center; } .account__list-img a { border: 0; } .account__list-img img { max-width: 100%; max-height: 100%; } .account__empty-text { display: block; padding: 80px 0; text-align: center; height: 80%; 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; } @media (max-width: 1024px) { .account { width: 767px; } .account button.btn { padding-left: 20px; padding-right: 20px; } .account__tabs { padding: 0 5px 25px; } } @media (max-width: 767px) { .account { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; width: 100%; } .account__col { width: 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-top: 1px solid #ededed; } .account__col.right { width: 242px; width: 51%; min-width: 242px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border: none; margin: 0 auto; padding: 35px 0 28px; } .account__col:nth-child(3) { border-top: 1px solid #ededed; } #langcurr { display: flex; width: 100%; } #langcurr .header__currencies, #langcurr .header__languages { width: 100%; flex: 1; padding: 0 10px; text-align: center; } #langcurr .header__select { margin: 0; display: block; width: 100%; } #langcurr button.ui-multiselect .ui-multiselect-value { text-align: center; } } @media (max-width: 425px) { .account__col { width: 100%; border-left: none; } } .cart-popup { padding: 90px 0 0 18px; text-align: center; width: 325px; height: 100%; background: #fff; -webkit-transition: all .2s ease; transition: all .2s ease; position: fixed; z-index: 2; top: 0; left: 100%; right: auto; overflow: hidden; } .cart-popup.active { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .cart-popup .scroll-container { padding: 24px 18px 15px 0; } .cart-popup .cart__list { padding-bottom: 40px; } .cart-popup__top { padding: 15px 18px 0; height: 74px; position: absolute; top: 0; left: 0; width: 100%; } .cart-popup_bottom { height: 100%; overflow: auto; } .cart-popup__top:after { content: " "; display: block; clear: both; } .cart-popup__close { float: left; background-color: #f4f4f4; border-radius: 5px; padding: 20px 21px; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; margin: 0 37px 0 0; } .cart-popup__close [class*="icon-"] { display: block; } .cart-popup__close:hover { background: #2a77ed; } .cart-popup__close:hover svg { fill: #fff; } .cart-popup__title { font-size: 25px; font-weight: 300; line-height: 30px; display: block; text-align: left; padding: 10px 0; } .cart-popup__total { display: block; font-size: 14px; font-weight: 500; line-height: 16px; padding: 0 0 8px 0; } .cart-popup__total span { color: #2a77ed; } .cart-popup__discount { display: block; color: #9b9b9b; line-height: 16px; padding: 0 0 35px 0; } .cart-popup__btn { padding: 20px 0 0; } .cart-popup .btn { margin: 0 0 15px 0; padding-left: 46px; padding-right: 46px; } .cart-popup__link { display: block; margin: 0 0 50px 0; } .cart-popup__link a { font-weight: 500; text-transform: uppercase; font-size: 11px; line-height: 11px; color: #343434; letter-spacing: .5px; } .cart-popup__link a:hover { color: #2a77ed; } .popup-simple { display: none; } .popup-simple__inner { max-width: 770px; width: 100%; margin: auto; background: #fff; padding: 24px; text-align: center; position: relative; } .popup-simple__inner form { max-width: 430px; width: 100%; margin: auto; } [id^="custom-popup"] .popup-simple__inner form, .custom-popup .popup-simple__inner form { max-width: 100%; } .popup-simple__inner h3 { font-size: 26px; font-weight: 300; padding: 0 0 50px 0; } .popup-simple__inner h3:first-letter { text-transform: uppercase; } .popup-simple__inner input { border-radius: 0; margin: 0 0 19px 0; text-transform: none; letter-spacing: normal; padding: 15px 12px; } .popup-simple__inner textarea { border-radius: 0; margin: 0 0 19px 0; text-transform: none; letter-spacing: normal; } .popup-simple__inner-text { text-align: left; } .popup-simple__inner-error-text { margin: -19px 0 0 0; padding-bottom: 19px; color: #e03e3e; text-align: left; } .popup-simple__inner .btn { font-size: 10px; padding: 9px 30px; letter-spacing: normal; } .popup-simple__inner .checkout { text-align: left; } .popup-simple__inner-captcha { margin: 0px 0px 19px; } .popup-simple__inner-personal-data { margin: 20px 0 0 0; color: #bebebe; } .popup-simple__inner-personal-data a { color: #bebebe; } .popup-simple__inner-personal-data a:hover { border-color: #bebebe; } .popup-simple__close { display: block; text-transform: uppercase; width: 50px; height: 50px; background: #f4f4f4; border-radius: 5px; position: absolute; left: 50%; margin: 0 0 0 -25px; top: -83px; line-height: 0; padding: 0; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; text-align: center; color: #343434; font-size: 13px; font-weight: normal; } .popup-simple__close:hover { background: rgba(244, 244, 244, 0.7); color: #343434; box-shadow: none; } .fancybox-is-zoomable:not(.fancybox-can-zoomIn) .popup-simple__close { right: 20px; left: inherit; top: 20px; position: fixed; border-radius: 0; background: rgba(20, 25, 30, 0.5); color: #fff; } .fancybox-is-zoomable:not(.fancybox-can-zoomIn) .popup-simple__close:hover { background: #000; } .popup-simple__rating { margin: 0 0 19px 0; text-align: left; overflow: hidden; } .popup-simple__rating span { float: left; margin-right: 20px; } .popup-rating { float: left; } .popup-rating:not(:checked) > .popup-rating__input { display:none } .popup-rating__star:after, .popup-rating__star:before { display: none; } .popup-rating .popup-rating__star { width: 19px!important; height: 19px; padding: 0!important; background: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJTdGFyX291dGxpbmVkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNjNGM0YzQiPjxwYXRoIGQ9Ik0xOC44LDguMDIyaC02LjQxM0wxMCwxLjNMNy42MTEsOC4wMjJIMS4xOTlsNS4yMzIsMy45NDdMNC41NiwxOC44OThMMTAsMTQuNzQ0bDUuNDM4LDQuMTU0bC0xLjg2OS02LjkyOUwxOC44LDguMDIyeiBNMTAsMTIuNzgzbC0zLjAxNCwyLjVsMS4yNDMtMy41NjJsLTIuODUxLTIuM0w4LjksOS41MjJsMS4xLTQuMDRsMS4wOTksNC4wNGwzLjUyMS0wLjEwMWwtMi44NTEsMi4zbDEuMjQzLDMuNTYyTDEwLDEyLjc4M3oiLz48L3N2Zz4="); } .popup-rating:not(:checked) > .popup-rating__star { white-space: nowrap; cursor: pointer; float: right; margin-right: 6px; } .popup-rating > .popup-rating__input:checked ~ .popup-rating__star, .popup-rating:not(:checked) > .popup-rating__star:hover, .popup-rating:not(:checked) > .popup-rating__star:hover ~ .popup-rating__star, .popup-rating > .popup-rating__input:checked + .popup-rating__star:hover, .popup-rating > .popup-rating__input:checked + .popup-rating__star:hover ~ .popup-rating__star, .popup-rating > .popup-rating__input:checked ~ .popup-rating__star:hover, .popup-rating > .popup-rating__input:checked ~ .popup-rating__star:hover ~ .popup-rating__star, .popup-rating > .popup-rating__star:hover ~ .popup-rating__input:checked ~ .popup-rating__star { background: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KDQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJTdGFyX291dGxpbmVkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNjYWI1MDQiPg0KPHBhdGggZD0iTTE4LjgsOC4wMjJoLTYuNDEzTDEwLDEuM0w3LjYxMSw4LjAyMkgxLjE5OWw1LjIzMiwzLjk0N0w0LjU2LDE4Ljg5OEwxMCwxNC43NDRsNS40MzgsNC4xNTRsLTEuODY5LTYuOTI5TDE4LjgsOC4wMjJ6DQoJIE0xMCwxMi43ODNsLTMuMDE0LDIuNWwxLjI0My0zLjU2MmwtMi44NTEtMi4zTDguOSw5LjUyMmwxLjEtNC4wNGwxLjA5OSw0LjA0bDMuNTIxLTAuMTAxbC0yLjg1MSwyLjNsMS4yNDMsMy41NjJMMTAsMTIuNzgzeiIvPg0KPC9zdmc+DQo="); } .popup-rating > .popup-rating__star:active { position:relative } .popup-package { max-width: 1200px!important; } .popup-package__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.85); } .popup-package__inner { background: #fff; padding: 40px 69px 61px; position: relative; } .popup-package__close { display: block; width: 19px; height: 19px; position: absolute; top: 10px; right: 12px; cursor: pointer; } .popup-package__close svg { width: 19px; height: 19px; fill: #e14c4c; display: block; } .popup-package .popup-close { display: none; } .popup-package .package__result { padding: 0 0 67px 0; } .popup-package h3 { font-size: 30px; font-weight: 300; line-height: 30px; padding: 0 0 45px 0; letter-spacing: normal; } @media (max-width: 767px) { .popup-package { padding: 0; } .popup-package__inner { padding: 20px 15px; } .popup-package .popup-close { display: block; left: auto; right: 10px; top: 10px; } .popup-package__close { display: none; } .popup-package h3 { padding-right: 50px; } .fancybox-is-zoomable:not(.fancybox-can-zoomIn) .popup-simple__close { right: 0; top: 0; } } .header { position: relative; z-index: 14; } .header--version1 { border-bottom: 1px solid #eaeaea; } .header--version1 .header__top { background: #343434; color: #fff; padding: 10px 0; } .header--version1 .header__call .btn { color: #fff; } .header--version1 .header__nav-top { padding: 3px 0 0 0; } .header--version1 .header__bottom { padding: 26px 0 21px; } @media (min-width: 767px) { .header--version1 .nav__list { height: 22px; } } .header--version2 .header__top { padding: 23px 0 22px; text-align: center; } .header--version2 .header__bottom { padding: 23px 0; background: #343434; box-shadow: none; height: 68px; } .header--version2 .header__bottom .container { width: 1200px; } .header__bottom--fix,.header__top--fix,.header--fix { position: fixed; width: 100%; top: 0; left: 0; background: #fff; min-width: 320px; box-shadow: 0 0 0 1px #eaeaea; z-index: 1; } @media (max-width: 767px) { .header--version2 { border-bottom: 1px solid #eaeaea; } } @media (max-width: 1200px) { .header--version2 .header__bottom .container { width: 1024px; } } @media (max-width: 1024px) { .header--version2 .header__bottom .container { width: 767px; } } .header--version2 .header__nav { float: none; padding: 0; width: 100%; } .header--version2 .header__actions { float: right; } .header--version2 .header__nav-top { margin: 0 61px 0 0; } @media (max-width: 1024px) { .header--version2 .header__nav-top { margin: 0 50px 0 0; } } @media (max-width: 850px) { .header--version2 .header__nav-top { display: none; } } .header--version2 .nav-top__link { color: #343434; } .header--version2 .nav-top__link:hover { border-color: #e4e4e4; } .header--version2 .nav__list { width: auto; text-align: center; } .header--version2 .nav__list:after { content: " "; display: block; clear: both; } .header--version2 .nav__list-item { display: block; padding: 0; float: left; } .header--version2 .nav__list-item.more { width: 30px; border: none; padding: 0; display: none; } .header--version2 .nav__list-item.more svg { fill: #fff; } .header--version2 .nav__list-item.more span { margin: 0; } .header--version2 .nav__list-item.more:hover svg { fill: #2a77ed; } .header--version2 .nav__list-item.more #overflow { -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); } .nav__list--v2 .nav__list-item:not(.more),.nav__list--v2 .nav__list-item.more { display: inline-block; float: none; } .header--version2 .nav__link { color: #fff; padding: 5px 10px; } .header--version2 .nav__link:hover { color: #6998e0; } .header--version2 .nav__link.active { color: #6998e0; } .header--version2 .header__top-logo { float: none; display: inline-block; margin: -23px 0 -30px 0; } .header__top-logo.header__top-logo--v2 { float: left; } .header--version2 .header__logo { margin: 0; height: 75px; } .header--version2 .header__call-phones a { color: #343434; } @media (max-width: 767px) { .header--version2 .header__call { width: 100%; padding: 0 0 23px 0; } .header--version2 .header__bottom { display: none; } .header--version2 .header__top-logo { margin: -23px -61px -30px 20px; } .header__call--hide { position: absolute; left: -9999px; width: calc(100% - 30px)!important; } } @media (max-width: 420px) { .header--version2 .header__top-logo { float: left; margin: -26px 0 -30px 20px; } } @media (min-width: 767px) { .header--version2 .popup.right { top: 50px; } } .header--min { height: 75px; padding: 25px 0; background: #fff; top: 0; left: 0; z-index: 15; width: 100%; box-shadow: 0 0 0 1px #eaeaea; -webkit-transition: background .2s ease; transition: background .2s ease; } .header--min.background--dark:not(.header--fix) { background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); } .header--min .header__logo { height: 75px; } .header--min .header__nav { padding: 3px 0 0 0; } .header--min.background--dark:not(.header--fix) .header__bottom .nav__link, .header--min.background--dark:not(.header--fix) .header__bottom .header__logo { color: #fff; } .header--min.background--dark:not(.header--fix) .ui-state-hover .ui-multiselect-value, .header--min.background--dark:not(.header--fix) .ui-state-active .ui-multiselect-value { color: #343434; } .header--min.background--dark:not(.header--fix) .header__bottom .ui-state-hover svg, .header--min.background--dark:not(.header--fix) .header__bottom .ui-state-active svg { fill: #343434; } .header--min.background--dark:not(.header--fix) .ui-multiselect-value { color: #fff; -webkit-transition: all .2s ease; transition: all .2s ease; } .header--min svg { -webkit-transition: all .2s ease; transition: all .2s ease; } .header--min.background--dark:not(.header--fix) .header__bottom svg { fill: #fff; } .header--min.background--dark:not(.header--fix) .header__select select { color: #fff; background-image: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZXZyb25fc21hbGxfZG93biIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMy40MTgsNy44NTljMC4yNzEtMC4yNjgsMC43MDktMC4yNjgsMC45NzgsMGMwLjI3LDAuMjY4LDAuMjcyLDAuNzAxLDAsMC45NjlsLTMuOTA4LDMuODNjLTAuMjcsMC4yNjgtMC43MDcsMC4yNjgtMC45NzksMGwtMy45MDgtMy44M2MtMC4yNy0wLjI2Ny0wLjI3LTAuNzAxLDAtMC45NjljMC4yNzEtMC4yNjgsMC43MDktMC4yNjgsMC45NzgsMEwxMCwxMUwxMy40MTgsNy44NTl6Ii8+PC9zdmc+); } .header--min.background--dark:not(.header--fix) .header__select select:focus { background-color: #000; } @media (min-width: 767px) { .header--min .nav__list { height: 22px; } } .header__nav-btn { display: none; } .header__nav-top { float: right; } .header__call { float: left; } .header__call.header__call--v2 { float: none; display: inline-block; } .header__call-phones { padding-right: 14px; font-weight: 500; } .header__call-phones a { color: #fff; border: 0; } .header__call .btn { font-size: 11px; text-transform: none; line-height: 11px; padding: 9px 17px 8px 18px; display: inline-block; vertical-align: middle; letter-spacing: normal; } .header__logo { 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; height: 70px; width: auto; max-width: 300px; float: left; color: #343434; font-size: 20px; font-weight: 700; text-transform: uppercase; border: none; margin: -26px 60px -22px 0; } .header__logo img { max-width: 100%; max-height: 100%; } .header__logo:not([href]) { cursor: default; } @media (max-width: 1024px) { .header__logo { margin: -26px 30px -22px 0; } } .header__nav { float: left; padding: 0; width: calc(100% - 480px); min-width: 200px; position: relative; } .header__languages , .header__currencies { float: right; position: relative; z-index: 1; } .header__languages--hide, .header__currencies--hide { display: none; } .header__select .account__title { display: none; } @media (max-width: 767px) { .header__languages .header__select,.header__currencies .header__select { display: none; } .header__select .account__title { display: block; } } .header__select { width: 54px; margin: -5px 0 -10px -1px; } .header__select select { height: 38px; padding: 10px; background-size: 15px; background-position: right 7px center; } .select.select--header .ui-multiselect .ui-multiselect-inner { border-radius: 0; padding: 10px; } .select--header .ui-multiselect { border-radius: 0; border: 1px solid #dadad5; } .ui-widget-content.select.select--header { border-radius: 0; } .ui-widget-content.select.select--header .ui-multiselect-menu-inner ul li:last-child .ui-state-hover { border-radius: 0; } .ui-widget-content.select.select--header .ui-multiselect-menu-inner ul li label { border-radius: 0; padding: 11px 10px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: uppercase; } .select.select--header .ui-multiselect-arrow { top: calc(50% - 9px); right: 12px; } .select--header .icon-arrow-select { width: 5px; height: 8px; } .header__actions { float: right; margin-left: 30px; position: relative; } .header__search-form { position: absolute; right: -10px; top: -10px; width: 562px; cursor: pointer; width: 100px; opacity: 0; display: none; -webkit-transition: all .2s ease; transition: all .2s ease; z-index: 99; } .header__search-form-close { position: absolute; top: 12px; right: 12px; display: block; line-height: 0; z-index: 2; } .header__search-form-close .icon-cross { width: 16px; height: 15px; fill: #343434!important; } .header__search-form input { -webkit-box-shadow: none; box-shadow: none; border-radius: 20px; text-transform: none; padding: 12px 40px 12px 20px; letter-spacing: normal; font-size: 13px; line-height: 13px; position: relative; z-index: 2; } .header__search-form input::-webkit-input-placeholder { color: #9b9b9b; } .header__search-form input::-moz-placeholder { color: #9b9b9b; opacity: 1; } .header__search-form input:-ms-input-placeholder { color: #9b9b9b; } .header__search-form input:focus::-moz-placeholder { color: transparent; opacity: 1; } .header__search-form input:focus::-webkit-input-placeholder { color: transparent; } .header__search-form input:focus:-ms-input-placeholder { color: transparent; } .header__search-form input:focus::placeholder { color: transparent; } .header__search-form input::-webkit-input-placeholder { font-style: italic; } .header__search-form input:-moz-placeholder { font-style: italic; opacity: 1; } .header__search-form input::-moz-placeholder { font-style: italic; opacity: 1; } .header__search-form input:-ms-input-placeholder { font-style: italic; } .header__search-form-btn { display: none; } .header__search-form.active { display: block; } .header__search-form.visible { opacity: 1; width: 562px; } .header__search-form .input-box { position: relative; z-index: 2; } @media (max-width: 767px) { .header__nav-btn { display: block; float: left; } .header__nav-top { display: none; } .header__call { float: none; text-align: center; } .header__logo { margin: -26px 0 -22px 15px; height: 73px; } .header__bottom { text-align: center; } .header .nav { display: none; } .header__search-form { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; width: 100%; padding: 180px 30px; background: #000; } .header__search-form input { background: none; border: none; border-bottom: 1px solid #fff; border-radius: 0; } .header__search-form-btn { display: block; background: none; border-radius: 0; position: absolute; right: 0; top: 0; z-index: 2; padding: 12px; } .header__search-form-btn:hover { background: none; } .header__search-form-btn svg { fill: #fff; width: 16px; height: 17px; } .header__search-form-close { top: 44px; width: 50px; height: 50px; right: 50%; margin: 0 -25px 0 0; border: 1px solid #fff; border-radius: 5px; padding: 13px; } .header__search-form-close:after { content: 'x'; display: block; text-align: center; font-size: 20px; font-weight: 300; color: #fff; line-height: 20px; } .header__search-form-close svg { display: none; } .header__search-form input { color: #fff; padding: 13px 40px 13px 10px; } .header__search-form input::-webkit-input-placeholder { color: #fff; } .header__search-form input::-moz-placeholder { color: #fff; opacity: 1; } .header__search-form input:-ms-input-placeholder { color: #fff; } .header__search-form input:focus::-moz-placeholder { color: transparent; opacity: 1; } .header__search-form input:focus::-webkit-input-placeholder { color: transparent; } .header__search-form input:focus:-ms-input-placeholder { color: transparent; } .header__search-form input:focus::placeholder { color: transparent; } .header__search-form input:focus { background: none; } .header__search-form .input-box { position: relative; } .header__search-form.visible { width: 100%; } .search__list-item:first-child { padding-top: 0; } .search__list-item-container { padding: 10px 20px; text-align: left; } } @media (max-width: 479px) { .header__logo { max-width: 170px; } } @media (max-width: 360px) { .header__logo { max-width: 125px; } } .popup { background: #fff; -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); position: absolute !important; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease; display: none; margin: 40px 0 0 0; z-index: 999; } .popup__triangle { display: block; position: absolute; bottom: 100%; border-bottom: 11px solid #fff; border-left: 11px solid transparent; border-right: 11px solid transparent; } .popup.active { display: block; } .popup.visible { opacity: 1; margin: 15px 0 0 0; } .popup.visible:after { content: ''; position: absolute; width: 100%; height:20px; top: -20px; left: 0; } .popup-overlay { position: fixed; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; z-index: 1; background: rgba(0, 0, 0, 0.8); top: 0; left: 0; right: 0; bottom: 0; opacity: 0; display: none; } .popup-overlay.active { display: block; } .popup-overlay.visible { opacity: 1; } .popup-close { display: none; } .popup__title { display: none; } @media (max-width: 767px) { .popup { max-width: 100%; width: auto; height: 100%; opacity: 1; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); margin: 0; position: fixed!important; top: 0; left: 0; z-index: 999; } .popup-close { position: absolute; background-color: #f4f4f4; border-radius: 5px; padding: 20px 21px; -webkit-transition: all .2s ease; transition: all .2s ease; display: block; z-index: 1; } .popup-close [class*="icon-"] { display: block; } .popup-close:hover { background: #2a77ed; } .popup-close:hover svg { fill: #fff; } .popup.right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .popup.right .popup-close { top: 15px; left: 15px; } .popup.left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .popup.left .popup-close { top: 15px; right: 15px; } .popup.visible { margin: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .popup.visible:before { opacity: 1; } .popup__title { font-size: 25px; font-weight: 300; display: block; text-align: left; padding: 15px 70px 0 25px; line-height: 50px; } .popup__scroll { overflow: auto; height: 100%; } .popup__submenu-scroll { height: calc(100% - 65px); overflow: auto; } } .breadcrumb__list { letter-spacing: -5px; } .breadcrumb__list-item { letter-spacing: normal; display: inline-block; padding: 0 0 0 17px; } .breadcrumb__list-item [class*="icon-"] { margin: 0 15px 0 0; width: 6px; height: 8px; } .breadcrumb__list-item:first-child { padding: 0; } .breadcrumb__list-item span { padding-bottom: 1px; } .pagination__list { letter-spacing: -5px; } .pagination__list-item { letter-spacing: normal; display: inline-block; } .pagination__link { display: block; line-height: 13px; font-weight: 500; color: #343434; border: none; border-radius: 50%; padding: 8px 2px 9px; min-width: 30px; text-align: center; } .pagination__link:hover, .pagination__link.active { background: #2a77ed; color: #fff; } .home-text { padding: 20px 0 30px 0; } .recomend { padding: 35px 0 35px 0; } .recomend-slider { letter-spacing: -5px; position: relative; } .recomend-slider__item { letter-spacing: normal; padding-bottom: 15px; border: 1px solid #f2f2f0; border-left: 0; } .recomend-slider__item .product__img { height: 220px; padding-top: 35px; padding-bottom: 25px; } .recomend-slider .slick-list { padding-left: 0px; padding-right: 2px; border-left: 1px solid #f2f2f0; } .recomend-slider .slick-arrow { position: absolute; display: block; border: 1px solid #e8e8e8; padding: 7px 0; border-radius: 50%; width: 40px; height: 40px; top: 50%; margin: -20px 0 0 0; background: #fff; z-index: 1; cursor: pointer; text-align: center; -webkit-transition: all .2s ease; transition: all .2s ease; } .recomend-slider .slick-arrow:hover { background: #2a77ed; border-color: transparent; } .recomend-slider .slick-arrow:hover svg { fill: #fff; } .recomend-slider .slick-next { right: -20px; } .recomend-slider .slick-prev { left: -20px; } @media (max-width: 1199px) { .recomend-slider .slick-next { right: -10px; } .recomend-slider .slick-prev { left: -10px; } } @media (max-width: 767px) { .recomend-slider { margin: 0 -15px 0 0; } .recomend-slider__item { width: 270px; border: 1px solid #f2f2f0; margin-right: -1px; } .recomend-slider .slick-list { border: none; } } .recomend h2,.recomend .h2 { padding: 0 0 30px 0; } .recomend__tags { padding: 29px 0 0 0; color: #bebebe; font-size: 11px; font-weight: 500; text-transform: uppercase; } .recomend__tags a { color: #bebebe; } .recomend__tags a:hover { border-color: #bebebe; } .main-slider { margin: -22px 0 0 0; position: relative; } .main-slider__item { position: relative; z-index: 1; overflow: hidden; height: 565px; text-align: center; padding: 145px 0; cursor: -webkit-grab; cursor: grab; } .main-slider__item h2 { max-width: 570px; width: 100%; margin: auto; font-size: 40px; font-weight: 300; line-height: 50px; text-transform: uppercase; color: #343434; padding: 0 0 35px 0; letter-spacing: .5px; -webkit-transition: all .2s ease; transition: all .2s ease; } .main-slider__item h2.background--dark { color: #fff; } .main-slider__item .btn { padding-left: 50px; padding-right: 50px; } .main-slider__img { position: absolute; line-height: 0; text-align: center; z-index: -1; width: 100%; height: 100%; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .main-slider__img img { min-width: 100%; min-height: 100%; vertical-align: middle; } .main-slider .arrows-container { position: relative; height: 0; z-index: 1; top: 282px } .main-slider .arrows-container .slick-arrow { position: absolute; z-index: -1; width: 70px; height: 70px; background: rgba(20, 25, 30, 0.5); text-align: center; line-height: 0; margin: -35px 0 0 0; padding: 31px 0 0 0; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; } @media (max-width: 767px) { .main-slider .arrows-container { display: none; } } .main-slider .arrows-container .slick-arrow.background--dark { background: rgba(255, 255, 255, 0.5); } .main-slider .arrows-container .slick-arrow:hover { background: #000; border-color: transparent; } .main-slider .arrows-container .slick-arrow.background--dark:hover { background: #fff; } .main-slider .arrows-container .slick-arrow:hover svg { fill: #fff; } .main-slider .arrows-container .slick-arrow svg { fill: #fff; } .main-slider .arrows-container .slick-arrow.background--dark:hover svg { fill: #343434; } .main-slider .arrows-container .slick-arrow.background--dark svg { fill: #343434; } .main-slider .arrows-container .slick-prev { left: 0; } .main-slider .arrows-container .slick-next { right: 0; } @media (max-width: 767px) { .main-slider__item { height: 430px; padding: 160px 0 0 0; } .main-slider__item h2 { font-size: 30px; font-weight: 400; line-height: 40px; padding: 0 0 30px 0; } } .slick-dots { bottom: 8px; } .slick-dots li { width: 8px; height: 8px; margin: 0 8px; } .slick-dots li button { background: rgba(20, 25, 30, 0.5); width: 8px; height: 8px; padding: 0; } .slick-dots li.slick-active button { background: #343434; } .slick-dots li button:before { display: none; } .promo { padding: 30px 0 43px 0; } .promo__item { position: relative; overflow: hidden; background: #fff; height: 494px; } .promo__item:hover img { opacity: .8; } .promo__item img { min-width: 100%; min-height: 100%; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; display: block; } .promo__item--left .promo__caption { bottom: 30px; right: 40px; } .promo__item--right .promo__caption { top: 19px; left: 26px; } .promo__caption { position: absolute; color: #343434; } .promo__caption.background--dark { color: #fff; } .promo__caption.background--dark.background--complex { color: #999; } .promo__title { font-size: 35px; font-weight: 500; line-height: 40px; text-transform: uppercase; display: block; padding: 0 0 10px 0; } .promo__price { font-size: 20px; font-weight: 500; line-height: 12px; text-transform: uppercase; } @media (max-width: 767px) { .promo { padding: 0 0 15px 0; } .promo__item { margin: 0 -15px 20px; } .promo__item--left .promo__caption { right: 16px; } } .tabs-content { display: none; } .tabs-content.active { display: block; } .catalog-min { padding: 30px 0 70px 0; } .catalog-min .tabs { text-align: center; padding: 0 0 40px 0; } .catalog-min .tabs__link { font-size: 14px; } .catalog-min__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-min .product { -webkit-box-flex: 1; -ms-flex: auto 1 1; flex: auto 1 1; border: 1px solid #f2f2f0; margin: -1px 0 0 -1px; height: inherit; padding: 0 20px 20px; } .catalog-min .product__img { height: 217px; padding: 20px; } .catalog-min .product__img img { -webkit-transition: all .2s ease; transition: all .2s ease; max-height: 215px; } .catalog-min .product__img img:hover { opacity: .7; } @media (max-width: 767px) { .catalog-min { padding: 15px 0 45px 0; } .catalog-min .tabs { padding: 0 0 40px 0; } .catalog-min .tabs__link { font-size: 14px; white-space: nowrap; } .catalog-min .tabs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog-min .tabs__list-item { padding: 0 15px; } .catalog-min .tabs-content { width: 1000px; min-width: 100%; } .catalog-min__tabs-container { overflow-x: auto; padding: 1px 16px 0 15px; position: relative; margin: 0 -15px 0 -15px; } .catalog-min__row { padding-right: 15px; } .catalog-min__tabs-content { position: relative; } .catalog-min__tabs-content:before, .catalog-min__tabs-content:after { content: ''; display: block; position: absolute; top: 0; width: 40px; bottom: 0; z-index: 1; opacity: .6; } .catalog-min__tabs-content:before { left: -15px; background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); } .catalog-min__tabs-content:after { right: -15px; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); } } @media (max-width: 479px) { .catalog-min .tabs__list { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .catalog-min .tabs__list-item { width: 50%; padding-bottom: 20px; } .catalog-min .tabs__link { display: inline-block; width: auto; } .catalog-min .tabs__link:after { bottom: -4px; } } .section-title { padding: 0 0 20px 0; } .section-title h2,.section-title .h2 { display: inline-block; vertical-align: middle; line-height: 30px; padding: 0 25px 0 0; } .section-title h2:after, .section-title .h2:after { content: '\\'; display: inline-block; color: rgba(179, 179, 179, 0.5); line-height: 30px; margin: 0 0 0 26px; } .news-min { padding: 30px 0 37px 0; } .news-min .news__list { margin: 0 -15px; } .news-min .news__list-item { padding: 0 15px 30px 15px; } .news-min .news__link { font-weight: 400; } .news-min .news__link:hover { color: #2a77ed; border-color: #2a77ed; } @media (max-width: 767px) { .news-min { padding: 30px 0 30px 0; } .news-min .news__list { margin: 0; } .news-min .news__list-item { padding: 0 80px 35px 0; } } .blog--module { padding: 35px 0 0 0; } .blog__list { margin: 0 -15px; letter-spacing: -5px; } .blog__list-item { letter-spacing: normal; padding: 0 15px; margin-bottom: 40px; vertical-align: top; } .blog__list-item .blog__text-link:hover { border-color: #8d8d8d; } @media (max-width: 767px) { .blog { padding: 0 0 45px 0; } .blog__img { margin: 0 0 10px 0; } .blog__list { width: 1000px; padding: 0 0 8px 0; } .blog__list-inner { margin: 0 -15px; padding: 0 15px; overflow-x: auto; } .blog__list-container { position: relative; } } .brands { padding: 45px 0 26px; background: #f3f3f3; margin: 30px 0 42px 0; } .brands h2,.brands .h2 { text-align: center; } .brands-slider { position: relative; padding: 45px 40px; } .brands-slider__item { text-align: center; line-height: 0; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; } .brands-slider__item a { border: none; } .brands-slider img { display: inline-block; opacity: .2!important; max-width: 100%; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .brands-slider img:hover { opacity: .5!important; -webkit-filter: grayscale(0%); filter: grayscale(0%); } .brands-slider .slick-arrow { display: block; width: 40px; height: 40px; position: absolute; border: 1px solid rgba(52, 52, 52, 0.5); border-radius: 50%; text-align: center; line-height: 0; padding: 14px 0; top: 50%; margin: -20px 0 0 0; cursor: pointer; } .brands-slider .slick-arrow:hover { background: #2a77ed; border-color: transparent; } .brands-slider .slick-arrow:hover svg { fill: #fff; } .brands-slider .slick-prev { left: 0; } .brands-slider .slick-next { right: 0; } @media (max-width: 767px) { .brands { padding: 25px 0 18px 0; margin: 20px 0 30px 0; } .brands-slider { padding-top: 35px; } } .categories-min { padding: 30px 0 44px 0; } .categories-min__wrapper { } .categories-min__wrapper:after { content: " "; display: block; clear: both; } .categories-min__item { height: 300px; position: relative; border: 1px solid #f3f3f3; margin: -1px -15px 0 -16px; 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; overflow: hidden; padding: 0 25px; } .categories-min__item a { border: none; } .categories-min__item img { display: block; -webkit-transition: all .2s ease; transition: all .2s ease; } .categories-min__item--large { height: 599px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .categories-min__item--full-img { padding: 0; } .categories-min__item--full-img img { min-height: 100%; min-width: 100%; } .categories-min__item-caption { font-size: 20px; font-weight: 400; line-height: 22px; display: block; color: #a38c76; position: absolute; padding: 15px 21px 20px; background: rgba(255, 255, 255, 0.7); bottom: 0; left: 0; } .categories-min__item:hover img { opacity: .5; } @media (max-width: 767px) { .categories-min { padding: 15px 0 15px 0; } .categories-min__item img { max-width: 100%; display: block; } .categories-min__item--full-img a { width: 100%; } .categories-min__item--full-img img { max-width: none; min-width: 100%; min-height: 100%; } } .features { padding: 0 0 105px 0; } .features h2,.features .h2 { text-align: center; padding: 0 0 37px 0; } @media (max-width: 767px) { .features h2,.features .h2 { padding: 0 0 30px 0; } } .cart-sidebar { padding: 25px 30px 40px; background: #f5f5f5; } .cart-sidebar__title { padding: 0 0 35px 0; } .cart-sidebar__title h3 { font-size: 25px; font-weight: 300; line-height: 30px; padding: 0 18px 0 0; display: inline-block; vertical-align: middle; } .cart-sidebar__title h3:after { content: '\\'; display: inline-block; color: rgba(179, 179, 179, 0.5); line-height: 26px; margin: 0 0 0 18px; } .cart-sidebar__title a { vertical-align: middle; } .cart-sidebar .cart__list { padding: 0 0 40px 0; } .cart-sidebar .cart__list-item { padding: 40px 0 0 0; } .cart-sidebar .cart__img img { } .cart-sidebar .cart__list-item:first-child { padding: 0; } .cart-sidebar .cart__article { padding: 0 0 4px 0; } .cart-sidebar__bottom { text-align: center; } .cart-sidebar__info { font-size: 14px; display: block; font-weight: 500; } .cart-sidebar__info span { color: #2a77ed; } .cart-sidebar__total { font-size: 20px; display: block; font-weight: 500; padding: 16px 0 0 0; } .cart-sidebar__total span { color: #2a77ed; } @media (max-width: 767px) { .cart-sidebar { margin: 0 -15px; text-align: center; } .cart-sidebar .cart__list { width: 280px; margin: auto; } } .checkout { padding: 0 0 30px 0; } .checkout__h3 { padding: 10px 0 20px; text-transform: none; } .checkout__title { padding: 25px; background: #f5f5f5; } .checkout__title h3 { overflow: hidden; vertical-align: middle; } .checkout__title [class*="icon-"] { margin: 3px 10px 0 0; fill: #2a77ed; float: left; } .checkout__inner { padding: 30px 30px 0; width: 100%; display: none; } .checkout__input-row { margin: 0 -20px; letter-spacing: -5px; } .checkout__input-title h3 { letter-spacing: normal; padding: 0 20px 30px; } .checkout__input-box { display: inline-block; vertical-align: top; padding: 0 20px 30px; width: 50%; } .checkout__input-box-title { font-size: 13px; font-weight: 500; line-height: 23px; text-transform: uppercase; display: block; padding: 0 0 9px 0; letter-spacing: normal; } .checkout__input-box-title.required:before { content: '*'; color: #ea184e; padding: 0 3px 0 0; } .checkout__input-box-error { color: #e03e3e; text-align: left; letter-spacing: normal; display: block; font-size: 11px; } .checkout__input-box-error:first-letter { text-transform: uppercase; } .checkout__textarea { padding: 0 0 30px 0; } .checkout__textarea-box { display: inline-block; vertical-align: top; padding: 0 20px 30px; width: 50%; } .checkout__textarea-box.checkout__textarea-box--inline { width: 100%; } .checkout__radio-box ,.checkout__checkbox-box { display: inline-block; vertical-align: top; padding: 0 20px 9px; width: 50%; } .checkout__checkbox-item,.checkout__radio-item { display: inline-block; padding: 0 20px 20px 0; } .checkout__file-box { display: inline-block; vertical-align: top; padding: 0 20px 30px; width: 50%; } .checkout__captcha-box { display: inline-block; vertical-align: top; padding: 0 20px 30px; width: 50%; letter-spacing: normal; } .checkout__button-box { padding: 5px 0 0 0; } .checkout__button-box .btn { padding: 12px 32px; } .checkout__button-box .btn [class*="icon-"] { margin: -2px 0 0 13px; -webkit-transition: all .2s ease; transition: all .2s ease; fill: #fff; } .checkout__button-box .btn--transparent [class*="icon-"] ,.checkout__button-box button[disabled].btn--transparent:hover [class*="icon-"] { fill: #2a77ed; } .checkout__button-box .btn--transparent:hover [class*="icon-"] { fill: #fff; } .checkout__button-box .btn--empty { border: none; background: none; color: #343434; padding-left: 0; box-shadow: none; } .checkout__button-box .btn--empty:hover { background: none; color: #2a77ed; } .checkout input[type="radio"]+ label:before,.checkout input[type="checkbox"]+ label:before { border: none; background: #eaeaea; } .checkout input[type="text"], .checkout input[type="password"], .checkout input[type="tel"], .checkout input[type="email"], .checkout input[type="search"] { border: none; border-radius: 0; background-color: #f5f5f5; -webkit-box-shadow: none; box-shadow: none; height: 35px; padding: 10px 15px; text-transform: none; width: 100%; letter-spacing: normal; overflow: hidden; text-overflow: ellipsis; } .checkout .account__input-box--pass a { top: 11px; } .checkout select { -webkit-box-shadow: none; box-shadow: none; background-color: #f5f5f5; padding: 8px 15px; text-transform: none; border: 0; font-size: 11px; } .checkout select:hover { background-color: #e5e5e5; } .checkout textarea { height: 105px; border-radius: 2px; border: none; -webkit-box-shadow: none; box-shadow: none; background-color: #f5f5f5; padding: 10px 15px; text-transform: none; letter-spacing: normal; } .checkout input:hover,.checkout input:focus,.checkout textarea:hover,.checkout textarea:focus { box-shadow: inset 0 -1px 0 0 #d6d6d6; } .checkout button.ui-multiselect { border-radius: 2px; background: #f5f5f5; } .checkout button.ui-multiselect.ui-state-active { border-radius: 2px 2px 0 0; } .checkout button.ui-multiselect.ui-state-hover { background: #f5f5f5; } .checkout button.ui-multiselect .ui-multiselect-inner { height: 35px; padding: 11px 15px; text-transform: none; background: none !important; border-radius: 0 !important; } .checkout.active .checkout__inner { display: block; } .checkout.pass .checkout__title { color: #d0d0d0; cursor: pointer; } .checkout.disabled .checkout__title { color: #d0d0d0; } @media (max-width: 767px) { .checkout { margin: 0 -15px; } .checkout__input-row { margin: 0 -8px; } .checkout__input-box { padding: 0 8px 20px; } .form-box .checkout { padding: 0 15px 0; } .checkout__captcha-box { display: block; width: 100%; padding: 0 8px 20px; } } @media (max-width: 479px) { .checkout__input-row { margin: 0; } .checkout__input-box,.checkout__file-box,.checkout__checkbox-box,.checkout__radio-box,.checkout__textarea-box,.checkout__captcha-box { display: block; width: 100%; padding: 0 0 20px 0; } } .checkout .search__list { margin: 0; letter-spacing: normal; } .checkout .search__list-item { background: #efefef; } .checkout .search__list-item:first-child { padding-top: 0; } .checkout .search__list-item-container { padding: 6px 15px; font-size: 11px; } .account-form__checkout { height: 160px; margin-bottom: 30px; } .account-form__checkout p { padding: 0 10px 10px 0; } .ui-multiselect-menu.select-checkout { border-radius: 0 0 2px 2px !important; background: #f5f5f5 !important; } .ui-multiselect-menu.select-checkout label { padding: 12px 15px !important; } .ui-multiselect-menu.select-checkout .ui-multiselect-menu-inner ul li { border-bottom: none !important; } .basic-captcha { position: relative; } .basic-captcha__input { padding-left: 165px; } .basic-captcha__img { position: absolute; left: 0; top: 0; } .popup-simple__inner .checkout__captcha-box { width: 100%; text-align: left; } .popup-simple__inner .checkout__input-box-title { display: none; } .product-page { padding: 0 0 40px 0; position: relative; } .product-page:after { content: " "; display: block; clear: both; } .product-page__img .products-list__like { opacity: 1; cursor: pointer; z-index: 1; } .product-page__img .products-list__like svg { width: 21px; height: 18px; } .product-page__actions { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 35px 0; margin: 0 -35px 0 0; max-width: 100%; } .product-page__actions--popup { margin: -35px 0 0 0; } .product-page__actions--share-code { padding: 0; } .product-page__actions button.ui-multiselect { width: 212px !important; } .product-page__actions-link--dashed { border-bottom: 1px dashed #2a77ed; line-height: 14px; margin: 0 15px 0 0; } .product-page__actions-link--dashed:hover { border-color: transparent; } .product-page__input-box { padding: 0 35px 0 0; flex: 1; } .product-page__input-box:last-child { padding: 0; } .product-page__input-box-row { width: 100%; } .product-page__input-box-title { font-size: 13px; font-weight: 500; text-transform: uppercase; display: block; padding: 0 0 10px 0; width: 100%; } .product-page__input-box .radiobox-colors { padding: 8px 0; } .product-page__radio-box { display: inline-block; padding: 0 20px 0 0; } .product-page__radio-box input[type="radio"]+ label:before, .product-page__radio-box input[type="checkbox"]+ label:before,.catalogue__type-item input[type="radio"]+ label:before, .catalogue__type-item input[type="checkbox"]+ label:before { background: #eaeaea; border: none; } .product-page__input-box-row input[type="text"], .product-page__input-box-row textarea, .catalogue__search-select select { background-color: #efefef; border-radius: 5px; padding: 11px 12px; border: none; } .product-page__input-box-error { color: #e03e3e; display: block; font-size: 11px; line-height: 23px; } .product-page .products-full-list__text { padding: 0 0 60px 0; } .product-page .products-full-list__text { height: 133px; overflow: hidden; } .product-page .products-full-list__text p { padding: 0; } .product-page .products-full-list__text-more { border-bottom: 1px dashed; border-color: #2a77ed; } .product-page .products-full-list__text-more:hover { border-color: transparent; } .product-page .catalogue__product-name { font-size: 30px; display: block; border: none; line-height: 35px; margin: -6px 0 0; } .product-page .catalogue__product-name:hover { border: none; } .product-page .product__rating { padding: 0; margin: 0 40px 0 0; } .product-page .product__rating img { display: block; } .product-page .products-full-list__btn { white-space: nowrap; padding: 13px 47px; } .product-page .products-full-list__name { display: block; line-height: 0; padding: 0 0 10px 0; } .product-page .products-full-list__action { padding: 0; position: relative; } .product-page .products-full-list__spinner { padding: 0 18px 0 0; } .product-page .products-full-list__title { padding: 0 0 22px 0; } .product-page .products-full-list__status { position: absolute; bottom: calc(100% + 10px); left: 0; text-align: center; width: 100%; } .product-page .short-descr { max-height: 70px; overflow: auto; } @media (max-width: 1024px) { .product-page .products-full-list__btn { padding: 13px 35px; } } @media (max-width: 767px) { .product-page { padding: 0 0 12px 0; } .product-page__img { margin: 0 -15px 30px; border-right: none; border-left: none; height: 276px; overflow: hidden; } .product-page__img img { max-width: 100%; max-height: 270px; margin: auto; } .product-page__preview-slider { display: none; } .product-page__preview-slider { position: relative; top: 0; left: 0; margin: 0; } .product-page__preview-slider-item { height: 100%; } .product-page .products-full-list__rating { display: inline-block; } .product-page .products-full-list__title { padding: 0 0 15px 0; } .product-page .products-full-list__spinner { display: block; } .product-page__actions { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0 27px; margin: 0; } .product-page__actions--bordered { margin: 0 0 40px 0; padding: 35px 29px 15px 20px; border: 1px solid #ebebeb; } .product-page__actions--popup { padding: 0px 10px 27px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .product-page__actions button.ui-multiselect { width: 100% !important; } .product-page__input-box { width: 50%; padding: 0 10px; } .product-page__input-box--wide { width: 100%; } } @media (min-width: 768px) { .product-page__preview-slider--single { display: none; } } @media (max-width: 479px) { .product-page__actions { padding: 15px 20px 15px 20px; margin: 0; -ms-flex-flow: wrap; flex-flow: wrap; } .product-page__actions--popup { padding: 35px 20px 15px 20px; } .product-page .products-full-list__price { text-align: center; padding: 0; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; } .product-page .products-full-list__price .catalogue__price-old { padding: 0 0 2px 0; } .product-page .products-full-list__spinner { padding: 0; } .product-page .products-full-list__action { width: 100%; margin: 30px 0 0 0; } .product-page .catalogue__product-name { font-size: 20px; line-height: 25px; } .product-page__input-box { width: 100%; padding: 0 0 20px 0; flex: none; } .product-page__radio-box { padding: 0 0 10px 0; } } .product-info { padding: 32px 0 30px; background: #f6f6f6; } .product-info .tabs { text-align: center; padding: 0 0 55px 0; } .product-info .tabs__list-item [class*="icon"] { display: none; } .product-info .tabs-content { max-width: 770px; width: 100%; margin: auto; } .product-info .tabs-content__title { display: none; } .product-info .tabs-content__inner { display: block; } .product-info__feedback-item { padding: 0 0 37px 0; } .product-info__feedback-noreviews { margin: 0 0 2px 100px; } .product-info__feedback-item:after { content: " "; display: block; clear: both; } .product-info__feedback-img { width: 50px; height: 50px; overflow: hidden; float: left; margin: 0 50px 50px 0; border-radius: 50%; background: #e0e0e0; position: relative; } .product-info__feedback-img svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #c3c3c3; } .product-info__feedback-img img { position: relative; z-index: 1; } .product-info__feedback-title { position: relative; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #2a77ed; overflow: hidden; padding: 0 0 5px 0; letter-spacing: 2px; } .product-info__feedback-rating { overflow: hidden; left: -2px; position: relative; padding: 0 0 5px 0; } .product-info__feedback-title .product-info__feedback-time { float: right; color: #aaa; font-size: 12px; text-transform: none; min-width: 100px; letter-spacing: normal; } .product-info__feedback-title .product-info__feedback-time svg { margin: 0 7px 0 0; } .product-info__feedback-text { overflow: hidden; padding: 0; } .product-info__feedback .pagination { margin: -5px 0 30px 100px; } .product-info__feedback .btn { margin: -5px 0 0 100px; font-size: 10px; padding: 9px 31px; letter-spacing: .7px; } .product-info__table { border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; overflow: hidden; background: #F8F8F8; } .product-info__table-v2,.product-info__table-v2 table { background: #F8F8F8; } .product-info__table-v2 thead { font-weight: 500; } .product-info__table-v2 td { border: 1px solid #ebebeb; padding: 12px 15px; } .product-info__table-v2 tbody td:first-child { color: #757474; width: 50%; } .product-info__table-v2 tbody td:last-child { width: 50%; text-align: right; } .product-info__att { width: 100%; float: left; } .product-info__att-top { border: 1px solid #ebebeb; padding: 12px 0 12px 15px; font-weight: 500; border-right: 0; margin: 0 0 -1px 0; } .product-info__col { width: 50%; float: left; } .product-info__list { border-bottom: 1px solid #ebebeb; margin: 0 -1px -1px 0px; border-right: 1px solid #ebebeb; line-height: 20px; } .product-info__list:after { content: " "; display: block; clear: both; } .product-info__list-term { float: left; width: 50%; padding: 0 0 0 15px; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; color: #757474; height: 50px; display: flex; align-items: center; overflow: hidden; } .product-info__list-desc { float: right; width: 50%; text-align: right; padding: 0 15px 0 0; border-top: 1px solid #ebebeb; color: #232323; height: 50px; display: flex; align-items: center; justify-content: flex-end; overflow: auto; } @media (max-width: 767px) { .product-info { padding: 0; } .product-info .tabs { padding: 0 0 42px 0; display: none; } .product-info .tabs-content { display: block !important; } .product-info .tabs-content__inner { display: none; padding: 40px 0 48px 0; } .product-info .tabs-content.active .tabs-content__inner { display: block; } .product-info .tabs-content.active .tabs-content__title-link { background: none; color: #2a77ed; } .product-info .tabs-content.active .tabs-content__title-link:after { display: none; } .product-info .tabs-content.active .tabs-content__title-link [class*="icon"] { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .product-info .tabs-content__title { display: block; text-align: left; border-bottom: 1px solid #fff; margin: 0 -15px; padding: 0; } .product-info .tabs-content__title [class*="icon"] { display: block; float: right; margin: 5px 0 0 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all .2s ease; transition: all .2s ease; } .product-info .tabs-content__title-link { background: #f0f0f0; display: block; padding: 18px 15px; border: none; text-transform: uppercase; font-size: 15px; color: #343434; } .product-info__col { width: 100%; float: none; margin: -1px 0 0 0; } } @media (max-width: 479px) { .product-info__feedback-img { margin: 0 20px 20px 0; } .product-info__feedback-title { padding: 15px 0 0 0; } .product-info__feedback p { clear: both; } .product-info__feedback .btn { margin: 0; } .product-info__feedback-noreviews { margin: 0 0 2px 0; } } .package { padding: 70px 0 0; } .package h2,.package .h2 { padding: 0 0 30px 0; } .package__result { letter-spacing: -5px; } .package__result-item { width: 165px; border: 1px solid #f2f2f0; display: inline-block; letter-spacing: normal; margin: 0 0 0 108px; position: relative; vertical-align: middle; } .package__result-container { margin: 10px 0 30px 10px; } .package__result-item:before { content: '+'; display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e8e8e8; font-size: 20px; font-weight: 700; line-height: 0; color: #2a77ed; text-align: center; padding: 18px 0 0 0; top: 50%; margin: -20px 0 0 0; left: -78px; position: absolute; } .package__result-item:first-child { margin: 0; } .package__result-item:first-child:before { display: none; } .package__result-item .product__img { padding: 0 !important; } .package__result-item--total { padding: 35px 25px; text-align: center; width: auto; } .package__result-item--total .btn { font-size: 10px; letter-spacing: normal; padding: 9px 15px; margin: 25px 0 0 0; } .package__result-item--total:before { content: '='; } .package__result-item-close { position: absolute; display: block; width: 19px; height: 19px; top: -10px; left: -10px; background: #fff; opacity: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; cursor: pointer; } .package__result-item-close svg { width: 19px; height: 19px; fill: #e14c4c; } .package__result-item:hover .package__result-item-close { opacity: 1; } .package__result-sum { display: block; font-size: 25px; font-weight: 700; text-transform: uppercase; color: #2a77ed; text-align: center; padding: 0 0 5px 0; } .package__result-discount { display: block; font-size: 14px; text-transform: uppercase; } .package__result-discount span { color: #2a77ed; } .package__result { overflow-x: auto; margin-left: -10px; } .package__result-item .catalogue__price { clear: both; } .package__result-item.product--min { height: 320px; } @media (max-width: 1024px) { .package__result-item { margin: 0 0 0 60px; } .package__result-item:before { left: -50px; } .package__result-item-close { opacity: 1; } } .package__pick { letter-spacing: -5px; } .package__pick .popup-close { display: none; } .package__pick-container { } .package__pick-item { letter-spacing: normal; border: 1px solid #f2f2f0; width: 200px; display: inline-block; margin: 0 23px 30px 0; position: relative; vertical-align: top; } .package__pick-item-add { display: block; width: 19px; height: 19px; background-color: #fff; border: 1px solid; border-color: #2a77ed; border-radius: 50%; line-height: 0; text-align: center; padding: 7px 0 0 0; position: absolute; top: -10px; left: -10px; opacity: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; cursor: pointer; } .package__pick-item:hover .package__pick-item-add { opacity: 1; } @media (max-width: 1024px) { .package__pick-item-add { opacity: 1; top: 5px; left: 5px; } } @media (max-width: 767px) { .package__pick-item { width: 50%; margin: 0 -1px -1px 0; } .package { padding: 58px 0 0; } } .error-404 { margin: -22px 0 0; } .error-404__inner { padding: 160px 0 43px; position: relative; } .error-404__inner span { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; text-align: center; } .error-404__inner img { max-width: 100%; } .error__content { border: 1px solid #e7e7e7; padding: 200px 0 110px; text-align: center; position: relative; } .error__content:after { content: ''; position: absolute; width: 30px; border: 1px solid #fff; top: -1px; left: calc(50% - 15px); } .error__content-title { font-size: 70px; line-height: 70px; padding: 0 0 30px; font-weight: 400; } .error__content-text { max-width: 400px; margin: 0 auto; } .error__content-text a { } @media (max-width: 479px) { .error__content-text { max-width: 300px; } } .temprow { margin: 0 0 30px 0; } .temprow:after { content: " "; display: block; clear: both; } .temprow.dark { background: #343434; } .temprow.pad { padding: 50px; } .icon-arrow-select { width: 10px; height: 11px; fill: #343434; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .breadcrumbs { padding: 0 0 23px; } .breadcrumbs--lg-pad { padding: 0 0 47px; } .breadcrumbs--center { text-align: center; } .custom-scroll_bar-y { width: 6px; border-radius: 0; } .account-form { display: -webkit-box; display: -ms-flexbox; display: flex; } .account-form__col { -webkit-box-flex: 1; -ms-flex: auto 1 1; flex: auto 1 1; border: 1px solid #F4F4F4; margin: -1px 0 0 -1px; padding: 30px; } .account-form__col--register { width: 60%; } .account-form__col .account__title { padding: 0 0 30px 0; } .account-form__col.login .btn { display: block; width: 50%; margin: auto; padding: 13px 0; } @media (max-width: 1024px) { .account-form__col { padding: 30px 15px; } } @media (max-width: 767px) { .account-form { display: block; } .account-form__col--register { width: 100%; } .account-form__col { padding: 30px; } .account-form__col .account-logged__box { width: 100%; } .account-form__col .account-logged__list-item { width: 50%; float: left; } } @media (max-width: 479px) { .account-form__col { padding: 30px 15px; } } @media (max-width: 360px) { .account-form__col .account-logged__list-item { width: 100%; } } .sidebar-mobile-btn { padding: 15px 40px; font-size: 14px; line-height: 14px; border: 1px solid; border-color: #2a77ed; letter-spacing: .5px; text-align: center; display: none; border-radius: 4px; color: #343434; margin: 0 0 40px; } @media (min-width: 768px) { .nav-submenu--sidebar { border: 1px solid #e4e4e4; border-top: 0; margin: 0 0 40px; padding: 0; } .nav-submenu--sidebar .nav-submenu__link { border: 0; border-top: 1px solid #e4e4e4; padding: 9px 22px 10px 22px; display: block; color: #343434; } .nav-submenu__link:hover { border-color: #e4e4e4; color: #2a77ed; } .nav-submenu__link.active { background: #EBEBEB; color: #2a77ed; } .nav-submenu__link.active:hover { } .popup.popup-nav { position: relative!important; display: block; opacity: inherit; box-shadow: none; z-index: 1; margin: 0; } } @media (min-width: 768px) and (max-width: 1024px) { .nav-submenu--sidebar .nav-submenu__link { padding: 9px 12px 10px 12px; } } @media (max-width: 767px) { .sidebar-mobile-btn { display: inline-block; } } .bootstrap-datetimepicker-widget { display: none; width: 320px; padding: 0; border-radius: 0; -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; } .bootstrap-datetimepicker-widget table { background: #fff; border: 0; } .bootstrap-datetimepicker-widget th { padding: 10px 13px; vertical-align: inherit; border: 1px solid #e4e4e4; border-radius: 0px; border-left: 0; border-top: 0; } .bootstrap-datetimepicker-widget th:last-child { border-right: 0; } .bootstrap-datetimepicker-widget td { padding: 10px 13px; vertical-align: inherit; border: 1px solid #e4e4e4; border-radius: 0px; border-left: 0; border-bottom: 0; } .bootstrap-datetimepicker-widget td:last-child { border-right: 0; } .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td span.active { background-color: #2a77ed; color: #fff; text-shadow: none; border-radius: 0; } .bootstrap-datetimepicker-widget table { background: #fff; } .bootstrap-datetimepicker-widget:before { display: none!important; } .bootstrap-datetimepicker-widget:after { border-width: 11px!important; } .bootstrap-datetimepicker-widget.top:after { bottom: -11px; left: 25px; } .bootstrap-datetimepicker-widget.bottom:after { top: -11px; left: 25px; } .bootstrap-datetimepicker-widget td span { line-height: 50px; border-radius: 0; } .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new { color: #e4e4e4; } .bootstrap-datetimepicker-widget a[data-action] { padding: 0; border-radius: 0; background: transparent; } .glyphicon.glyphicon-chevron-up { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .glyphicon.glyphicon-chevron-up:after,.glyphicon.glyphicon-chevron-down:after { content: '›'; color: #343434; font-size: 21px; } .glyphicon.glyphicon-chevron-down { -ms-transform: rotate(-270deg); -webkit-transform: rotate(-270deg); transform: rotate(-270deg); } .bootstrap-datetimepicker-widget td.hour,.bootstrap-datetimepicker-widget td.minute { padding: 0; } .picker-switch.accordion-toggle .btn { display: none; } .acc-addresses { border: 1px solid #F4F4F4; padding: 30px; margin: 0 0 40px; position: relative; } .acc-addresses__delete { border: 0; position: absolute; top: -11px; left: -11px; background: #fff; opacity: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .acc-addresses__delete svg { width: 19px; height: 19px; fill: #e14c4c; } .acc-addresses:hover .acc-addresses__delete { opacity: 1; } .acc-addresses .btn { width: 100%; } @media (max-width: 1024px) { .acc-addresses__delete { top: 10px; left: 10px; opacity: 1; } } .home-text__img img { max-width: 100%; } .home-text__title { font-size: 26px; line-height: 36px; text-transform: none; margin-bottom: 25px; } .home-text__content { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .home-text__content p { padding: 0; } @media (max-width: 767px) { .home-text__img { display: none; } } @media (max-width: 479px) { .home-text__content { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } } .pagination { letter-spacing: -5px; } .pagination li { letter-spacing: normal; display: inline-block; } .pagination li>a,.pagination li>span { display: block; line-height: 13px; font-weight: 500; color: #343434; border: none; border-radius: 50%; padding: 8px 2px 9px; min-width: 30px; text-align: center; } .pagination li:hover>a, .pagination li.active>a,.pagination li:hover>span, .pagination li.active>span { background: #2a77ed; color: #fff; } .browserupgrade__link,.browserupgrade__link:hover { color: #fff; border-color: #fff; } .scroll-to-top { position: fixed; bottom: -60px; width: 60px; height: 60px; background: rgba(20, 25, 30, 0.5); text-align: center; line-height: 0; padding: 26px 0 0 0; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; opacity: 0; z-index: 10; } .scroll-to-top:hover { background: #000; } .scroll-to-top svg { fill: #fff; width: 10px; } .scroll-to-top.active { opacity: 1; bottom: 0; } @media (max-width: 1022px) { .hidden-tablet { display: none; } } @media (max-width: 768px) { .hidden-mob { display: none; } } .recommendations2 { box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); margin-bottom: 100px; padding: 20px 0px 20px 30px; position: relative; webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); } @media (max-width: 560px) { .recommendations2 { margin-bottom: 60px; } } .recommendations2:after { background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0))); bottom: 0; content: ""; display: inline-block; height: 144px; position: absolute; right: 0; width: 121px; } @media (max-width: 560px) { .recommendations2:after { background: transparent; } } .recommendations2__title { color: #343434; font-family: 'Playfair', Arial, Helvetica, als_rublregular, sans-serif; font-size: 13px; font-weight: 700; line-height: 21px; margin-bottom: 25px; text-transform: uppercase; } .recommendations2 .news-slider .slick-arrow { cursor: pointer; position: absolute; right: 30px; top: -46px; } .recommendations2 .news-slider .slick-arrow svg { fill: #343434; transition: all 0.2s ease-in-out 0s; webkit-transition: all 0.2s ease-in-out 0s; } .recommendations2 .news-slider .slick-arrow:hover svg { fill: #2a77ed; } .recommendations2 .news-slider .slick-prev { right: 50px; } .recommendations2 .news-slider__item { margin-right: 80px; min-width: 260px; } .recommendations2 .news-slider__item .news__img { float: left; margin-right: 15px; margin-top: 5px; width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; overflow: hidden; -webkit-transition: all .2s ease; transition: all .2s ease; } .recommendations2 .news-slider__item:hover .news__img { opacity: .7; } .recommendations2 .news-slider__item .news__img img { flex-shrink: 0; min-width: 100%; min-height: 100% } .recommendations2 .news-slider__item .news__descr { float: right; max-width: 180px; } .recommendations2 .news__descr-date { color: #343434; font-family: 'Playfair', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 400; line-height: 21px; margin-bottom: 10px; } .recommendations2 .news__descr-text { color: #3b3d40; font-family: 'Playfair', Georgia, serif; font-size: 15px; font-weight: 700; line-height: 22px; } .recommendations2 .news__descr-text a { color: #343434; } .recommendations2 .news__descr-text a:hover { border-color: rgba(84, 122, 200, 0.3); color: #2a77ed; } .recommendations2 .news-slider__item:hover .news__descr-text span { border-bottom: 1px solid #3b3d40; } .popup-widget { background: rgba(0, 0, 0, 0.85); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 999; } .popup-widget .blog-widget__list { background-color: #ffffff; border: 1px solid #e8e8e8; margin: 150px auto 0px; padding: 20px; position: relative; width: 270px; } .popup-widget .blog-widget__list .blog-btn-close { background: transparent; border: none; color: #ffffff; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 30px; font-weight: 300; left: 50%; line-height: 12px; ms-transform: translateX(-50%); padding: 0; position: absolute; top: -60px; transform: translateX(-50%); webkit-transform: translateX(-50%); width: auto; } .comments-sec { border: 1px solid #f0f0f0; margin: 0 auto 100px; max-width: 770px; padding: 40px 90px; } @media (max-width: 767px) { .comments-sec { padding: 40px 25px; } } @media (max-width: 560px) { .comments-sec { margin-bottom: 45px; padding: 40px 15px; } } .comments-sec-title { color: #343434; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 30px; font-weight: 300; line-height: normal; text-align: center; } .comments-sec .all-comments-title { color: #343434; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 400; line-height: 21px; margin-bottom: 60px; text-align: center; text-transform: uppercase; } .comments-sec__item { margin-bottom: 50px; padding-left: 70px; position: relative; } .comments-sec__item-img { background-color: #e0e0e0; border-radius: 100%; float: left; height: 50px; left: 0; line-height: 28px; position: absolute; text-align: center; top: 0; width: 50px; } .comments-sec__item-img .icon-user svg { fill: #c3c3c3; } .comments-sec__item-name { color: #343434; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 500; line-height: 21px; margin-bottom: 5px; } .comments-sec__item-time { color: #838d8f; display: inline-block; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 12px; font-weight: 400; line-height: 21px; margin-left: 20px; } .comments-sec__item-text { color: #343434; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 400; line-height: 22px; } @media (max-width: 560px) { .comments-sec__item-text { max-height: 300px; overflow: auto; } } .comments-sec .write-comment { margin-top: 80px; text-align: right; } @media (max-width: 560px) { .comments-sec .write-comment { text-align: center; } } .comments-sec .form-group { margin-bottom: 15px; } .comments-sec .form-group input[type="text"],.comments-sec .form-group textarea { text-transform: none; } .blog { position: relative; } @media (max-width: 560px) { .blog .col-xs-6 { width: 100%; } } .blog-page .recommendations { margin-bottom: 50px; } .blog-top { position: relative; margin: -22px 0px 50px 0px; } .blog-top img { width: 100%; max-height: 470px; } @media (max-width: 767px) { .blog-top img { min-height: 340px; } } .blog-top .info-wrap { background-repeat: no-repeat; background-size: cover; background-position: center; bottom: 0; left: 0; position: absolute; right: 0; text-align: center; top: 0; max-height: 470px; } .blog-top .info-wrap:after { content: ''; width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; opacity: 0.5; } .blog-top .info-wrap .info-block { left: 0; ms-transform: translateY(-50%); position: absolute; right: 0; top: 50%; transform: translateY(-50%); webkit-transform: translateY(-50%); z-index: 1; } .blog-top .info-wrap .breadcrumbs li { color: #fff; font-size: 13px; } .blog-top .info-wrap .breadcrumbs li a { border: none; color: #fff; display: inline-block; font-size: 13px; } .blog-top .info-wrap .breadcrumbs li a span { border-bottom: 1px solid transparent; transition: all 0.2s ease-in-out 0s; webkit-transition: all 0.2s ease-in-out 0s; } .blog-top .info-wrap .breadcrumbs li a span:hover { border-bottom: 1px solid #fff; } .blog-top .info-wrap .breadcrumbs li svg { fill: #fff; } .blog-top .info-wrap .content__title { color: #ffffff; font-family: 'Playfair', Georgia, serif; font-size: 38px; font-weight: 300; line-height: 48px; margin: 0 auto 80px; max-width: 610px; } @media (max-width: 767px) { .blog-top .info-wrap .content__title { font-size: 35px; } } @media (max-width: 560px) { .blog-top .info-wrap .content__title { font-size: 25px; line-height: 35px; margin: 0 auto 30px; } } .blog-top .info-wrap .icons-block { bottom: 10px; left: 10px; position: absolute; right: 0px; width: auto; z-index: 2; } .blog-top .info-wrap .icons-block .looks, .blog-top .info-wrap .icons-block .comments { color: #fff; display: inline-block; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; margin-right: 15px; vertical-align: middle; } .blog-top .info-wrap .icons-block .icon { display: inline-block; vertical-align: middle; } .blog-top .info-wrap .icons-block .icon svg { fill: #fff; width: 16px; } .blog-top-date { color: #ffffff; display: inline-block; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 400; line-height: 21px; margin-left: 25px; } .blog-inner { margin: 0 auto 90px; max-width: 750px; font-family: 'Montserrat', Georgia, serif; font-size: 13px; font-weight: 400; line-height: 26px; } .col-sm-9 .blog-inner, .col-sm-6 .blog-inner { max-width: unset; } .cat-blog-inner { font-family: 'Playfair', Georgia, serif; font-size: 13px; font-weight: 400; line-height: 26px; } @media (max-width: 767px) { .blog-inner { padding: 0 15px; } } .blog-inner .btns-block { margin: 0 0px 50px 0px; min-height: 30px; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog-inner .btns-block .btn--transparent { border: 1px solid #e8e8e8; border-radius: 15px; height: 30px; line-height: 18px; margin: 5px; padding: 5px 15px; } .blog-inner .btns-block .btn--transparent:hover { border: 1px solid #256bd7; } .blog-inner .btns-block .btn--transparent:hover .icon svg { fill: #fff; } .blog-inner .btns-block .left { z-index: 1; position: relative; } .blog-inner .btns-block .left .btn--transparent { margin: 0; padding-left: 40px; } .blog-inner .btns-block .right { margin: -5px 0; width: 100%; text-align: right; } @media (max-width: 767px) { .blog-inner .btns-block .right { max-width: inherit; margin: 15px -5px 0 -5px; text-align: inherit; } .blog-inner .btns-block .left { height: 30px; width: 100%; } } .blog-inner .btns-block .icon { left: 15px; ms-transform: translateY(-50%); position: absolute; top: 56%; transform: translateY(-50%); webkit-transform: translateY(-50%); } .blog-inner .btns-block .icon svg { color: #000; transition: all 0.2s ease-in-out 0s; webkit-transition: all 0.2s ease-in-out 0s; width: 14px; } .blog-inner .share-btns { display: none; min-width: 200px; } .blog-inner__text { color: #343434; font-family: 'Playfair', Georgia, serif; font-size: 13px; font-weight: 400; line-height: 26px; margin-bottom: 60px; } .blog-inner__title { color: #1b1e21; font-family: 'Playfair', Georgia, serif; font-size: 26px; font-weight: 300; line-height: 24px; margin-bottom: 15px; } .blog-inner__photo img { max-width: 100%; } .blog-inner__photo .img-desc { color: #1b1e21; font-family: 'Playfair', Georgia, serif; font-size: 13px; font-weight: 400; line-height: 24px; margin: 20px auto 70px; max-width: 680px; text-align: center; } .blog-inner .cite-block-icon { color: #343434; display: block; font-family: 'Playfair', Georgia, serif; font-size: 100px; font-weight: 400; line-height: 30px; margin-top: 110px; text-align: center; } .blog-inner .cite-block-text { color: #343434; font-family: 'Playfair', Georgia, serif; font-size: 20px; font-style: italic; line-height: 30px; margin: 20px auto 80px; max-width: 440px; text-align: center; } .blog-inner .heading-sec { margin-bottom: 80px; } .blog-inner .heading-sec ul li { position: relative; } .blog-inner h2 { color: #1b1e21; font-family: 'Playfair', Georgia, serif; font-size: 26px; font-weight: 300; line-height: 24px; margin-bottom: 35px; text-transform: none; } .blog-inner h3 { color: #1b1e21; font-family: 'Playfair', Georgia, serif; font-size: 20px; font-weight: 400; line-height: 24px; margin-bottom: 30px; } .blog-inner h4 { color: #1b1e21; font-family: 'Playfair', Georgia, serif; font-size: 17px; font-weight: 400; line-height: 24px; margin-bottom: 30px; } .blog-inner h5 { color: #1b1e21; font-family: 'Playfair', Georgia, serif; font-size: 15px; font-weight: 700; line-height: 24px; } .blog-inner img { max-width: 100%; } .blog-inner .icons-block__looks, .blog-inner .icons-block__comments { color: #343434; display: inline-block; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; margin-right: 15px; vertical-align: middle; } @media (max-width: 767px) { .blog-inner .btns-block { -webkit-flex-direction: column; flex-direction: column; } } .blog-inner .icons-block { min-width: 260px; } .blog-inner .icons-block .icon { display: inline-block; left: 0; ms-transform: translateY(0); position: relative; top: 0; transform: translateY(0); vertical-align: middle; webkit-transform: translateY(0); } .blog-inner .icons-block .icon svg { fill: #343434; width: 16px; } .blog-inner .icons-block__date { color: #343434; display: inline-block; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 400; line-height: 21px; margin-left: 25px; } .blog .aside-right { float: right; } @media (max-width: 1022px) { .blog .aside-right { border: 1px solid #e4e4e4; position: absolute; right: 0px; top: -110px; } } @media (max-width: 767px) { .blog .aside-right { width: 297px; } } @media (max-width: 560px) { .blog .aside-right { border: none; display: block; float: none; left: 0px; margin-bottom: 30px; max-width: 100%; padding: 0 15px; position: relative; right: 0px; top: 0px; width: auto; } } .blog .aside-right .cat-name { color: #343434; cursor: pointer; display: none; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 500; height: 55px; line-height: 52px; text-align: center; text-transform: uppercase; } @media (max-width: 560px) { .blog .aside-right .cat-name { border: 1px solid #e4e4e4; } } @media (max-width: 1022px) { .blog .aside-right .cat-name { display: block; } } .blog .text-center { text-align: center; } .blog-widget { background-color: #ffffff; border: 1px solid #e8e8e8; padding: 20px; } @media (max-width: 767px) { .blog-widget { border: none; } .blog-widget__title,.blog-widget .blog-line { display: none; } } .blog-widget__title { color: #343434; font-family: 'Playfair', Arial, Helvetica, als_rublregular, sans-serif; font-size: 20px; font-weight: 700; line-height: 28px; text-transform: uppercase; } .blog-widget__list-item { position: relative; } .blog-widget__list-item a { color: #2a77ed; display: inline-block; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 400; line-height: 30px; border: 0; } .blog-widget__list-item .count { color: #343434; display: inline-block; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 400; line-height: 30px; ms-transform: translateY(-50%); position: absolute; right: 0px; top: 50%; transform: translateY(-50%); webkit-transform: translateY(-50%); } .blog-widget .btn--red { border-radius: 3px; margin: 15px 0px 30px; padding: 4px 12px; } .blog-widget .name { color: #a38c76; font-family: 'Playfair', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 500; line-height: 12px; margin: 5px 0px 10px; text-transform: uppercase; } .blog-widget .price { color: #343434; font-family: 'Playfair', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 700; line-height: 12px; margin-bottom: 20px; text-transform: uppercase; } .blog-tags { margin: 60px 0px 75px; } @media (max-width: 1024px) { .blog-tags { display: none; } } .blog-tags .btn { border: 1px solid #dfdfdf; border-radius: 11px; margin-bottom: 10px; margin-right: 10px; padding: 4px 8px; } .blog-tags .btn:last-child { margin-right: 0; } .blog-tags .btn:hover { border: 1px solid #256bd7; } .blog-tags .btn .count { display: inline-block; margin-left: 10px; } .blog-line { background-color: #e8e8e8; display: block; height: 1px; margin: 20px 0px; width: 100%; } .blog .reviews-list { margin-bottom: 10px; } .blog .reviews-list__item { margin-bottom: 30px; position: relative; } @media (max-width: 767px) { .blog .reviews-list__item { margin: 0 auto 45px; } } @media (max-width: 560px) { .blog .reviews-list__item { max-width: 100%; } } .blog .reviews-list__item-img { position: relative; height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center; transition: opacity 0.2s ease; } .blog .reviews-list__item-img:hover { opacity: 0.7; } .reviews-list__item-img:after { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.4) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.0) 70%,rgba(0,0,0,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); } .blog .reviews-list__item-img img { display: none; } @media (max-width: 560px) { .blog .reviews-list__item-img img { width: 100%; } } .blog .reviews-list__item-btn-view { background: rgba(0, 0, 0, 0.25); border-radius: 9px; color: #ffffff; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 11px; font-weight: 500; height: 20px; left: 10px; line-height: 20px; position: absolute; text-align: center; top: 10px; border: 0; text-transform: uppercase; letter-spacing: 1px; padding: 0 10px; z-index: 1; transition: all 0.2s ease-in-out; } .blog .reviews-list__item-btn-view:hover { background: rgba(0, 0, 0, 0.45); } .blog .reviews-list__item-img .icons-block { bottom: 10px; left: 10px; position: absolute; z-index: 2; } .blog .reviews-list__item-img .icons-block .looks, .blog .reviews-list__item-img .icons-block .comments { color: #fff; display: inline-block; font-family: 'Montserrat', Arial, Helvetica, als_rublregular, sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; margin-right: 15px; vertical-align: middle; } .blog .reviews-list__item-img .icons-block .icon { display: inline-block; vertical-align: middle; } .blog .reviews-list__item-img .icons-block .icon svg { fill: #fff; width: 16px; height: 16px; } .blog .reviews-list__item-date { color: #9d9d9d; font-family: 'Playfair', Georgia, serif; font-size: 12px; font-weight: 400; line-height: 26px; margin-top: 5px; } .blog .reviews-list__item-text { height: 66px; max-width: 80%; overflow: hidden; } .blog .reviews-list__item-text a { color: #343434; font-family: 'Montserrat', Georgia, serif; font-size: 16px; font-weight: 700; line-height: 22px; } .blog .reviews-list__item-text:hover a { border-color: rgba(84, 122, 200, 0.3); color: #2a77ed; } @media (max-width: 767px) { .blog .reviews-list__item-text { height: auto; } } .content__title { position: relative; margin-bottom: 30px; } .add-to__btn { display: none; text-align: center; cursor: pointer; } @media (max-width: 1024px) { .add-to__btn { display: inline-block; width: 135px; height: 45px; border: 1px solid #eaeaea; position: absolute; top: 0; right: 0; } } @media (max-width: 442px) { .add-to__btn { position: relative; left: 0; right: 0; display: block; margin: 10px auto 0px; } } .add-to__btn .img-block { vertical-align: middle; display: inline-block; } .add-to__btn .icon-add-to-list { fill: #2a77ed; height: 16px; width: 26px; display: inline-block; } .add-to__btn .text { font-size: 14px; line-height: normal; display: inline-block; vertical-align: middle; max-width: 85px; } .slick-prev2, .slick-next2 { display: none; } .comparison { padding: 0 15px; margin-bottom: 50px; } @media (max-width: 767px) { .comparison { padding-top: 40px; } } .comparison__head { } .comparison__head.fixed:before { content: ''; width: 100%; position: absolute; bottom: -15px; left: 0; height: 15px; background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 ); } .comparison__head .slick-slide .product { text-align: center; padding: 40px 0 0px 0; position: relative; height: 250px; overflow-x: hidden; } .comparison__head .slick-slide .product:before { content: ""; display: block; position: absolute; top: 10px; width: 100%; height: 1px; left: 0; right: 0; background: #eaeaea; } .comparison__head .slick-slide .product:after { content: ""; display: block; position: absolute; top: 10px; bottom: 0px; width: 1px; height: auto; left: 0; background: #eaeaea; } .comparison__head .slick-slide .product .cart__close-btn { display: none; position: absolute; top: 0px; width: 18px; height: 20px; left: 0; right: 0; margin: 0 auto; fill: #e25050; line-height: 16px; background: transparent; z-index: 1; } .comparison__head .slick-slide .product .cart__close-btn:after { content: ''; position: absolute; width: 14px; height: 100%; top: 0; left: 0; background: #fff; z-index: -1; } @media (max-width: 1024px) { .comparison__head .slick-slide .product .cart__close-btn { display: block; } } @media (max-width: 520px) { .comparison__head .slick-slide .product .cart__close-btn { right: 10px; left: auto; top: 20px; } } .comparison__head .slick-slide .product:hover { cursor: pointer; } .comparison__head .slick-slide .product:hover .cart__close-btn { display: block; } .comparison__head .slick-slide .product__img-block { margin-bottom: 20px; border: 0; } .comparison__head .slick-slide .product img { max-width: 110px; margin: 0 auto; } .comparison__head .slick-slide .product__name { margin-bottom: 5px; overflow: hidden; max-height: 30px; text-overflow: ellipsis; line-height: 15px; } .comparison__head .slick-slide .product__name a { font-size: 13px; } .comparison__head.fixed .slick-slide .product__price { line-height: 12px; } .comparison__head .slick-slide .catalogue__price-old { margin-right: 10px; } .comparison__head .slick-slide .catalogue__price { display: inline-block; } .comparison__head .slick-slide .product .btn { position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; padding: 10px 0px; text-align: center; width: 75px; height: 35px; } .comparison__head .slick-prev { position: absolute; top: -30px; left: 0px; background: transparent; padding: 0 0 0 5px; text-transform: none; color: #2a77ed; text-indent: -9999; } @media (max-width: 767px) { .comparison__head .slick-prev, .comparison__head .slick-next, .comparison__cont .slick-prev, .comparison__cont .slick-next { -webkit-box-shadow: 1px 0 0 0 #2a77ed, 0 1px 0 0 #2a77ed, 1px 1px 0 0 #2a77ed, 1px 0 0 0 #2a77ed inset, 0 1px 0 0 #2a77ed inset; box-shadow: 1px 0 0 0 #2a77ed, 0 1px 0 0 #2a77ed, 1px 1px 0 0 #2a77ed, 1px 0 0 0 #2a77ed inset, 0 1px 0 0 #2a77ed inset; } .comparison__head .slick-prev { display: table !important; border-collapse: collapse; width: 50%; top: -65px; border-radius: 0px; height: 50px; } } .comparison__head .slick-prev .icon-left { fill: #2a77ed; width: 7px; height: 9px; margin: -2px 5px 0 0; } @media (max-width: 1024px) { .comparison__head .slick-prev .icon-left { margin-top: 0; } } .comparison__head .slick-next { position: absolute; top: -30px; right: 0px; background: transparent; padding: 0 5px 0 0; color: #2a77ed; text-transform: none; } @media (max-width: 767px) { .comparison__head .slick-next { display: table !important; border-collapse: collapse; width: 50%; top: -65px; border-radius: 0px; height: 50px; } } .comparison__head .slick-next .icon-right { fill: #2a77ed; width: 7px; height: 9px; margin: -2px 0 0 5px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 1024px) { .comparison__head .slick-next .icon-right { margin-top: 0; } } .comparison__head .slick-disabled { color: #ababab!important; } .comparison__head .slick-disabled .icon-left { fill: #ababab!important; } .comparison__head .slick-disabled .icon-right { fill: #ababab!important; } @media (max-width: 767px) { .comparison__head .slick-disabled { -webkit-box-shadow: 1px 0 0 0 #eaeaea, 0 1px 0 0 #eaeaea, 1px 1px 0 0 #eaeaea, 1px 0 0 0 #eaeaea inset, 0 1px 0 0 #eaeaea inset!important; box-shadow: 1px 0 0 0 #eaeaea, 0 1px 0 0 #eaeaea, 1px 1px 0 0 #eaeaea, 1px 0 0 0 #eaeaea inset, 0 1px 0 0 #eaeaea inset!important; z-index: -1; } } .comparison__head .left_side { border: 1px solid #eaeaea; text-align: center; height: 240px; margin-top: 10px; padding-top: 45px; position: relative; } @media (max-width: 1024px) { .comparison__head .left_side { display: none; } } .comparison__head .right_side { border-bottom: 1px solid #eaeaea; text-align: center; height: 250px; padding: 0; position: relative; } .comparison__head .right_side:before { content: ""; display: block; position: absolute; top: 10px; width: 1px; height: 100%; bottom: 0px; right: 0; background: #eaeaea; } @media (max-width: 520px) { .comparison__head .right_side:before { height: 100%; } } .comparison__head .right_side:after { content: ""; display: block; position: absolute; top: 10px; width: 1px; height: 90%; bottom: 10px; left: 0; background: #eaeaea; } @media (max-width: 520px) { .comparison__head .right_side:after { height: 100%; } } .comparison__head .brr-none { border-right: none; } .comparison__head.fixed { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; padding: 50px 15px 0; background: #fff; z-index: 9; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (min-width: 1200px) { .comparison__head.fixed { left: auto; right: auto; margin-left: -15px; } } .comparison__head.fixed:before { visibility: visible; opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 1200px) { .comparison__head.fixed { max-width: 100%; } } @media (max-width: 767px) { .comparison__head.fixed { padding-top: 80px; } } .comparison__head.fixed .slick-slide .product { text-align: left; padding: 25px 0 0px 0; position: relative; height: 140px; overflow-x: hidden; } @media (max-width: 520px) { .comparison__head.fixed .slick-slide .product { height: 200px; padding-top: 10px; text-align: center; } } .comparison__head.fixed .slick-slide .product:hover { cursor: pointer; } .comparison__head.fixed .slick-slide .product:hover .del { display: block; } .comparison__head.fixed .slick-slide .product .cart__close-btn { top: 1px; } @media (max-width: 520px) { .comparison__head.fixed .slick-slide .product .cart__close-btn { top: 20px; right: 10px; } } .comparison__head.fixed .slick-slide .product__img-block { float: left; padding-left: 20px; margin-top: 10px; margin-right: 20px; } @media (max-width: 520px) { .comparison__head.fixed .slick-slide .product__img-block { float: none; } } .comparison__head.fixed .slick-slide .product img { max-width: 80px; margin: 0 auto; } .comparison__head.fixed .slick-slide .product__name { margin-bottom: 0px; } .comparison__head.fixed .slick-slide .product button img { width: 17px; height: 17px; } .comparison__head.fixed .left_side { background: #fff; position: relative; z-index: 999; height: 130px; margin-top: 10px; padding-top: 20px; } .comparison__head.fixed .right_side { background: #fff; position: relative; z-index: 999; height: 140px; padding-top: 0; } @media (max-width: 520px) { .comparison__head.fixed .right_side { height: 200px; } } .comparison__cont { padding: 0; position: relative; } .comparison__cont .slick-prev { position: absolute; bottom: -30px; left: 0px; background: transparent; padding: 0 0 0 5px; color: #2a77ed; text-transform: none; } @media (max-width: 767px) { .comparison__cont .slick-prev { display: inline-block; width: 50%; bottom: -75px; border-radius: 0px; height: 50px; } } @media (max-width: 440px) { .comparison__cont .slick-prev { bottom: -75px; } } .comparison__cont .slick-prev .icon-left { fill: #2a77ed; width: 7px; height: 9px; margin: -2px 5px 0 0; } @media (max-width: 1024px) { .comparison__cont .slick-prev .icon-left { margin-top: 0; } } .comparison__cont .slick-next { position: absolute; bottom: -30px; right: 0px; background: transparent; padding: 0 5px 0 0; color: #2a77ed; text-transform: none; } @media (max-width: 767px) { .comparison__cont .slick-next { display: inline-block; width: 50%; bottom: -75px; border-radius: 0px; height: 50px; } } @media (max-width: 440px) { .comparison__cont .slick-next { bottom: -75px; } } .comparison__cont .slick-next .icon-right { fill: #2a77ed; width: 7px; height: 9px; margin: -2px 0 0 5px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 1024px) { .comparison__cont .slick-next .icon-right { margin-top: 0; } } .comparison__cont .slick-disabled { color: #ababab; } .comparison__cont .slick-disabled .icon-left { fill: #ababab; } .comparison__cont .slick-disabled .icon-right { fill: #ababab; } @media (max-width: 767px) { .comparison__cont .slick-disabled { -webkit-box-shadow: 1px 0 0 0 #eaeaea, 0 1px 0 0 #eaeaea, 1px 1px 0 0 #eaeaea, 1px 0 0 0 #eaeaea inset, 0 1px 0 0 #eaeaea inset; box-shadow: 1px 0 0 0 #eaeaea, 0 1px 0 0 #eaeaea, 1px 1px 0 0 #eaeaea, 1px 0 0 0 #eaeaea inset, 0 1px 0 0 #eaeaea inset; z-index: -1; } } .comparison__cont .left_side { padding: 0; text-align: left; } @media (max-width: 1024px) { .comparison__cont .left_side { position: absolute; top: 0; left: -15px; right: -15px; bottom: 0; text-align: center; z-index: 8; } } .comparison__cont .left_side .cell p { max-width: 300px; } .comparison__cont .right_side { padding: 0; border-right: 1px solid #eaeaea; } @media (max-width: 1024px) { .comparison__cont .right_side { padding-top: 50px; } } @media (max-width: 1024px) { .comparison__cont .right_side .slick-slide { min-height: 250px; overflow: hidden; } } .comparison__cont .right_side .cell p { max-width: 200px; } .comparison__cont .right_side .cell:hover { background: #ede8e4; } .comparison__cont .filter-panel { font-weight: bold; font-size: 14px; font-family: 'Montserrat', Verdana, Arial, Helvetica, als_rublregular, sans-serif; position: relative; cursor: pointer; } @media (max-width: 1024px) { .comparison__cont .filter-panel .text { display: inline-block; position: relative; padding-left: 15px; } } .comparison__cont .filter-panel .icon { position: absolute; left: 2px; display: inline-block; font-weight: bold; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .comparison__cont .filter-panel .icon.active { left: 0px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .comparison__cont .table-wrap { display: table; border-collapse: collapse; width: 100%; } .comparison__cont .column { display: table-row; max-width: 100%; } .comparison__cont .cell { display: table-cell; border-collapse: collapse; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; height: 54px; font-size: 13px; max-width: 100%; font-family: 'Montserrat', Verdana, Arial, Helvetica, als_rublregular, sans-serif; vertical-align: middle; padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } @media (max-width: 1024px) { .comparison__cont .cell { height: 50px; } } .comparison__cont .cell p { height: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; } @media (max-width: 1024px) { .comparison__cont .cell p { margin: 0 auto; } } @media (max-width: 400px) { .comparison__cont .cell p { max-width: 260px; } } .comparison__cont .cell:hover > p { max-width: 100%; text-overflow: clip; overflow: inherit; white-space: normal; cursor: pointer; position: absolute; top: 0; left: 0; background: #ede8e4; height: auto; width: 100%; z-index: 1; padding: 15px 20px; } @media (max-width: 1024px) { .comparison__cont .cell { display: block; margin-bottom: 50px; width: 100%; max-width: 100%; } .column.hd-mob .cell, .column.column--attribute-group-name .cell, .comparison__cont .column:last-child .cell { margin-bottom: 0; } } @media (max-width: 440px) { .comparison__cont .cell { padding: 15px 10px; } } @media (max-width: 1024px) { .comparison__cont .hd-mob { display: block; opacity: 0; } } @media (max-width: 1024px) { .comparison__cont .filter-panel2 .cell { margin-top: 50px; } } @media (max-width: 1024px) { .comparison__cont .filter-hide1 .cell, .comparison__cont .filter-hide2 .cell { margin-top: 50px; } } @media (max-width: 1024px) { .comparison__cont .filter-hide2 .cell { margin-bottom: 0px; } } @media (max-width: 1024px) { .comparison__cont .filter-hide1__last .cell { margin-top: 0; } } @media (max-width: 1024px) { .comparison__cont .fill1, .comparison__cont .fill2 { margin-bottom: 0; } } @media (max-width: 1024px) { .comparison__cont .fill-left .cell { margin-top: 0; } } @media (max-width: 1024px) { .comparison__cont .fill-left__last .cell { margin-bottom: 0; } } .js-categories-sizer { height: 0; min-height: 0; } .cookieagry { position: fixed; width: 100%; bottom: 0; background: rgba(228, 228, 228, 0.97); padding: 18px 90px 19px 30px; z-index: 99; } .cookieagry__text { max-height: 100px; display: block; overflow: auto; } .cookieagry__text p { padding: 0; } .cloud-zoom-loading { color: #343434; background: #f1f1f1; padding: 0; border: 0; line-height: 23px; } .cloud-zoom-title { display: none; } .catalogue__table-btn .catalogue__table-action-link { display: none; position: absolute; top: 10px; right: 0; } @media (max-width: 767px) { .catalogue__table-btn .catalogue__table-action-link { display: block; } } #collapse-shipping-method .buttons>.pull-right { float: none!important; } #collapse-shipping-method .buttons>.pull-right input[type="button"] { padding: 12px 32px; } .swiper-viewport a { border: 0; } .content .checkout-success { padding: 60px 0 43px; text-align: center; } .checkout-success img { max-width: 100%; } @media (max-width: 479px) { .checkout-success img { max-width: 60%; } } .checkout-success__title { font-weight: 400; text-transform: initial; padding: 30px 0 70px; } .checkout-success__message { border: 1px solid #e7e7e7; padding: 50px 0 50px; text-align: center; } .checkout-success__message p { padding: 0; } .is-chats-open .app-chats__dropdown { opacity: 1; visibility: visible; -ms-transform: translate(0, 0); transform: translate(0, 0); } .is-chats-open .app-chats__toggle .icon-chats-open { opacity: 0; -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); } .is-chats-open .app-chats__toggle .icon-chats-close { opacity: 1; -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .app-chats { position: fixed; z-index: 11; bottom: 20px; } .app-chats__toggle { display: block; position: relative; border: none; padding: 0; width: 70px; height: 70px; border-radius: 50%; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: 0.25s; } .app-chats__toggle .icon-chats-open, .app-chats__toggle .icon-chats-close { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: 0.25s; } .app-chats__toggle .icon-chats-close { opacity: 0; -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); } .app-chats__toggle:hover { color: #fff; } @media (max-width: 479px) { .app-chats__toggle { width: 55px; height: 55px; } } .app-chats__dropdown { position: absolute; bottom: 100%; background: #fff; -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1); margin: 0 0 30px; width: 290px; overflow: hidden; transition: 0.25s; opacity: 0; visibility: hidden; -ms-transform: translate(0, 10px); transform: translate(0, 10px); } .app-chats__list { margin: 0 -1px -1px 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .app-chats__list > li { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; border-bottom: 1px solid #f2f2f0; border-right: 1px solid #f2f2f0; } .app-chats__item { text-align: center; color: #343434; min-height: 100%; padding: 14px 10px 10px; display: block; transition: 0.25s; text-decoration: none; border: 0; } .app-chats__item:hover { background: #f2f2f0; color: #343434; } .app-chats__item-image { margin: 0 0 10px; } .app-chats__item-image img { display: inline-block; vertical-align: top; max-width: 60px; } .app-chats__item-text { display: block; margin: 0; font-size: 13px; line-height: 20px; font-weight: 500; padding: 0; } svg.icon-chats-open { fill: #fff; width: 30px; height: 30px; } svg.icon-chats-close { fill: #fff; width: 20px; height: 20px; } .app-chats__item--viber-mobile { display: none; } @media (max-width: 767px) { .app-chats__item--viber-mobile { display: block; } .app-chats__item--viber-pc { display: none; } } .catalogue__product-name.products-list__name, .footer__logo, .header__logo, .price-modern__main, .pickup-price { font-family: 'Playfair'; }