.br-theme-css-stars .br-widget { height: 28px; white-space: nowrap; } .br-theme-css-stars .br-widget a { text-decoration: none; height: 18px; width: 18px; float: left; font-size: 23px; margin-right: 5px; } .br-theme-css-stars .br-widget a:after { content: "\2605"; color: #d2d2d2; } .br-theme-css-stars .br-widget a.br-active:after { color: #EDB867; } .br-theme-css-stars .br-widget a.br-selected:after { color: #EDB867; } .br-theme-css-stars .br-widget .br-current-rating { display: none; } .br-theme-css-stars .br-readonly a { cursor: default; } @media print { .br-theme-css-stars .br-widget a:after { content: "\2606"; color: black; } .br-theme-css-stars .br-widget a.br-active:after, .br-theme-css-stars .br-widget a.br-selected:after { content: "\2605"; color: black; } } /* * iziToast | v1.4.0 * http://izitoast.marcelodolce.com * by Marcelo Dolce. */ .iziToast-capsule { font-size: 0; height: 0; width: 100%; transform: translateZ(0); backface-visibility: hidden; transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); } .iziToast-capsule, .iziToast-capsule * { box-sizing: border-box; } .iziToast-overlay { display: block; position: fixed; top: -100px; left: 0; right: 0; bottom: -100px; z-index: 997; } .iziToast { display: inline-block; clear: both; position: relative; font-family: 'Lato', Tahoma, Arial; font-size: 14px; padding: 8px 45px 9px 0; background: rgba(238,238,238,0.9); border-color: rgba(238,238,238,0.9); width: 100%; pointer-events: all; cursor: default; transform: translateX(0); -webkit-touch-callout: none /* iOS Safari */; -webkit-user-select: none /* Chrome/Safari/Opera */; -moz-user-select: none /* Firefox */; user-select: none; min-height: 54px; } .iziToast > .iziToast-progressbar { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; background: rgba(255,255,255,0.2); } .iziToast > .iziToast-progressbar > div { height: 2px; width: 100%; background: rgba(0,0,0,0.3); border-radius: 0 0 3px 3px; } .iziToast.iziToast-balloon:before { content: ''; position: absolute; right: 8px; left: auto; width: 0px; height: 0px; top: 100%; border-right: 0px solid transparent; border-left: 15px solid transparent; border-top: 10px solid #000; border-top-color: inherit; border-radius: 0; } .iziToast.iziToast-balloon .iziToast-progressbar { top: 0; bottom: auto; } .iziToast.iziToast-balloon > div { border-radius: 0 0 0 3px; } .iziToast > .iziToast-cover { position: absolute; left: 0; top: 0; bottom: 0; height: 100%; margin: 0; background-size: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(0,0,0,0.1); } .iziToast > .iziToast-close { position: absolute; right: 0; top: 0; border: 0; padding: 0; opacity: 0.6; width: 42px; height: 100%; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC") no-repeat 50% 50%; background-size: 8px; cursor: pointer; outline: none; } .iziToast > .iziToast-close:hover { opacity: 1; } .iziToast > .iziToast-body { position: relative; padding: 0 0 0 10px; height: auto; min-height: 36px; margin: 0 0 0 15px; text-align: left; } .iziToast > .iziToast-body:after { content: ""; display: table; clear: both; } .iziToast > .iziToast-body .iziToast-texts { margin: 10px 0 0 0; padding-right: 2px; display: inline-block; float: left; } .iziToast > .iziToast-body .iziToast-inputs { min-height: 19px; float: left; margin: 3px -2px; } .iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]), .iziToast > .iziToast-body .iziToast-inputs > select { position: relative; display: inline-block; margin: 2px; border-radius: 2px; border: 0; padding: 4px 7px; font-size: 13px; letter-spacing: 0.02em; background: rgba(0,0,0,0.1); color: #000; box-shadow: 0 0 0 1px rgba(0,0,0,0.2); min-height: 26px; } .iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]):focus, .iziToast > .iziToast-body .iziToast-inputs > select:focus { box-shadow: 0 0 0 1px rgba(0,0,0,0.6); } .iziToast > .iziToast-body .iziToast-buttons { min-height: 17px; float: left; margin: 4px -2px; } .iziToast > .iziToast-body .iziToast-buttons > a, .iziToast > .iziToast-body .iziToast-buttons > button, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]) { position: relative; display: inline-block; margin: 2px; border-radius: 2px; border: 0; padding: 5px 10px; font-size: 12px; letter-spacing: 0.02em; cursor: pointer; background: rgba(0,0,0,0.1); color: #000; } .iziToast > .iziToast-body .iziToast-buttons > a:hover, .iziToast > .iziToast-body .iziToast-buttons > button:hover, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):hover { background: rgba(0,0,0,0.2); } .iziToast > .iziToast-body .iziToast-buttons > a:focus, .iziToast > .iziToast-body .iziToast-buttons > button:focus, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):focus { box-shadow: 0 0 0 1px rgba(0,0,0,0.6); } .iziToast > .iziToast-body .iziToast-buttons > a:active, .iziToast > .iziToast-body .iziToast-buttons > button:active, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):active { top: 1px; } .iziToast > .iziToast-body .iziToast-icon { height: 100%; position: absolute; left: 0; top: 50%; display: table; font-size: 23px; line-height: 24px; margin-top: -12px; color: #000; width: 24px; height: 24px; } .iziToast > .iziToast-body .iziToast-icon.ico-info { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%; background-size: 85%; } .iziToast > .iziToast-body .iziToast-icon.ico-warning { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==") no-repeat 50% 50%; background-size: 85%; } .iziToast > .iziToast-body .iziToast-icon.ico-error { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC") no-repeat 50% 50%; background-size: 80%; } .iziToast > .iziToast-body .iziToast-icon.ico-success { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%; background-size: 85%; } .iziToast > .iziToast-body .iziToast-icon.ico-question { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%; background-size: 85%; } .iziToast > .iziToast-body .iziToast-title { padding: 0; margin: 0; line-height: 16px; font-size: 14px; text-align: left; float: left; color: #000; white-space: normal; } .iziToast > .iziToast-body .iziToast-message { padding: 0; margin: 0 0 10px 0; font-size: 14px; line-height: 16px; text-align: left; float: left; color: rgba(0,0,0,0.6); white-space: normal; } .iziToast.iziToast-animateInside .iziToast-title, .iziToast.iziToast-animateInside .iziToast-message, .iziToast.iziToast-animateInside .iziToast-icon, .iziToast.iziToast-animateInside .iziToast-buttons-child, .iziToast.iziToast-animateInside .iziToast-inputs-child { opacity: 0; } .iziToast-target { position: relative; width: 100%; margin: 0 auto; } .iziToast-target .iziToast-capsule { overflow: hidden; } .iziToast-target .iziToast-capsule:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .iziToast-target .iziToast-capsule .iziToast { width: 100%; float: left; } .iziToast-wrapper { z-index: 99999; position: fixed; width: 100%; pointer-events: none; display: flex; flex-direction: column; } .iziToast-wrapper .iziToast.iziToast-balloon:before { border-right: 0 solid transparent; border-left: 15px solid transparent; border-top: 10px solid #000; border-top-color: inherit; right: 8px; left: auto; } .iziToast-wrapper-bottomLeft { left: 0; bottom: 0; text-align: left; } .iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before { border-right: 15px solid transparent; border-left: 0 solid transparent; right: auto; left: 8px; } .iziToast-wrapper-bottomRight { right: 0; bottom: 0; text-align: right; } .iziToast-wrapper-topLeft { left: 0; top: 0; text-align: left; } .iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before { border-right: 15px solid transparent; border-left: 0 solid transparent; right: auto; left: 8px; } .iziToast-wrapper-topRight { top: 0; right: 0; text-align: right; } .iziToast-wrapper-topCenter { top: 0; left: 0; right: 0; text-align: center; } .iziToast-wrapper-bottomCenter { bottom: 0; left: 0; right: 0; text-align: center; } .iziToast-wrapper-center { top: 0; bottom: 0; left: 0; right: 0; text-align: center; justify-content: center; flex-flow: column; align-items: center; } .iziToast-rtl { direction: rtl; padding: 8px 0 9px 45px; font-family: Tahoma, 'Lato', Arial; } .iziToast-rtl .iziToast-cover { left: auto; right: 0; } .iziToast-rtl .iziToast-close { right: auto; left: 0; } .iziToast-rtl .iziToast-body { padding: 0 10px 0 0; margin: 0 16px 0 0; text-align: right; } .iziToast-rtl .iziToast-body .iziToast-buttons, .iziToast-rtl .iziToast-body .iziToast-inputs, .iziToast-rtl .iziToast-body .iziToast-texts, .iziToast-rtl .iziToast-body .iziToast-title, .iziToast-rtl .iziToast-body .iziToast-message { float: right; text-align: right; } .iziToast-rtl .iziToast-body .iziToast-icon { left: auto; right: 0; } @media only screen and (min-width: 568px) { .iziToast-wrapper { padding: 10px 15px; } .iziToast { margin: 5px 0; border-radius: 3px; width: auto; } .iziToast:after { content: ''; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3px; box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,0.2), inset 0 0 5px rgba(0,0,0,0.1), 0 8px 8px -5px rgba(0,0,0,0.25); } .iziToast:not(.iziToast-rtl) .iziToast-cover { border-radius: 3px 0 0 3px; } .iziToast.iziToast-rtl .iziToast-cover { border-radius: 0 3px 3px 0; } .iziToast.iziToast-color-dark:after { box-shadow: inset 0 -10px 20px -10px rgba(255,255,255,0.3), 0 10px 10px -5px rgba(0,0,0,0.25); } .iziToast.iziToast-balloon .iziToast-progressbar { background: transparent; } .iziToast.iziToast-balloon:after { box-shadow: 0 10px 10px -5px rgba(0,0,0,0.25), inset 0 10px 20px -5px rgba(0,0,0,0.25); } .iziToast-target .iziToast:after { box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,0.2), inset 0 0 5px rgba(0,0,0,0.1); } } .iziToast.iziToast-theme-dark { background: #565c70; border-color: #565c70; } .iziToast.iziToast-theme-dark .iziToast-title { color: #fff; } .iziToast.iziToast-theme-dark .iziToast-message { color: rgba(255,255,255,0.7); font-weight: 300; } .iziToast.iziToast-theme-dark .iziToast-close { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%; background-size: 8px; } .iziToast.iziToast-theme-dark .iziToast-icon { color: #fff; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-info { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%; background-size: 85%; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-warning { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==") no-repeat 50% 50%; background-size: 85%; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-error { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC") no-repeat 50% 50%; background-size: 80%; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-success { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%; background-size: 85%; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-question { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%; background-size: 85%; } .iziToast.iziToast-theme-dark .iziToast-buttons > a, .iziToast.iziToast-theme-dark .iziToast-buttons > button, .iziToast.iziToast-theme-dark .iziToast-buttons > input { color: #fff; background: rgba(255,255,255,0.1); } .iziToast.iziToast-theme-dark .iziToast-buttons > a:hover, .iziToast.iziToast-theme-dark .iziToast-buttons > button:hover, .iziToast.iziToast-theme-dark .iziToast-buttons > input:hover { background: rgba(255,255,255,0.2); } .iziToast.iziToast-theme-dark .iziToast-buttons > a:focus, .iziToast.iziToast-theme-dark .iziToast-buttons > button:focus, .iziToast.iziToast-theme-dark .iziToast-buttons > input:focus { box-shadow: 0 0 0 1px rgba(255,255,255,0.6); } .iziToast.iziToast-color-red { background: rgba(255,175,180,0.9); border-color: rgba(255,175,180,0.9); } .iziToast.iziToast-color-orange { background: rgba(255,207,165,0.9); border-color: rgba(255,207,165,0.9); } .iziToast.iziToast-color-yellow { background: rgba(255,249,178,0.9); border-color: rgba(255,249,178,0.9); } .iziToast.iziToast-color-blue { background: rgba(157,222,255,0.9); border-color: rgba(157,222,255,0.9); } .iziToast.iziToast-color-green { background: rgba(166,239,184,0.9); border-color: rgba(166,239,184,0.9); } .iziToast.iziToast-layout2 .iziToast-body .iziToast-texts, .iziToast.iziToast-layout2 .iziToast-body .iziToast-message { width: 100%; } .iziToast.iziToast-layout3 { border-radius: 2px; } .iziToast.iziToast-layout3::after { display: none; } .iziToast.revealIn, .iziToast .revealIn { animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both; } .iziToast.slideIn, .iziToast .slideIn { animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both; } .iziToast.bounceInLeft { animation: iziT-bounceInLeft 0.7s ease-in-out both; } .iziToast.bounceInRight { animation: iziT-bounceInRight 0.85s ease-in-out both; } .iziToast.bounceInDown { animation: iziT-bounceInDown 0.7s ease-in-out both; } .iziToast.bounceInUp { animation: iziT-bounceInUp 0.7s ease-in-out both; } .iziToast.fadeIn, .iziToast .fadeIn { animation: iziT-fadeIn 0.5s ease both; } .iziToast.fadeInUp { animation: iziT-fadeInUp 0.7s ease both; } .iziToast.fadeInDown { animation: iziT-fadeInDown 0.7s ease both; } .iziToast.fadeInLeft { animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both; } .iziToast.fadeInRight { animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both; } .iziToast.flipInX { animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both; } .iziToast.fadeOut { animation: iziT-fadeOut 0.7s ease both; } .iziToast.fadeOutDown { animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; } .iziToast.fadeOutUp { animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; } .iziToast.fadeOutLeft { animation: iziT-fadeOutLeft 0.5s ease both; } .iziToast.fadeOutRight { animation: iziT-fadeOutRight 0.5s ease both; } .iziToast.flipOutX { backface-visibility: visible !important; animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both; } .iziToast-overlay.fadeIn { animation: iziT-fadeIn 0.5s ease both; } .iziToast-overlay.fadeOut { animation: iziT-fadeOut 0.7s ease both; } @keyframes iziT-revealIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 1); } 100% { opacity: 1; } } @keyframes iziT-slideIn { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes iziT-bounceInLeft { 0% { opacity: 0; transform: translateX(280px); } 50% { opacity: 1; transform: translateX(-20px); } 70% { transform: translateX(10px); } 100% { transform: translateX(0); } } @keyframes iziT-bounceInRight { 0% { opacity: 0; transform: translateX(-280px); } 50% { opacity: 1; transform: translateX(20px); } 70% { transform: translateX(-10px); } 100% { transform: translateX(0); } } @keyframes iziT-bounceInDown { 0% { opacity: 0; transform: translateY(-200px); } 50% { opacity: 1; transform: translateY(10px); } 70% { transform: translateY(-5px); } 100% { transform: translateY(0); } } @keyframes iziT-bounceInUp { 0% { opacity: 0; transform: translateY(200px); } 50% { opacity: 1; transform: translateY(-10px); } 70% { transform: translateY(5px); } 100% { transform: translateY(0); } } @keyframes iziT-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes iziT-fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } @keyframes iziT-fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } @keyframes iziT-fadeInLeft { from { opacity: 0; transform: translate3d(300px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes iziT-fadeInRight { from { opacity: 0; transform: translate3d(-300px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes iziT-flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } @keyframes iziT-fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes iziT-fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } @keyframes iziT-fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } @keyframes iziT-fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-200px, 0, 0); } } @keyframes iziT-fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(200px, 0, 0); } } @keyframes iziT-flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @charset "UTF-8"; @font-face { font-family: "Praho Pro"; src: url("/fonts/PrahoPro-Regular.eot"); src: url("/fonts/PrahoPro-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/PrahoPro-Regular.woff") format("woff"), url("/fonts/PrahoPro-Regular.ttf") format("truetype"), url("/fonts/PrahoPro-Regular.svg#PrahoPro-Regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Praho Pro"; src: url("/fonts/PrahoPro-Regular.eot"); src: url("/fonts/PrahoPro-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/PrahoPro-Regular.woff") format("woff"), url("/fonts/PrahoPro-Regular.ttf") format("truetype"), url("/fonts/PrahoPro-Regular.svg#PrahoPro-Regular") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: "Praho Pro"; src: url("/fonts/PrahoPro-Regular.eot"); src: url("/fonts/PrahoPro-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/PrahoPro-Regular.woff") format("woff"), url("/fonts/PrahoPro-Regular.ttf") format("truetype"), url("/fonts/PrahoPro-Regular.svg#PrahoPro-Regular") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Geometria"; src: url("/fonts/Geometria-Light.eot"); src: url("/fonts/Geometria-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/Geometria-Light.woff") format("woff"), url("/fonts/Geometria-Light.ttf") format("truetype"), url("/fonts/Geometria-Light.svg#Geometria-Light") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Geometria"; src: url("/fonts/Geometria.eot"); src: url("/fonts/Geometria.eot?#iefix") format("embedded-opentype"), url("/fonts/Geometria.woff") format("woff"), url("/fonts/Geometria.ttf") format("truetype"), url("/fonts/Geometria.svg#Geometria") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "Geometria"; src: url("/fonts/Geometria-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/Geometria-Medium.woff") format("woff"), url("/fonts/Geometria-Medium.ttf") format("truetype"), url("/fonts/Geometria-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; } @font-face { font-family: "Geometria"; src: url("/fonts/Geometria-Bold.otf") format("opentype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Praho"; src: url("/fonts/PrahoPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/PrahoPro-Bold.otf") format("opentype"), url("/fonts/PrahoPro-Bold.woff") format("woff"), url("/fonts/PrahoPro-Bold.ttf") format("truetype"), url("/fonts/PrahoPro-Bold.svg#PrahoPro-Bold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Praho"; src: url("/fonts/PrahoMedium/PrahoPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/PrahoMedium/PrahoPro-Medium.otf") format("opentype"), url("/fonts/PrahoMedium/PrahoPro-Medium.woff") format("woff"), url("/fonts/PrahoMedium/PrahoPro-Medium.ttf") format("truetype"), url("/fonts/PrahoMedium/PrahoPro-Medium.svg#PrahoPro-Medium") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: "Praho"; src: url("/fonts/PrahoPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/PrahoPro-Bold.otf") format("opentype"), url("/fonts/PrahoPro-Bold.woff") format("woff"), url("/fonts/PrahoPro-Bold.ttf") format("truetype"), url("/fonts/PrahoPro-Bold.svg#PrahoPro-Bold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "FuturaPT"; src: url("/fonts/FuturaPT/FuturaPT-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/FuturaPT/FuturaPT-Medium.woff") format("woff"), url("/fonts/FuturaPT/FuturaPT-Medium.ttf") format("truetype"), url("/fonts/FuturaPT/FuturaPT-Medium.svg#FuturaPT-Medium") format("svg"); font-weight: 500; font-style: normal; } /** * Миксин формирует колоночную сетку с помощью float * * @var string $column Колличество колонок * @var string $indent Отступ между колонками * * @example "@include floatgrid(2, 20px)" * @example "@include floatgrid(6, 10px)" * @example "@include floatgrid(8)" */ /** * Миксин формирует колоночную сетку с помощью flex * * @var string $column Количество колонок * @var string $indent Отступ между колонками * * @example "@include grid(3, 20px)" * @example "@include grid(6, 10px)" * @example "@include grid(8)" */ /** * Миксин группирует свойства по медиа запросам * * @var string $property Изменяемое свойство * @var string $values Массив со значениями для разрешения * * @example "@include media-set(font-size, (m: 12px, t: 14px, d: 16px))" * @example "@include media-set(margin-bottom, (m: 10px, d: 30px, d-3k: 50px))" */ /** * Count letter-spacing for browser from Adobe Photoshop * * @var string $photoshop-spacing Photoshop letter-spacing value * @var string $font-size Letters font size * * @example "@include floatgrid(50, 14px)" */ /** Функции расcчитывают значения letter-spacing на основании данных из Photoshop (Adobe XD, etc). Расчет может производиться как в пикселях (letter-spacing), так и в em (letter-spacing-em). Для расчета в пикселях необходимо указать размер шрифта. @src https://iskraa.ru/blog/development/letter-spacing @var number $src-data Значение letter-spacing в графическом редакторе @var number $font-size Размер шрифта @example "letter-spacing(10, 14px) -> 0.14px" @example "letter-spacing(50px, 26px) -> 1.3px" @example "letter-spacing(20) -> 0.02em" */ /** Функция для получения числового значения из величины с единицами измерения @src https://css-tricks.com/snippets/sass/strip-unit-function/ @var string $value Строка для удаления единиц измерения @example "strip-unit(50px) -> 50" @example "strip-unit(50em) -> 50" @example "strip-unit(50rem) -> 50" @example "strip-unit(50vh) -> 50" */ /** Функции расcчитывают значения letter-spacing на основании данных из Photoshop (Adobe XD, etc). Расчет может производиться как в пикселях (letter-spacing), так и в em (letter-spacing-em). Для расчета в пикселях необходимо указать размер шрифта. @src https://iskraa.ru/blog/development/letter-spacing @var number $src-data Значение letter-spacing в графическом редакторе @var number $font-size Размер шрифта @example "letter-spacing(10, 14px) -> 0.14px" @example "letter-spacing(50px, 26px) -> 1.3px" @example "letter-spacing(20) -> 0.02em" */ /** Функция для получения числового значения из величины с единицами измерения @src https://css-tricks.com/snippets/sass/strip-unit-function/ @var string $value Строка для удаления единиц измерения @example "strip-unit(50px) -> 50" @example "strip-unit(50em) -> 50" @example "strip-unit(50rem) -> 50" @example "strip-unit(50vh) -> 50" */ .reservation-wrapper, .header--with-menu .inner-header .phone-number, .page_home .blog-list__title, .page_home .blog-list__title > a { transition: all 0.3s ease; } .reservation-modal .main-menu__close .ic-close:before, .contacts .social-button_link { transition: all 0.15s ease; } .page_restaurants .restaurants-title--wrapper, .page_video .restaurants-title--wrapper, .page_video-categories .restaurants-title--wrapper, .page_foto .restaurants-title--wrapper, .page_foto-categories .restaurants-title--wrapper, .page_restaurants-place .restaurants-title--wrapper, .page_partners .restaurants-title--wrapper, .page_agencies-categories .restaurants-title--wrapper, .page_has-filters .restaurants-title--wrapper { position: absolute; width: 100%; top: 0; left: 0; bottom: 0; right: 0; } .photo-news-card .blog-list__more a, .footer .footer__policy a, .blog-nav_link, .photo-news-redirect-wrapper .photo-news-redirect, .photo-news-wrapper .photo-news-item .blog-list__more a, .page_home .blog-list__more a, .page_home .directions-slider__more a, .footer__phone a, .footer__copyright a { position: relative; display: inline-block; padding-bottom: 5px; color: #a3a3a3; } .photo-news-card .blog-list__more a:after, .footer .footer__policy a:after, .blog-nav_link:after, .photo-news-redirect-wrapper .photo-news-redirect:after, .photo-news-wrapper .photo-news-item .blog-list__more a:after, .page_home .blog-list__more a:after, .page_home .directions-slider__more a:after, .footer__phone a:after, .footer__copyright a:after { content: ""; background-color: #a3a3a3; height: 1px; position: absolute; bottom: 0; width: 0; left: 50%; transition: all 0.08s linear; } @media (max-width: 799px) { .photo-news-card .blog-list__more a:after, .footer .footer__policy a:after, .blog-nav_link:after, .photo-news-redirect-wrapper .photo-news-redirect:after, .photo-news-wrapper .photo-news-item .blog-list__more a:after, .page_home .blog-list__more a:after, .page_home .directions-slider__more a:after, .footer__phone a:after, .footer__copyright a:after { display: none !important; } } .photo-news-card .blog-list__more a:hover, .footer .footer__policy a:hover, .blog-nav_link:hover, .photo-news-redirect-wrapper .photo-news-redirect:hover, .photo-news-wrapper .photo-news-item .blog-list__more a:hover, .page_home .blog-list__more a:hover, .page_home .directions-slider__more a:hover, .footer__phone a:hover, .footer__copyright a:hover, .photo-news-card .blog-list__more a.active, .footer .footer__policy a.active, .active.blog-nav_link, .photo-news-redirect-wrapper .active.photo-news-redirect, .photo-news-wrapper .photo-news-item .blog-list__more a.active, .page_home .blog-list__more a.active, .page_home .directions-slider__more a.active, .footer__phone a.active, .footer__copyright a.active { color: #415571; } .photo-news-card .blog-list__more a:hover:after, .footer .footer__policy a:hover:after, .blog-nav_link:hover:after, .photo-news-redirect-wrapper .photo-news-redirect:hover:after, .photo-news-wrapper .photo-news-item .blog-list__more a:hover:after, .page_home .blog-list__more a:hover:after, .page_home .directions-slider__more a:hover:after, .footer__phone a:hover:after, .footer__copyright a:hover:after, .photo-news-card .blog-list__more a.active:after, .footer .footer__policy a.active:after, .active.blog-nav_link:after, .photo-news-redirect-wrapper .active.photo-news-redirect:after, .photo-news-wrapper .photo-news-item .blog-list__more a.active:after, .page_home .blog-list__more a.active:after, .page_home .directions-slider__more a.active:after, .footer__phone a.active:after, .footer__copyright a.active:after { background-color: #415571; width: 100%; left: 0; opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .gallery-description .gallery-description__phone, .reviews-container .reviews-list__text--expand, .header--with-menu .inner-header .phone-number, .page-inner .item-title .phone-wrapper .contact-phone, .contact-number, .contact-data, .blog-list__category-link { border-bottom: 1px solid rgba(65, 85, 113, 0.3) !important; padding-bottom: 0.22em !important; transition: all 0.15s ease !important; color: #a3a3a3 !important; } .gallery-description .gallery-description__phone:hover, .reviews-container .reviews-list__text--expand:hover, .header--with-menu .inner-header .phone-number:hover, .page-inner .item-title .phone-wrapper .contact-phone:hover, .contact-number:hover, .contact-data:hover, .blog-list__category-link:hover { color: #415571 !important; border-color: #415571 !important; } @media all and (min-width: 1px) { .page_video-blog .video-container, .page_video-blog-category .video-container, .page_video-blog .top-video-container, .page_video-blog-category .top-video-container { display: block; } } @media all and (min-width: 1000px) { .page_video-blog .video-container, .page_video-blog-category .video-container, .page_video-blog .top-video-container, .page_video-blog-category .top-video-container { display: flex; } } .iziToast:after { box-shadow: unset !important; } .iziToast > .iziToast-body .iziToast-icon { margin-top: 0; width: 30px; height: 30px; transform: translateY(-50%); } .iziToast > .iziToast-body .iziToast-message { font-weight: 600; font-size: 13px; color: #383D4A; letter-spacing: 0.116667px; } .custom-izitoast { border-radius: 10px; background: #F7F7F7; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07); } .custom-izitoast .iziToast-body .iziToast-texts { margin-left: 14px; } .hdn-lt-hg { display: none; } @media all and (min-width: 1000px) { .hdn-lt-hg { display: block; } } .icon-insta, .icon-vk, .icon-fb, .icon-youtube { fill: #ced0d2; transition: all 0.3s; } @media all and (min-width: 1px) { .section .wrap .bottom-text { margin-bottom: 20px; } } @media all and (min-width: 540px) { .section .wrap .bottom-text { margin-bottom: 80px; } } @media all and (min-width: 1px) { .section .wrap .bottom-text { margin-top: 40px; } } @media all and (min-width: 540px) { .section .wrap .bottom-text { margin-top: 100px; } } @media (max-width: 767px) { .section .wrap .bottom-text .articles-list__text { word-break: break-word; } } .section .wrap .bottom-text .articles-list__text div { font-size: 15px; line-height: 24px; margin-bottom: 27px; } .section .wrap .col-item:last-child .articles-list__item { margin-bottom: 0; } @media (max-width: 767px) { .bottom-text .articles-list__text { word-break: break-word; } } .bottom-text .articles-list__text div { font-size: 15px; line-height: 24px; margin-bottom: 27px; } .bottom-text .col-item:last-child .articles-list__item { margin-bottom: 0; } .galleries-list .m-gallery:last-child .m-gallery__descr { padding-bottom: 0; } .reviews-list__container { overflow-x: hidden; position: relative; z-index: 99; } @media all and (min-width: 1px) { .mod_empty-article { height: 340px !important; } } .page-inner { padding-top: 0; } html body .fancybox-slide--iframe .fancybox-content, html body .fancybox-slide--video iframe { background: transparent; } html body .fancybox-iframe { background: black; } html body .fancybox-is-open .fancybox-bg { opacity: 1; background: black; } .footer__phone a:hover, .footer__copyright a:hover { color: #252525; } .footer__copyright a { color: rgba(37, 37, 37, 0.8); padding: 0; } .list-title { font-family: "Praho Pro"; color: #000; } @media all and (min-width: 1px) { .list-title { text-align: center; } } @media all and (min-width: 1000px) { .list-title { text-align: left; } } @media all and (min-width: 1000px) { .list-title { padding-left: 0; text-transform: unset; } } @media all and (min-width: 1px) { .list-title { font-size: 20px; line-height: 28px; letter-spacing: 0px; } } @media all and (min-width: 1000px) { .list-title { font-size: 32px; line-height: 28px; letter-spacing: 0px; } } .blog-list__title { color: #000; } .mod_center { text-align: center; } .slider-title { text-transform: uppercase; letter-spacing: 0.54em; color: rgba(37, 37, 37, 0.7); font-family: "Geometria"; font-weight: 300; text-align: center; padding: 0 20px; } @media all and (min-width: 1px) { .slider-title { font-size: 14px; line-height: 2em; margin-bottom: 30px; padding-top: 30px; } } @media all and (min-width: 1000px) { .slider-title { font-size: 20px; margin-bottom: 40px; padding-top: 0; } } @media (max-width: 767px) { body.mod_without-banner .page { padding-top: 0 !important; } } .video_chunk-container { display: flex; flex-wrap: wrap; } .video_chunk-container.mod_count_1 { max-width: 900px; margin-left: auto; margin-right: auto; } .video_chunk-container > * { margin: 0; } @media (max-width: 999px) { .video_chunk-container .chunk-video { width: 100%; } } .video_chunk-container .blog-list__main { margin: 0; } .video_chunk-container .blog-list__main a { margin: 0; } .video_chunk-container .blog-list__item.blog-list__main { margin: 0; padding: 2px; } .video_chunk-container .blog-list__image.blog-list__image--video { height: 0; min-height: 0; margin: 0; } .video_chunk-container .blog-list__image.blog-list__image--video.played .video-link__play { opacity: 1; visibility: visible; } .video_chunk { padding: 2px; } .video_row_1 { width: 100%; } .video_row_1_2 { width: 50%; } .video_row_2_3 { width: 66.6666666667%; } .video_row_1_3 { width: 33.3333333333%; } .video_row_1_3 .blog-list__item.blog-list__main:nth-child(2) { padding: 2px 2px 0 2px; } .top-wrapper { max-width: 1240px; width: 100%; height: 100%; padding: 0 20px; margin: 0 auto; overflow: hidden; } @media (max-width: 1000px) { .top-wrapper { max-width: 768px; } } @media (min-width: 1200px) { .top-wrapper { max-width: 1440px; padding: 0 30px; } } .flex-center { display: flex; justify-content: center; align-items: center; } .opacity-0 { opacity: 0; } .height-100 { height: 100%; } .mod_loaded { transition: all 0.3s; opacity: 1; } @media all and (min-width: 1000px) { .articles-list__title h2 { font-size: 34px; line-height: 40px; } } .articles-list__title h2 { font-size: 20px; line-height: 1.5em; } .grid { display: grid; place-items: start; } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .gap-4 { grid-gap: 1rem; gap: 1rem; } .link-inherit { font: inherit; color: inherit; } .img-lazyload { transition: 0.8s; opacity: 0; } .img-lazyload.error, .img-lazyload.initial, .img-lazyload.loaded { opacity: 1 !important; visibility: visible !important; } .img-lazyload:not([src]) { visibility: hidden; opacity: 0; } .menu-mobile .cross-close { top: 27px !important; } .page.page--top { padding-top: 0 !important; } .top-hidden { display: none; visibility: hidden; } .top-nice-scrollable-container { scrollbar-width: 0; /* Firefox */ -ms-overflow-style: none; /* Internet Explorer 10+ */ scroll-snap-type: x mandatory; } .top-nice-scrollable-container::-webkit-scrollbar { /* WebKit */ width: 0; height: 0; display: none; background: transparent; -webkit-appearance: none; } .font-of-kindness { font-family: "FontOfKindness"; font-weight: 700; } .overflow-hidden { overflow: hidden; } @media (min-width: 1px) and (max-width: 539px) { .header { position: sticky !important; top: 0; background: white; } } .common-footer_logo svg { height: 23px; width: 138px; } .bg-grad-sidebar { background-image: linear-gradient(89deg, #4c79bd, #ccc) !important; } .page_restaurants .restaurants-main-screen, .page_video .restaurants-main-screen, .page_video-categories .restaurants-main-screen, .page_foto .restaurants-main-screen, .page_foto-categories .restaurants-main-screen, .page_restaurants-place .restaurants-main-screen, .page_partners .restaurants-main-screen, .page_agencies-categories .restaurants-main-screen, .page_has-filters .restaurants-main-screen { padding-top: 78px; height: 334px; } .page_restaurants .restaurants-bg, .page_video .restaurants-bg, .page_video-categories .restaurants-bg, .page_foto .restaurants-bg, .page_foto-categories .restaurants-bg, .page_restaurants-place .restaurants-bg, .page_partners .restaurants-bg, .page_agencies-categories .restaurants-bg, .page_has-filters .restaurants-bg { height: 100%; background: center/cover no-repeat rgba(0, 0, 0, 0.05); } .page_restaurants .restaurants, .page_video .restaurants, .page_video-categories .restaurants, .page_foto .restaurants, .page_foto-categories .restaurants, .page_restaurants-place .restaurants, .page_partners .restaurants, .page_agencies-categories .restaurants, .page_has-filters .restaurants { position: relative; } .page_restaurants .col-item.mod_align-right, .page_video .col-item.mod_align-right, .page_video-categories .col-item.mod_align-right, .page_foto .col-item.mod_align-right, .page_foto-categories .col-item.mod_align-right, .page_restaurants-place .col-item.mod_align-right, .page_partners .col-item.mod_align-right, .page_agencies-categories .col-item.mod_align-right, .page_has-filters .col-item.mod_align-right { text-align: right; float: right; width: auto; } .page_restaurants .col-item.mod_align-right .item-descr__list-item, .page_video .col-item.mod_align-right .item-descr__list-item, .page_video-categories .col-item.mod_align-right .item-descr__list-item, .page_foto .col-item.mod_align-right .item-descr__list-item, .page_foto-categories .col-item.mod_align-right .item-descr__list-item, .page_restaurants-place .col-item.mod_align-right .item-descr__list-item, .page_partners .col-item.mod_align-right .item-descr__list-item, .page_agencies-categories .col-item.mod_align-right .item-descr__list-item, .page_has-filters .col-item.mod_align-right .item-descr__list-item { white-space: nowrap; } .page_restaurants .col-item.mod_align-right .item-descr__list-item-text, .page_video .col-item.mod_align-right .item-descr__list-item-text, .page_video-categories .col-item.mod_align-right .item-descr__list-item-text, .page_foto .col-item.mod_align-right .item-descr__list-item-text, .page_foto-categories .col-item.mod_align-right .item-descr__list-item-text, .page_restaurants-place .col-item.mod_align-right .item-descr__list-item-text, .page_partners .col-item.mod_align-right .item-descr__list-item-text, .page_agencies-categories .col-item.mod_align-right .item-descr__list-item-text, .page_has-filters .col-item.mod_align-right .item-descr__list-item-text { width: auto; } .page_restaurants .col-item.mod_align-right .gallery-description__phone-link, .page_video .col-item.mod_align-right .gallery-description__phone-link, .page_video-categories .col-item.mod_align-right .gallery-description__phone-link, .page_foto .col-item.mod_align-right .gallery-description__phone-link, .page_foto-categories .col-item.mod_align-right .gallery-description__phone-link, .page_restaurants-place .col-item.mod_align-right .gallery-description__phone-link, .page_partners .col-item.mod_align-right .gallery-description__phone-link, .page_agencies-categories .col-item.mod_align-right .gallery-description__phone-link, .page_has-filters .col-item.mod_align-right .gallery-description__phone-link { text-transform: none; transition: all 0.3s ease; border-bottom: 1px dotted rgba(65, 85, 113, 0.3); } .page_restaurants .galleries-list.mod_restaurants .m-gallery.mod_no-border .gallery-description, .page_video .galleries-list.mod_restaurants .m-gallery.mod_no-border .gallery-description, .page_video-categories .galleries-list.mod_restaurants .m-gallery.mod_no-border .gallery-description, .page_foto .galleries-list.mod_restaurants .m-gallery.mod_no-border .gallery-description, .page_foto-categories .galleries-list.mod_restaurants .m-gallery.mod_no-border .gallery-description, .page_restaurants-place .galleries-list.mod_restaurants .m-gallery.mod_no-border .gallery-description, .page_partners .galleries-list.mod_restaurants .m-gallery.mod_no-border .gallery-description, .page_agencies-categories .galleries-list.mod_restaurants .m-gallery.mod_no-border .gallery-description, .page_has-filters .galleries-list.mod_restaurants .m-gallery.mod_no-border .gallery-description { border-bottom: none; } .page_restaurants .galleries-list.mod_restaurants .mod_hidden, .page_video .galleries-list.mod_restaurants .mod_hidden, .page_video-categories .galleries-list.mod_restaurants .mod_hidden, .page_foto .galleries-list.mod_restaurants .mod_hidden, .page_foto-categories .galleries-list.mod_restaurants .mod_hidden, .page_restaurants-place .galleries-list.mod_restaurants .mod_hidden, .page_partners .galleries-list.mod_restaurants .mod_hidden, .page_agencies-categories .galleries-list.mod_restaurants .mod_hidden, .page_has-filters .galleries-list.mod_restaurants .mod_hidden { display: none; } .page_restaurants .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover), .page_video .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover), .page_video-categories .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover), .page_foto .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover), .page_foto-categories .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover), .page_restaurants-place .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover), .page_partners .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover), .page_agencies-categories .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover), .page_has-filters .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover) { position: relative; } .page_restaurants .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover:before, .page_video .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover:before, .page_video-categories .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover:before, .page_foto .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover:before, .page_foto-categories .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover:before, .page_restaurants-place .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover:before, .page_partners .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover:before, .page_agencies-categories .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover:before, .page_has-filters .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover:before { opacity: 1; } .page_restaurants .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover, .page_video .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover, .page_video-categories .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover, .page_foto .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover, .page_foto-categories .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover, .page_restaurants-place .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover, .page_partners .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover, .page_agencies-categories .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover, .page_has-filters .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):hover { border-color: #415571; } .page_restaurants .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):before, .page_video .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):before, .page_video-categories .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):before, .page_foto .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):before, .page_foto-categories .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):before, .page_restaurants-place .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):before, .page_partners .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):before, .page_agencies-categories .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):before, .page_has-filters .galleries-list.mod_restaurants .gallery-description__phone-link:not(.mod-no-hover):before { transition: 0.3s; opacity: 0; text-transform: none; letter-spacing: 0; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); font-family: "Geometria"; color: #a3a3a3; font-size: 14px; position: absolute; right: calc(100% + 20px); top: -12px; padding: 11px 17px; content: attr(data-popup); display: block; border-radius: 6px; background: #fff; min-width: 150px; text-align: center; z-index: 20; } @media (max-width: 767px) { .page_restaurants .galleries-list.mod_restaurants, .page_video .galleries-list.mod_restaurants, .page_video-categories .galleries-list.mod_restaurants, .page_foto .galleries-list.mod_restaurants, .page_foto-categories .galleries-list.mod_restaurants, .page_restaurants-place .galleries-list.mod_restaurants, .page_partners .galleries-list.mod_restaurants, .page_agencies-categories .galleries-list.mod_restaurants, .page_has-filters .galleries-list.mod_restaurants { margin: 0 -20px; } .page_restaurants .galleries-list.mod_restaurants .gallery-description, .page_video .galleries-list.mod_restaurants .gallery-description, .page_video-categories .galleries-list.mod_restaurants .gallery-description, .page_foto .galleries-list.mod_restaurants .gallery-description, .page_foto-categories .galleries-list.mod_restaurants .gallery-description, .page_restaurants-place .galleries-list.mod_restaurants .gallery-description, .page_partners .galleries-list.mod_restaurants .gallery-description, .page_agencies-categories .galleries-list.mod_restaurants .gallery-description, .page_has-filters .galleries-list.mod_restaurants .gallery-description { padding-left: 20px; padding-right: 20px; } } .page_restaurants .restaurants-title--wrapper, .page_video .restaurants-title--wrapper, .page_video-categories .restaurants-title--wrapper, .page_foto .restaurants-title--wrapper, .page_foto-categories .restaurants-title--wrapper, .page_restaurants-place .restaurants-title--wrapper, .page_partners .restaurants-title--wrapper, .page_agencies-categories .restaurants-title--wrapper, .page_has-filters .restaurants-title--wrapper { display: flex; padding-top: inherit; } .page_restaurants .restaurants-title, .page_video .restaurants-title, .page_video-categories .restaurants-title, .page_foto .restaurants-title, .page_foto-categories .restaurants-title, .page_restaurants-place .restaurants-title, .page_partners .restaurants-title, .page_agencies-categories .restaurants-title, .page_has-filters .restaurants-title { margin: auto; text-align: center; } .page_restaurants .restaurants .restaurants-title--text, .page_video .restaurants .restaurants-title--text, .page_video-categories .restaurants .restaurants-title--text, .page_foto .restaurants .restaurants-title--text, .page_foto-categories .restaurants .restaurants-title--text, .page_restaurants-place .restaurants .restaurants-title--text, .page_partners .restaurants .restaurants-title--text, .page_agencies-categories .restaurants .restaurants-title--text, .page_has-filters .restaurants .restaurants-title--text { color: #000; } .page_restaurants .restaurants .main-screen__text, .page_video .restaurants .main-screen__text, .page_video-categories .restaurants .main-screen__text, .page_foto .restaurants .main-screen__text, .page_foto-categories .restaurants .main-screen__text, .page_restaurants-place .restaurants .main-screen__text, .page_partners .restaurants .main-screen__text, .page_agencies-categories .restaurants .main-screen__text, .page_has-filters .restaurants .main-screen__text { color: #767676; font-family: Geometria, sans-serif; } .page_restaurants .blog-nav, .page_video .blog-nav, .page_video-categories .blog-nav, .page_foto .blog-nav, .page_foto-categories .blog-nav, .page_restaurants-place .blog-nav, .page_partners .blog-nav, .page_agencies-categories .blog-nav, .page_has-filters .blog-nav { margin-top: 0; margin-bottom: 25px; text-align: center; } .page_restaurants .section-title, .page_video .section-title, .page_video-categories .section-title, .page_foto .section-title, .page_foto-categories .section-title, .page_restaurants-place .section-title, .page_partners .section-title, .page_agencies-categories .section-title, .page_has-filters .section-title { margin-bottom: 0; } .page_restaurants .page-inner, .page_video .page-inner, .page_video-categories .page-inner, .page_foto .page-inner, .page_foto-categories .page-inner, .page_restaurants-place .page-inner, .page_partners .page-inner, .page_agencies-categories .page-inner, .page_has-filters .page-inner { padding-top: 0; } .page_restaurants .m-gallery__container .col-item, .page_video .m-gallery__container .col-item, .page_video-categories .m-gallery__container .col-item, .page_foto .m-gallery__container .col-item, .page_foto-categories .m-gallery__container .col-item, .page_restaurants-place .m-gallery__container .col-item, .page_partners .m-gallery__container .col-item, .page_agencies-categories .m-gallery__container .col-item, .page_has-filters .m-gallery__container .col-item { padding: 0; margin: 0 2px; } @media all and (min-width: 767px) { .page_restaurants .m-gallery__container .col-item, .page_video .m-gallery__container .col-item, .page_video-categories .m-gallery__container .col-item, .page_foto .m-gallery__container .col-item, .page_foto-categories .m-gallery__container .col-item, .page_restaurants-place .m-gallery__container .col-item, .page_partners .m-gallery__container .col-item, .page_agencies-categories .m-gallery__container .col-item, .page_has-filters .m-gallery__container .col-item { margin: 4px 0 0 0; } } .page_restaurants .restaurant-title, .page_video .restaurant-title, .page_video-categories .restaurant-title, .page_foto .restaurant-title, .page_foto-categories .restaurant-title, .page_restaurants-place .restaurant-title, .page_partners .restaurant-title, .page_agencies-categories .restaurant-title, .page_has-filters .restaurant-title { width: 27%; } .page_restaurants .restaurant-title .m-gallery__title a, .page_video .restaurant-title .m-gallery__title a, .page_video-categories .restaurant-title .m-gallery__title a, .page_foto .restaurant-title .m-gallery__title a, .page_foto-categories .restaurant-title .m-gallery__title a, .page_restaurants-place .restaurant-title .m-gallery__title a, .page_partners .restaurant-title .m-gallery__title a, .page_agencies-categories .restaurant-title .m-gallery__title a, .page_has-filters .restaurant-title .m-gallery__title a { font-family: "Praho Pro", serif; font-size: 25px; } .page_restaurants .restaurant-title + .col-item, .page_video .restaurant-title + .col-item, .page_video-categories .restaurant-title + .col-item, .page_foto .restaurant-title + .col-item, .page_foto-categories .restaurant-title + .col-item, .page_restaurants-place .restaurant-title + .col-item, .page_partners .restaurant-title + .col-item, .page_agencies-categories .restaurant-title + .col-item, .page_has-filters .restaurant-title + .col-item { width: 73%; } .page_salons section.section { padding-top: 0; } .page_partners .main-screen__text, .page_partners .main-screen__title, .page_agencies-categories .main-screen__text, .page_agencies-categories .main-screen__title { color: #252525; } .page_partners .restaurants-title .main-screen__title, .page_partners .restaurants-title .main-screen__text, .page_agencies-categories .restaurants-title .main-screen__title, .page_agencies-categories .restaurants-title .main-screen__text { color: #fff; } .page_home .section-title { max-width: 100%; } .page_home .section-title__text { max-width: 568px; margin: 0 auto; } .page_home .section-title__home-text { font-size: 16px; font-family: Geometria, sans-serif; line-height: 1.6em; } .page_home .mod_no-wrap { white-space: nowrap; } .page_home .list-title { text-align: center; } .page_home .section-nav-link { line-height: 1.2; display: inline-block; border-bottom: 1px solid #b0bfd4; position: relative; transition: all 200ms cubic-bezier(0.77, 0, 0.175, 1); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .page_home .section-nav-link:before, .page_home .section-nav-link:after { content: ""; position: absolute; transition: inherit; z-index: -1; left: 0; height: 0; width: 100%; } .page_home .section-nav-link:before { bottom: 0; border: 1px solid #b0bfd4; border-top: 0; border-bottom: 0; } .page_home .section-nav-link:after { top: 0; height: 0; } .page_home .section-nav-link:hover { color: #fff; } .page_home .section-nav-link:hover:before { transition-delay: 0s; height: 100%; } .page_home .section-nav-link:hover:after { height: 100%; background: #b0bfd4; } .page_home .list-title { line-height: 1.2; color: #8c8c8c; font-size: 14px; letter-spacing: 1.8px; text-transform: uppercase; font-family: "Geometria"; } @media all and (min-width: 1px) { .page_home .list-title { margin-top: 40px; } } @media all and (min-width: 1240px) { .page_home .list-title { margin-top: 100px; } } @media all and (min-width: 1px) { .page_home .list-title { margin-bottom: 40px; } } @media all and (min-width: 1240px) { .page_home .list-title { margin-bottom: 100px !important; } } .page_home .list-title.mod_left { text-align: left; } .page_home section.section { padding-top: 35px; } @media all and (min-width: 767px) { .page_home .video-news { margin-top: 50px; text-align: center; } } @media all and (min-width: 1px) { .page_home .video-news .top-video-container.mod_home { margin-bottom: 40px; } } @media all and (min-width: 1000px) { .page_home .video-news .top-video-container.mod_home { margin-bottom: 71px; } } @media all and (min-width: 1px) { .page_home .video-news .video-news-wrapper { display: block; } } .page_home .video-news .video-news-wrapper { justify-content: space-between; flex-wrap: wrap; padding: 0 !important; max-width: 800px; margin-left: auto; margin-right: auto; } @media all and (min-width: 1px) { .page_home .video-news .video-news-wrapper .video-news-item { display: block; } } @media all and (min-width: 1px) { .page_home .video-news .video-news-wrapper .video-news-item { margin-bottom: 40px; } } @media all and (min-width: 767px) { .page_home .video-news .video-news-wrapper .video-news-item { margin-bottom: 80px; } } .page_home .video-news .video-news-wrapper .video-news-item { flex: 0 0 calc(50% - 30px); justify-content: space-between; align-items: flex-start; } .page_home .video-news .video-news-wrapper .blog-list__image, .page_home .video-news .video-news-wrapper .list__image-wrapper-wrapper { height: auto; } .page_home .video-news .video-news-wrapper .list__image-wrapper-wrapper { top: 0; } @media all and (min-width: 1000px) { .page_home .video-news .video-news-wrapper .list__image-wrapper-wrapper .list__image-wrapper { margin-bottom: 0; } } .page_home .video-news .video-news-wrapper .list__image-wrapper-wrapper .list__image-wrapper .blog-list__image { height: 100%; } .page_home .video-news .video-news-wrapper .list__image-wrapper, .page_home .video-news .video-news-wrapper .blog-list__image-img { min-height: 145px; } .page_home .video-news .video-news-wrapper .blog-list__image-img { margin-bottom: 0; } .page_home .video-news .video-news-wrapper .blog-list__image-img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .page_home .video-news .video-news-wrapper .blog-list__author { font-size: 11px; text-transform: capitalize; margin-bottom: 10px; display: inline-block; vertical-align: top; } .page_home .video-news .video-news-wrapper .blog-list__text { font-size: 14px; line-height: 22px; max-width: none; } .page_home .video-news .video-news-wrapper .list__image-wrapper, .page_home .video-news .video-news-wrapper .blog-list__title { cursor: pointer; max-width: none; } @media all and (min-width: 767px) { .page_home .video-news .video-news-wrapper .list__image-wrapper, .page_home .video-news .video-news-wrapper .blog-list__title { margin-bottom: 18px; } } @media all and (min-width: 767px) { .page_home .video-news .video-news-wrapper .list__image-wrapper-wrapper { margin-bottom: 23px; } } .page_home .video-news .video-news-wrapper .blog-list__title + .blog-list__category { margin: 0; } @media all and (min-width: 767px) { .page_home .video-news .video-news-wrapper .blog-list__title { font-size: 50px; line-height: 1.15; } } .page_home .video-news.mod_large .video-news-item { width: 100%; } @media (max-width: 1000px) { .page_home .video-news .top-main .video-news-item { text-align: left; } .page_home .video-news .top-main .video-news-item .blog-list__title { font-size: 22px; line-height: 28px; font-family: "Praho Pro"; color: #333744; } .page_home .video-news .top-main .video-news-item .blog-list__title:hover { color: #234d87; } } @media (max-width: 1000px) and (min-width: 1px) { .page_home .video-news .top-main .video-news-item .blog-list__title { margin-bottom: 20px; } } @media (max-width: 1000px) and (min-width: 1000px) { .page_home .video-news .top-main .video-news-item .blog-list__title { margin-bottom: 0px; } } @media (max-width: 1000px) { .page_home .video-news .top-main .video-news-item .blog-list__text span { margin-left: 0; } } .page_home section.section { padding-top: 35px; } @media all and (min-width: 1000px) { .page_home .page .blog-list, .page_home .page .video-news-wrapper, .page_home .page .photo-news-wrapper, .page_home .page .video-link, .page_home .page .directions-slider, .page_home .page .members-block, .page_home .page .articles-list { padding-left: 30px; padding-right: 30px; } } @media all and (min-width: 1px) { .page_home .articles-list.bottom-text { margin-top: 40px; } } @media all and (min-width: 1240px) { .page_home .articles-list.bottom-text { margin-top: 100px; } } .page_home .blog-list__title, .page_home .blog-list__title a { color: #333744; } .page_home .blog-list__title:hover, .page_home .blog-list__title a:hover { color: #234d87; } .page_home .mod_shop-dresses .shop-link { text-transform: uppercase; display: block; letter-spacing: 2.4px; font-size: 12px; color: rgba(0, 0, 0, 0.3); text-align: center; grid-column: 1/-1; margin-top: 60px; } @media (max-width: 1000px) { .page_home .mod_shop-dresses .shop-link { margin-top: 0; } } .page_home .mod_shop-dresses .photo-news-wrapper { display: grid; grid-template-columns: repeat(4, 22%); } @media (max-width: 1000px) { .page_home .mod_shop-dresses .photo-news-wrapper { grid-template-columns: repeat(2, calc(50% - 10px)); grid-gap: 20px; } .page_home .mod_shop-dresses .photo-news-wrapper .col-item { width: 100% !important; word-break: break-word; } } @media (max-width: 1000px) { .page_home .photo-news-wrapper .photo-news-card:last-of-type { margin-bottom: 30px; } } @media all and (min-width: 1px) { .page_home .photo-news-wrapper .blog-list__text { margin-bottom: 20px; } } @media all and (min-width: 1000px) { .page_home .photo-news-wrapper .blog-list__text { margin-bottom: 0px; } } .page_home .photo-news-wrapper .mod_shop { text-align: left; flex: 0 0 22%; } .page_home .photo-news-wrapper .mod_shop .product-item_info { padding-top: 10px; } .page_home .photo-news-wrapper .mod_shop .product-item_brand { font-family: "FuturaPT"; font-weight: 500; font-size: 18px; margin-bottom: 2px; color: #000; } @media (min-width: 1200px) { .page_home .photo-news-wrapper .mod_shop .product-item_brand { margin-bottom: 0; } } .page_home .photo-news-wrapper .mod_shop .product-item_name { font-size: 14px; color: #888; font-weight: 400; margin-bottom: 0; line-height: normal; } @media (min-width: 1200px) { .page_home .photo-news-wrapper .mod_shop .product-item_name { line-height: 19px; margin: 2px 0; } } .page_home .photo-news-wrapper .mod_shop .product-item_price { font-size: 14px; line-height: 18px; font-weight: 400; white-space: nowrap; text-transform: uppercase; color: #393939; } @media (min-width: 1200px) { .page_home .photo-news-wrapper .mod_shop .product-item_price { font-size: 16px; line-height: 20px; } } .page_home .photo-news-wrapper .mod_shop .blog-list__category { margin: 24px 0 14px; } .page_home .photo-news-wrapper .mod_shop .blog-list__category-link { letter-spacing: 2.4px; } .page_home .photo-news-wrapper .mod_shop .list__image-wrapper { margin-bottom: 0; } .page_home .photo-news-wrapper .mod_shop .blog-list__title { margin-left: 0; font-size: 22px; line-height: 28px; font-family: "Praho Pro"; color: #333744; } .page_home .photo-news-wrapper .mod_shop .blog-list__title:hover { color: #234d87; } @media all and (min-width: 1px) { .page_home .photo-news-wrapper .mod_shop .blog-list__title { margin-bottom: 20px; } } @media all and (min-width: 1000px) { .page_home .photo-news-wrapper .mod_shop .blog-list__title { margin-bottom: 0px; } } @media (max-width: 767px) { .page_home .photo-news { margin-left: -20px; margin-right: -20px; } .page_home .photo-news hr { margin-left: 20px; margin-right: 20px; } } .page_home .photo-news .photo-news-wrapper .mod_mobile-only { display: none; } @media (max-width: 767px) { .page_home .photo-news .photo-news-wrapper { padding-left: 20px !important; padding-right: 20px !important; flex-direction: row; overflow-x: scroll; align-items: flex-start; scrollbar-width: 0; /* Firefox */ -ms-overflow-style: none; /* Internet Explorer 10+ */ scroll-snap-type: x mandatory; } .page_home .photo-news .photo-news-wrapper::-webkit-scrollbar { /* WebKit */ width: 0; height: 0; display: none; background: transparent; -webkit-appearance: none; } .page_home .photo-news .photo-news-wrapper:after { content: ""; display: block; height: 1px; flex: 0 0 1px; } .page_home .photo-news .photo-news-wrapper .mod_mobile-only { display: block; } .page_home .photo-news .photo-news-wrapper .photo-news-card { flex: 0 0 80%; margin-right: 20px; scroll-snap-align: center; } } .page_home .blog-list__item.blog-list__main .blog-list__title { font-size: 22px !important; line-height: 28px !important; } .page_home .blog-list__item.blog-list__main .blog-list__title a { font-size: 40px; line-height: 48px; font-family: "Praho Pro"; color: #333744; } .page_home .blog-list__item.blog-list__main .blog-list__title a:hover { color: #234d87; } @media (min-width: 1px) and (max-width: 539px) { .page_home .blog-list__item.blog-list__main .blog-list__title a { font-size: 28px; line-height: 32px; font-family: "Praho Pro"; color: #333744; } .page_home .blog-list__item.blog-list__main .blog-list__title a:hover { color: #234d87; } } @media (max-width: 1000px) { .page_home .blog-list .mod_grid-2-columns { display: grid; grid-template-columns: repeat(2, calc(50% - 10px)); grid-gap: 20px; } .page_home .blog-list .mod_grid-2-columns .col-item { width: 100% !important; word-break: break-word; } } @media (min-width: 1px) and (max-width: 539px) { .page_home .blog-list .mod_grid-2-columns .blog-list__title { font-size: 18px; line-height: 1.2; font-family: "Praho Pro"; color: #333744; } .page_home .blog-list .mod_grid-2-columns .blog-list__title:hover { color: #234d87; } } .page_home .members-block { padding-bottom: 30px; } @media all and (min-width: 1px) { .page_home .members-block .list-title { margin-bottom: 30px; } } @media all and (min-width: 1240px) { .page_home .members-block .list-title { margin-bottom: 100px; } } .page_home .members-block .members-block_content { display: block; } @media all and (min-width: 1240px) { .page_home .members-block .members-block_content { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px; } } .page_home .members-block .members-description { display: flex; flex-direction: column; height: 100%; } @media all and (min-width: 1px) { .page_home .members-block .members-description { padding: 0 0 15px; } } @media all and (min-width: 1240px) { .page_home .members-block .members-description { padding: 46px 70px 20px; } } .page_home .members-block .members-description h2 { font-size: 24px; line-height: 1.34; } @media all and (min-width: 1240px) { .page_home .members-block .members-description h2 { line-height: 1.45; font-size: 40px; } } .page_home .members-block .members-description .mod_lower-case { text-transform: lowercase; } .page_home .members-block .members-description .section-title__home-text { font-size: 16px; text-align: center; } .page_home .members-block .members-description .section-title__home-text br { display: none; } @media all and (min-width: 1px) { .page_home .members-block .members-block_link { display: none; } } @media all and (min-width: 1240px) { .page_home .members-block .members-block_link { display: flex; } } .page_home .members-block .members-block_link { margin-top: auto; margin-left: 0; font-size: 14px; color: #1e1e1e; line-height: 18px; font-weight: 300; letter-spacing: 5.32px; text-transform: uppercase; } .page_home .members-block .members-block_link:hover { border-color: #1e1e1e; } @media all and (min-width: 1px) { .page_home .members-block .members-block_link-mobile { display: block; } } @media all and (min-width: 1240px) { .page_home .members-block .members-block_link-mobile { display: none; } } .page_home .members-block .members-block_link-mobile { text-transform: uppercase; text-align: center; display: block; letter-spacing: 2.4px; font-size: 12px; color: rgba(0, 0, 0, 0.3); margin-top: 35px; } .page_home .members-block .members-block_image { padding-bottom: 125%; position: relative; background-color: #f8f8f8; } .page_home .members-block .members-image { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transition: all 0.3s ease; -o-object-fit: cover; object-fit: cover; } .page_home .members-block .members-image.mod_loaded { opacity: 1; } @media all and (min-width: 1px) { .page_blog .blog-nav, .page_blog-category .blog-nav, .page_photo-blog .blog-nav, .page_photo-blog-category .blog-nav, .page_video-blog .blog-nav, .page_video-blog-category .blog-nav { margin-top: 25px; } } @media all and (min-width: 1000px) { .page_blog .blog-nav, .page_blog-category .blog-nav, .page_photo-blog .blog-nav, .page_photo-blog-category .blog-nav, .page_video-blog .blog-nav, .page_video-blog-category .blog-nav { margin-top: 0; } } .page_blog .blog-nav, .page_blog-category .blog-nav, .page_photo-blog .blog-nav, .page_photo-blog-category .blog-nav, .page_video-blog .blog-nav, .page_video-blog-category .blog-nav { margin-bottom: 35px; } @media all and (min-width: 1px) { .page_blog .blog-nav_title, .page_blog-category .blog-nav_title, .page_photo-blog .blog-nav_title, .page_photo-blog-category .blog-nav_title, .page_video-blog .blog-nav_title, .page_video-blog-category .blog-nav_title { display: none !important; } } @media all and (min-width: 1000px) { .page_blog .blog-nav_title, .page_blog-category .blog-nav_title, .page_photo-blog .blog-nav_title, .page_photo-blog-category .blog-nav_title, .page_video-blog .blog-nav_title, .page_video-blog-category .blog-nav_title { display: none !important; } } .page_blog .page-layout, .page_blog-category .page-layout, .page_photo-blog .page-layout, .page_photo-blog-category .page-layout, .page_video-blog .page-layout, .page_video-blog-category .page-layout { margin-top: 25px; } @media (min-width: 1px) and (max-width: 539px) { .page_blog .page-layout, .page_blog-category .page-layout, .page_photo-blog .page-layout, .page_photo-blog-category .page-layout, .page_video-blog .page-layout, .page_video-blog-category .page-layout { margin-top: 0; } } @media all and (min-width: 1px) { .page_blog .blog-nav_title--in-list, .page_blog-category .blog-nav_title--in-list, .page_photo-blog .blog-nav_title--in-list, .page_photo-blog-category .blog-nav_title--in-list, .page_video-blog .blog-nav_title--in-list, .page_video-blog-category .blog-nav_title--in-list { display: none !important; } } @media all and (min-width: 1000px) { .page_blog .blog-nav_title--in-list, .page_blog-category .blog-nav_title--in-list, .page_photo-blog .blog-nav_title--in-list, .page_photo-blog-category .blog-nav_title--in-list, .page_video-blog .blog-nav_title--in-list, .page_video-blog-category .blog-nav_title--in-list { display: inline-block; } } .blog-list__category { margin-bottom: 14px; } .blog-list__category-link { text-transform: uppercase; font-family: "Geometria"; font-size: 12px; letter-spacing: 0.38em; color: #415571; } @media all and (min-width: 1px) { .popular-articles-container .popular-articles_title { margin-bottom: 30px; } } @media all and (min-width: 1000px) { .popular-articles-container .popular-articles_title { margin-bottom: 50px; } } .popular-articles-container .popular-articles_title { text-align: left; } @media all and (min-width: 540px) { .page_photo-blog-detail .userContent .m-gallery { width: 100vw; } } .page_photo-blog-detail .userContent .m-gallery { max-width: 1200px; } @media all and (min-width: 1px) { .page_photo-blog-detail .userContent .m-gallery { margin-left: -20px; } } @media all and (min-width: 767px) { .page_photo-blog-detail .userContent .m-gallery { margin-left: calc((50vw - 384px + 20px) * -1); } } @media all and (min-width: 1000px) { .page_photo-blog-detail .userContent .m-gallery { margin-left: calc((25vw + 10px) * -1); } } @media all and (min-width: 1240px) { .page_photo-blog-detail .userContent .m-gallery { margin-left: -300px; } } .page_photo-blog .header, .page_photo-blog-category .header { background-color: #fff !important; } .page_photo-blog .page, .page_photo-blog-category .page { overflow-x: unset; } .page_photo-blog .photo-news-wrapper, .page_photo-blog-category .photo-news-wrapper { flex-wrap: wrap; } .page_photo-blog .photo-news-wrapper .photo-news-item, .page_photo-blog-category .photo-news-wrapper .photo-news-item { margin-bottom: 54px; } .page_photo-blog .showMore-form, .page_photo-blog-category .showMore-form { margin-bottom: 40px; } .page_video-blog .header, .page_video-blog-category .header { background-color: #fff; } .page_video-blog .page, .page_video-blog-category .page { overflow-x: initial; } .page_video-blog .top-video-container, .page_video-blog-category .top-video-container { justify-content: space-between; margin-bottom: 45px; } @media all and (min-width: 1px) { .page_video-blog .top-video-container .video-news-item, .page_video-blog-category .top-video-container .video-news-item { margin-bottom: 52px; } } @media all and (min-width: 1000px) { .page_video-blog .top-video-container .video-news-item, .page_video-blog-category .top-video-container .video-news-item { margin-bottom: 0; } } .page_video-blog .top-main, .page_video-blog-category .top-main { text-align: center; } @media all and (min-width: 1000px) { .page_video-blog .top-main, .page_video-blog-category .top-main { flex: 0 0 65%; } } .page_video-blog .top-main .list__image-wrapper, .page_video-blog-category .top-main .list__image-wrapper { cursor: pointer; margin-bottom: 28px; } .page_video-blog .top-main .blog-list__category, .page_video-blog-category .top-main .blog-list__category { margin-bottom: 23px; } @media all and (min-width: 1px) { .page_video-blog .top-main .blog-list__title, .page_video-blog-category .top-main .blog-list__title { font-size: 20px; } } @media all and (min-width: 1000px) { .page_video-blog .top-main .blog-list__title, .page_video-blog-category .top-main .blog-list__title { font-size: 50px; } } .page_video-blog .top-main .blog-list__title, .page_video-blog-category .top-main .blog-list__title { line-height: 1.15; text-transform: none; margin-bottom: 18px; } .page_video-blog .top-main .blog-list__title + .blog-list__category, .page_video-blog-category .top-main .blog-list__title + .blog-list__category { line-height: 11px; } .page_video-blog .top-other, .page_video-blog-category .top-other { text-align: left; } .page_video-blog .blog-list__title, .page_video-blog .blog-list__text, .page_video-blog-category .blog-list__title, .page_video-blog-category .blog-list__text { max-width: 100%; } .page_video-blog .blog-list__title, .page_video-blog-category .blog-list__title { font-size: 20px; line-height: 26px; margin-bottom: 7px; cursor: pointer; } .page_video-blog .blog-list__title + .blog-list__category, .page_video-blog-category .blog-list__title + .blog-list__category { margin-bottom: 7px; } .page_video-blog .list__image-wrapper, .page_video-blog-category .list__image-wrapper { margin-bottom: 14px; } .page_video-blog .blog-list__category, .page_video-blog-category .blog-list__category { margin-bottom: 14px; } .page_video-blog .blog-list__author, .page_video-blog-category .blog-list__author { border-bottom: none; font-size: 11px; line-height: 11px; text-transform: none; } @media all and (min-width: 1000px) { .page_video-blog .top-other, .page_video-blog-category .top-other { flex: 0 0 30%; } } @media all and (min-width: 1px) { .page_video-blog .top-other .video-news-item:not(:last-child), .page_video-blog-category .top-other .video-news-item:not(:last-child) { margin-bottom: 52px; } } @media all and (min-width: 1000px) { .page_video-blog .top-other .video-news-item:not(:last-child), .page_video-blog-category .top-other .video-news-item:not(:last-child) { margin-bottom: 60px; } } .page_video-blog .video-container, .page_video-blog-category .video-container { justify-content: center; flex-wrap: wrap; } @media all and (min-width: 1px) { .page_video-blog .video-container, .page_video-blog-category .video-container { margin: 0; } } @media all and (min-width: 1000px) { .page_video-blog .video-container, .page_video-blog-category .video-container { margin: 0 -30px; } } @media all and (min-width: 1000px) { .page_video-blog .video-container .news-item-wrapper, .page_video-blog-category .video-container .news-item-wrapper { flex: 1 33.33%; padding: 0 30px; max-width: 50%; } } .page_video-blog .video-container .news-item-wrapper, .page_video-blog-category .video-container .news-item-wrapper { margin-bottom: 52px; } .page_video-blog section.blog-section, .page_video-blog-category section.blog-section { margin-bottom: 50px; } .page_video-blog .fancybox-content, .page_video-blog-category .fancybox-content { background-color: transparent !important; } .page_video-blog .fancybox-content iframe, .page_video-blog-category .fancybox-content iframe { background-color: transparent !important; } .page_video-blog .section-title, .page_video-blog-category .section-title { max-width: 100%; } .page_video-blog .video-news .top-other, .page_video-blog-category .video-news .top-other { text-align: left; } .page_video-blog .top-main .video-news-item .blog-list__title, .page_video-blog-category .top-main .video-news-item .blog-list__title { font-size: 40px; line-height: 48px; font-family: "Praho Pro"; color: #333744; } .page_video-blog .top-main .video-news-item .blog-list__title:hover, .page_video-blog-category .top-main .video-news-item .blog-list__title:hover { color: #234d87; } .page_video-blog .top-main .video-news-item .blog-list__title, .page_video-blog-category .top-main .video-news-item .blog-list__title { margin-bottom: 29px; } .page_video-blog .top-main .video-news-item .blog-list__category, .page_video-blog-category .top-main .video-news-item .blog-list__category { margin-bottom: 10px; } .page_video-blog .top-main .video-news-item .blog-list__text span, .page_video-blog-category .top-main .video-news-item .blog-list__text span { display: block; max-width: 500px; margin: auto; } .page_video-blog .video-news-item, .page_video-blog-category .video-news-item { display: flex; flex-direction: column; } .page_video-blog .video-news-item .list__image-wrapper, .page_video-blog-category .video-news-item .list__image-wrapper { margin-bottom: 0 !important; } .page_video-blog .video-news-item .blog-list__category, .page_video-blog-category .video-news-item .blog-list__category { order: 0; } .page_video-blog .video-news-item .mod_home_category, .page_video-blog-category .video-news-item .mod_home_category { margin: 24px 0 14px; } .page_video-blog .video-news-item .blog-list__title, .page_video-blog-category .video-news-item .blog-list__title { margin: 0; font-size: 22px; line-height: 28px; margin-bottom: 16px; } .page_video-blog .video-news-item .blog-list__text, .page_video-blog-category .video-news-item .blog-list__text { letter-spacing: 0.416px; line-height: 24px; font-size: 16px; font-family: "Geometria"; color: #767676; margin-left: 0; margin-right: 0; } .page_video-blog .video-news-item .mod_author, .page_video-blog-category .video-news-item .mod_author { order: 10; margin-top: 18px; } .page_video-blog .video-news-item .blog-list__author, .page_video-blog-category .video-news-item .blog-list__author { text-transform: uppercase; display: block; letter-spacing: 2.4px; font-size: 12px; color: rgba(0, 0, 0, 0.3); } .list__image-wrapper:hover .video-link__play { transform: scale(1.05); } .list__image-wrapper .js-video-play iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 9999999; } .list__image-wrapper .js-video-play.played iframe { opacity: 1; visibility: visible; } @media (max-width: 999px) { .list__image-wrapper .js-video-play.played iframe { background-color: #ffffff; } } @media all and (min-width: 1px) { .wrap .main-screen.main-screen--article { margin-bottom: 35px; } } @media all and (min-width: 1000px) { .wrap .main-screen.main-screen--article { margin-bottom: 0; } } @media all and (min-width: 1px) { .wrap .item-title { margin-top: -28px; } } @media all and (min-width: 1000px) { .wrap .item-title { margin-top: 0; } } .main-screen__container.main-screen__container--inner .main-screen__container--inner-overlay { display: flex; justify-content: flex-end; align-items: flex-end; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); position: absolute; bottom: 0; left: 0; right: 0; height: 205px; transition: all 0.3s ease; z-index: 10; } .main-screen__container.main-screen__container--inner .main-screen__list.main-screen__list--left, .main-screen__container.main-screen__container--inner .main-screen__list.main-screen__list--right { position: relative; z-index: 1000; margin-bottom: 20px; } .personal-section { padding-top: 0; } .contact-phone_container { line-height: 0; } .contact-number { overflow-wrap: break-word; } .contact-number, .contact-data { font-size: 16px; line-height: 26px; letter-spacing: 0px; font-family: "Geometria"; font-weight: 500; color: #000 !important; } .contact-number:hover, .contact-data:hover { color: #000 !important; } .contact-number:hover:after, .contact-data:hover:after { background-color: #000; } .contact-number.mod_regular, .contact-data.mod_regular { font-family: "Geometria"; } .contact-number.mod_lower, .contact-data.mod_lower { text-transform: lowercase; } .contact-number.mod_no-underline, .contact-data.mod_no-underline { text-decoration: none; border: none !important; } .contact-data { font-family: "Geometria"; line-height: 26px; } @media all and (min-width: 1px) { .contact-data { text-align: center; } } @media all and (min-width: 1240px) { .contact-data { text-align: left; } } @media all and (min-width: 1px) { .social_item:not(:last-child) { margin-bottom: 23px; } } @media all and (min-width: 1000px) { .social_item:not(:last-child) { margin-bottom: 30px; } } .contacts-list__item .contacts-list__descr .contact-phone { top: -5px; } .page-inner .item-title .phone-wrapper { display: inline-flex; justify-content: center; align-items: center; height: 50px; } .page-inner .item-title .phone-wrapper .contact-phone { height: auto; line-height: normal; display: block; text-align: center; color: #333744; min-width: auto; } @media all and (min-width: 1px) { .personal-section .more-link { margin: 60px 0 60px; } } @media all and (min-width: 1240px) { .personal-section .more-link { margin: 80px 0 80px; } } .personal-main { display: flex; padding-bottom: 20px; } @media (max-width: 768px) { .personal-main { display: block; } } .personal-main.wrap { padding-top: 58px; } @media (max-width: 768px) { .personal-main.wrap { padding: 0; } } .personal-main .breadcrumbs.personal-breadcrumbs { flex-wrap: wrap; margin-left: -20px; padding: 27px 0 5px; } .personal-main .personal-main__foto { width: 100%; margin-right: 50px; } @media (max-width: 768px) { .personal-main .personal-main__foto { width: 100%; margin: 0; padding: 0 20px; } } .personal-main .personal-main_sticky { transition: all 0.3s ease; opacity: 0.3; background-color: #e1e4e6; background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 118.42%; position: sticky; top: 0; } .personal-main .personal-main_sticky.mod_ratio { padding-bottom: 133.3333333333%; } .personal-main .personal-main_sticky.mod_loaded { opacity: 1; } @media (max-width: 768px) { .personal-main .personal-main_sticky { position: relative; background-position: top; } } .personal-main .personal-main__description { max-width: 50%; padding-right: 20px; } @media (max-width: 768px) { .personal-main .personal-main__description { max-width: 100%; padding-right: 0; } } .personal-main .description-titles { display: none; visibility: hidden; } @media (max-width: 999px) { .personal-main .description-titles { margin: 35px 0 15px; } } @media all and (min-width: 767px) { .personal-main .description-titles { display: block; visibility: visible; } } .personal-main .description-titles span { margin: 0 5px; } .personal-main .description-titles.mod_mobile { display: block; visibility: visible; padding: 0 20px; margin: 35px 0 25px; text-align: left; } .personal-main .description-titles.mod_mobile .description_title { line-height: 1.2; margin: 0 0 16px; font-size: 40px; text-align: left; } .personal-main .description-titles.mod_mobile .personal-category { text-align: left; } @media all and (min-width: 767px) { .personal-main .description-titles.mod_mobile { display: none; } } .personal-main .description-titles.mod_mobile .personal-location { text-align: left; } .personal-main .description-awards { position: relative; } @media all and (min-width: 1px) { .personal-main .description-awards .awards { align-items: center; } } @media all and (min-width: 1240px) { .personal-main .description-awards .awards { align-items: flex-start; } } .personal-main .description-awards .awards { flex-direction: row; flex-wrap: wrap; } @media (min-width: 1px) and (max-width: 539px) { .personal-main .description-awards .awards { margin: 0 -20px; padding: 0 20px; flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; } .personal-main .description-awards .awards:after { content: " "; height: 1px; display: block; width: 1px; } .personal-main .description-awards .awards { scrollbar-width: 0; /* Firefox */ -ms-overflow-style: none; /* Internet Explorer 10+ */ scroll-snap-type: x mandatory; } .personal-main .description-awards .awards::-webkit-scrollbar { /* WebKit */ width: 0; height: 0; display: none; background: transparent; -webkit-appearance: none; } .personal-main .description-awards .awards .award-wrapper { margin-right: 10px; } .personal-main .description-awards .awards .mod_visible:hover + .hidden-description { opacity: 0; } .personal-main .description-awards .awards.mod_awards-hover .mod_visible:hover .award-icon { filter: none; } .personal-main .description-awards .awards.mod_awards-hover .mod_visible:hover .award-info { fill: none; } } .personal-main .description-awards .award-wrapper { margin-right: 20px; } .personal-main .description-awards .js-hidden-description { max-width: calc(100% - 40px) !important; } .personal-main .description-awards .hidden-description { padding: 12px 20px; position: absolute; opacity: 0; transition: 0.3s; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); font-size: 14px; left: 50%; top: -8px; text-align: center; border-radius: 6px; background: #fff; color: black; transform: translate(-50%, -100%); pointer-events: none; z-index: 9999; width: auto; max-width: 100%; } @media (min-width: 1240px) { .personal-main .description-awards .hidden-description { max-width: 500px; transform: translate(0%, -100%); left: 0; } } .personal-main .description-awards .hidden-description .award { width: -moz-max-content; width: max-content; max-width: 100%; } @media (min-width: 1240px) { .personal-main .description-awards .hidden-description .award { max-width: 460px; } } .personal-main .description-awards .hidden-description .award-text { margin: 0; white-space: normal; } @media (max-width: 1000px) { .personal-main .description-awards { padding: 0 20px; margin-top: 30px; } } .personal-main .contacts_awards { display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap; max-width: 100%; } @media (max-width: 1239px) { .personal-main .contacts_awards { justify-content: center; align-items: center; } } .personal-main .contacts_awards .personal-award-title { margin-bottom: 10px; max-width: 100%; } @media (max-width: 1239px) { .personal-main .contacts_awards .personal-award-title { justify-content: center; } } .personal-main .contacts_awards .personal-award-title .hidden-description { white-space: normal; } .personal-main .contacts_awards .personal-award-title span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; width: 100%; max-width: 100%; } @media all and (min-width: 1240px) { .personal-info { display: flex; flex-wrap: wrap; margin-left: 0; margin-right: 0; } .personal-info > * { width: calc(100% / 2 - 0); margin-left: 0; margin-right: 0; } .personal-info { justify-content: space-between; } } @media all and (min-width: 1240px) { .personal-info_block { flex: 1; max-width: calc(50% - 43px); } } .description .personal-location { margin-bottom: 30px; font-size: 16px; line-height: 20px; color: #A3A3A3; } @media all and (min-width: 767px) { .description .personal-location { text-align: center; } } @media all and (min-width: 1240px) { .description .personal-location { text-align: left; } } .description .personal-category { color: #a3a3a3; text-transform: uppercase; font-family: "Geometria"; } @media all and (min-width: 1px) { .description .personal-category { font-size: 12px; line-height: normal; letter-spacing: 1.2px; text-align: center; } } @media all and (min-width: 1240px) { .description .personal-category { font-size: 12px; line-height: normal; letter-spacing: 1.2px; text-align: left; } } @media all and (min-width: 1px) { .description .description_category-title { margin-bottom: 12px; } } @media all and (min-width: 767px) { .description .description_category-title { margin-bottom: 35px; } } @media all and (min-width: 1px) { .description .description_title { margin: 0 0 -3px; } } @media all and (min-width: 767px) { .description .description_title { margin: 0 0 16px; } } .description .description_rating { position: relative; top: 2px; } @media all and (min-width: 1px) { .description .description_rating { margin-bottom: 0; } } @media all and (min-width: 767px) { .description .description_rating { margin-bottom: 26px; } } .description .description_text h1, .description .description_text h2, .description .description_text h3, .description .description_text h4, .description .description_text h5 { font-family: "Praho Pro"; } @media all and (min-width: 1px) { .description .description_text h1, .description .description_text h2, .description .description_text h3, .description .description_text h4, .description .description_text h5 { margin: 30px 0; } } @media all and (min-width: 767px) { .description .description_text h1, .description .description_text h2, .description .description_text h3, .description .description_text h4, .description .description_text h5 { margin: 42px 0; } } .description .description_text h1:first-child, .description .description_text h2:first-child, .description .description_text h3:first-child, .description .description_text h4:first-child, .description .description_text h5:first-child { margin-top: 0; } @media all and (min-width: 1px) { .description .description_text h1, .description .description_text h2, .description .description_text h3, .description .description_text h4, .description .description_text h5 { font-size: 20px; line-height: 28px; letter-spacing: 0px; } } @media all and (min-width: 1240px) { .description .description_text h1, .description .description_text h2, .description .description_text h3, .description .description_text h4, .description .description_text h5 { font-size: 24px; line-height: 34px; letter-spacing: 0px; } } .description .description_text p { margin: 0 0 25px; color: #767676; } @media all and (min-width: 1px) { .description .description_text p { font-size: 16px; line-height: 22px; letter-spacing: 0px; } } @media all and (min-width: 767px) { .description .description_text p { font-size: 16px; line-height: 26px; letter-spacing: 0px; } } .description .description_accent { width: 95%; margin: 0 auto 31px; } .description .description_accent-name { margin-bottom: 6px; } .description .accent-name { font-size: 12px; line-height: 25px; letter-spacing: 1.2px; font-family: "Geometria"; text-transform: uppercase; color: #a3a3a3; } .description .accent-text, .description .accent-text h2 { font-size: 20px; line-height: 34px; letter-spacing: 0px; font-family: "Praho Pro"; color: #000; } .description .personal-title { color: #000; font-family: "Praho Pro"; } @media all and (min-width: 1px) { .description .personal-title { font-size: 20px; line-height: 28px; letter-spacing: 0px; text-align: center; } } @media all and (min-width: 767px) { .description .personal-title { font-size: 45px; line-height: 58px; letter-spacing: 0px; } } @media all and (min-width: 1240px) { .description .personal-title { text-align: left; } } .description .personal-accent { padding: 35px 0; position: relative; text-align: center; } .description .personal-accent:before { content: ""; position: absolute; top: 0; bottom: 0; left: 20%; right: 20%; background-color: #fbfbfb; z-index: 1; } .description .personal-accent > * { position: relative; z-index: 2; } .contacts .social { background-color: #fbfbfb; } .contacts .contacts_awards { display: flex; flex-wrap: wrap; justify-content: center; position: relative; z-index: 991; } @media all and (min-width: 1px) { .contacts .contacts_awards { margin-bottom: 43px; } } @media all and (min-width: 767px) { .contacts .contacts_awards { margin-bottom: 40px; } } .contacts .contacts_block { overflow: hidden; } @media all and (min-width: 1px) { .contacts .contacts_block { padding: 0 18px; } } @media all and (min-width: 1240px) { .contacts .contacts_block { padding: 0 30px 0 41px; } } @media all and (min-width: 1px) { .contacts .contacts_block { margin-bottom: 62px; } } @media all and (min-width: 1240px) { .contacts .contacts_block { margin-bottom: 0; } } @media (max-width: 768px) { .contacts .contacts_block { margin-top: 30px; } } .contacts .social_row { display: flex; flex-wrap: wrap; margin-left: 0; margin-right: 0; } .contacts .social_row > * { width: calc(100% / 2 - 0); margin-left: 0; margin-right: 0; } .contacts .social_row { justify-content: space-between; } @media all and (min-width: 1px) { .contacts .social_row { padding: 18px 0; } } @media all and (min-width: 1240px) { .contacts .social_row { padding: 40px 0; } } @media all and (min-width: 1px) { .contacts .social_row.mod_big { padding: 30px 0; } } @media all and (min-width: 1240px) { .contacts .social_row.mod_big { padding: 45px 0; } } .contacts .social_row { border-bottom: 1px solid #e9ebee; } .contacts .social_row:last-of-type { border-bottom: none; } .contacts .social_row.mod_column { flex-direction: column; } @media (max-width: 1239px) { .contacts .social_row.mod_column { align-items: center; } } @media all and (min-width: 1px) { .contacts .social_row:first-child { margin-top: 0; } } @media all and (min-width: 1000px) { .contacts .social_row:first-child { margin-top: 0; } } .contacts .social_col { display: flex; flex-direction: column; justify-content: space-between; line-height: 50px; flex: 1; } .contacts .social_col.mod_mb { margin-bottom: 25px; } .contacts .social_left-cell { flex: 1; max-width: 160px; margin-right: 40px; } .contacts .social_title { font-size: 14px; line-height: 26px; letter-spacing: 0px; color: #a3a3a3; } @media all and (min-width: 1px) { .contacts .social_title { text-align: center; } } @media all and (min-width: 1000px) { .contacts .social_title { text-align: left; } } .contacts .social_right-cell { flex-direction: row; flex: 1; justify-content: flex-start; } .contacts .social-button_link { font-size: 14px; line-height: 25px; letter-spacing: 0px; font-family: "Geometria", Arial, sans-serif; font-weight: 500; color: #000; height: 100%; line-height: inherit; padding: 0 10px; text-transform: uppercase; border: 1px solid #343434; transition-duration: 0.1s; justify-content: center; align-items: center; } @media all and (min-width: 1px) { .contacts .social-button_link { display: flex; } } @media all and (min-width: 1240px) { .contacts .social-button_link { display: block; } } .contacts .social-button_link:hover { color: #fff; background-color: #000; border-color: #000; } .contacts .social-button_link:hover .icon-fb { background: url(/img/svg/new-facebook-white.svg) center/contain no-repeat; } .contacts .social-button_link:hover .icon-vk { background: url(/img/svg/new-vk-white.svg) center/contain no-repeat; } .contacts .social_button { height: 100%; min-height: 40px; flex: 1; text-align: center; } @media all and (min-width: 1px) { .contacts .social_button { margin: 0; } .contacts .social_button:nth-child(2) { margin: 0 6px; } } @media all and (min-width: 1240px) { .contacts .social_button { margin: 0; } .contacts .social_button:not(:last-child) { margin-right: 8px; } } .contacts .social_button-icon { width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-top: -3px; } @media all and (min-width: 1px) { .contacts .social_button-icon { margin-right: 0; } } @media all and (min-width: 1240px) { .contacts .social_button-icon { margin-right: 6px; } } .contacts .social_button-icon.icon-vk { background: url(/img/svg/new-vk.svg) center/contain no-repeat; } .contacts .social_button-icon.icon-fb { background: url(/img/svg/new-facebook.svg) center/contain no-repeat; } .contacts .social_button-icon.icon-messanger { background: url(/img/svg/new-messanger.svg) center/contain no-repeat; } .contacts .social_button-icon.icon-whatsapp { background: url(/img/svg/new-whats-app.svg) center/contain no-repeat; } .contacts .social_button-title { font-size: 14px; line-height: 25px; letter-spacing: 0px; font-family: "Geometria"; font-weight: 500; } .contacts .social-network { display: flex; } @media all and (min-width: 1px) { .contacts .social-network { justify-content: center; } } @media all and (min-width: 1240px) { .contacts .social-network { justify-content: flex-start; } } .contacts .social-network__link { width: 19px; height: 19px; transition: 0.3s; } .contacts .social-network__link:not(:last-child) { margin-right: 12px; } .contacts .social-network__link.icon-fb { background: url(/img/svg/new-facebook.svg) center/contain no-repeat; } .contacts .social-network__link.icon-vk { background: url(/img/svg/new-vkontakte.svg) center/contain no-repeat; } .contacts .social-network__link.icon-inst { background: url(/img/svg/new-instagram.svg) center/contain no-repeat; } .contacts .social-network__link:hover.icon-fb { background: url(/img/svg/new-facebook-black.svg) center/contain no-repeat; } .contacts .social-network__link:hover.icon-vk { background: url(/img/svg/new-vk-black.svg) center/contain no-repeat; } .contacts .social-network__link:hover.icon-inst { background: url(/img/svg/new-instagram-black.svg) center/contain no-repeat; } .contacts .social_data { line-height: 0; } @media all and (min-width: 1px) { .contacts .social_data { text-align: center; } } @media all and (min-width: 1240px) { .contacts .social_data { text-align: left; } } @media all and (min-width: 1px) { .contacts .social_data { margin-bottom: 20px; } } @media all and (min-width: 1240px) { .contacts .social_data { margin-bottom: 0; } } .contacts .contacts-container { height: auto; max-height: unset; } .contacts .star-rating { height: 100%; position: relative; display: none; } .contacts .star-rating select#rating { border: none; } .contacts .star-rating .star-rating__wrap { height: 100%; } .contacts .star-rating .star-rating__wrap .br-wrapper { height: 100%; } .contacts .star-rating .star-rating__wrap .br-wrapper .br-widget { height: 100%; } .contacts .star-rating .star-rating__wrap .br-wrapper .br-widget a { font-size: 28px; } .contacts .star-rating .star-rating__wrap .br-wrapper .br-widget a:after { width: 18px; height: 18px; font-size: 28px; } .contacts .star-rating .star-rating__wrap .br-wrapper .br-widget .br-active:after, .contacts .star-rating .star-rating__wrap .br-wrapper .br-widget .br-selected:after { color: #000; } .contacts .star-rating:after, .contacts div.rating-list:after { content: ""; height: 1px; background-color: #cfcfcf; width: 23px; position: absolute; top: 50%; right: 0; } @media all and (min-width: 1px) { .contacts .star-rating:after, .contacts div.rating-list:after { display: none; } } @media all and (min-width: 1240px) { .contacts .star-rating:after, .contacts div.rating-list:after { display: block; } } .contacts .star-rating:after { transform: translate(10%, -50%); } .contacts div.rating-list:after { display: none; transform: translate(30%, -50%); } @media all and (min-width: 1px) { .contacts .soc-feedback__item { margin-bottom: 0; } } @media all and (min-width: 1240px) { .contacts .soc-feedback__item { margin-bottom: 10px; } } .contacts .soc-feedback__title { font-size: 14px; line-height: 26px; letter-spacing: 0px; margin-top: 0; text-transform: unset; color: #a3a3a3; } @media all and (min-width: 1px) { .contacts .soc-feedback__title { margin-bottom: 15px; } } @media all and (min-width: 1240px) { .contacts .soc-feedback__title { margin-bottom: 0px; } } @media all and (min-width: 1px) { .contacts .soc-feedback__title { text-align: center; } } @media all and (min-width: 1240px) { .contacts .soc-feedback__title { text-align: left; } } @media all and (min-width: 1px) { .contacts .soc-feedback__title { line-height: 26px; } } @media all and (min-width: 1240px) { .contacts .soc-feedback__title { line-height: 50px; } } @media all and (min-width: 1px) { .contacts .soc-feedback__title { display: block; } } @media all and (min-width: 1240px) { .contacts .soc-feedback__title { display: inline-block; } } .contacts div.rating-list:not(.social_col) { position: relative; } @media all and (min-width: 1px) { .contacts div.rating-list:not(.social_col) { text-align: center !important; } } @media all and (min-width: 1240px) { .contacts div.rating-list:not(.social_col) { text-align: left !important; } } @media all and (min-width: 1px) { .contacts div.rating-list:not(.social_col) { margin-top: -25px; } } @media all and (min-width: 1240px) { .contacts div.rating-list:not(.social_col) { margin-top: 0; } } @media all and (min-width: 1px) { .contacts div.rating-list:not(.social_col) { display: block; } } @media all and (min-width: 1240px) { .contacts div.rating-list:not(.social_col) { display: inline-block; } } @media all and (min-width: 1px) { .contacts div.rating-list:not(.social_col) { height: 50px; } } @media all and (min-width: 1240px) { .contacts div.rating-list:not(.social_col) { height: auto; } } .contacts div.rating-list:not(.social_col) .rating-list__item:not(.mod_offsets) { margin: 0 5px; } .contacts div.rating-list:not(.social_col) .rating-list__item:not(.mod_offsets):first-child { margin-left: 0; } .contacts div.rating-list:not(.social_col) .rating-list__item:not(.mod_offsets):before { content: ""; width: 21px; height: 21px; background-image: url("/img/svg/star-weak.svg"); display: block; } .contacts div.rating-list:not(.social_col) .rating-list__item:not(.mod_offsets).rating-list__item--active:before { background-image: url("/img/svg/star-full.svg"); } @media all and (min-width: 1240px) { .contacts .personal-award-title { display: none; } } .contacts .social-network_container { display: flex; justify-content: space-between; flex-direction: row; } @media all and (min-width: 1240px) { .personal-info_block.mod_masters { flex: 1; max-width: 100%; } } @media (max-width: 768px) { .personal-info_block.mod_masters { padding: 0 20px; } } .personal-info_block.mod_masters { padding-top: 35px; } .personal-info_block.mod_masters .star-rating__wrap a { height: 24px; width: 28px; float: left; font-size: 28px; margin-right: 5px; } .personal-info_block.mod_masters .star-rating { margin-bottom: 7px; } @media (max-width: 1239px) { .personal-info_block.mod_masters .star-rating { text-align: center; } } .personal-info_block.mod_masters .star-rating:after, .personal-info_block.mod_masters div.rating-list:after { display: none; } @media (max-width: 768px) { .description.mod_masters { padding: 0 20px; } } .contacts.mod_masters .social_contacts { display: grid; grid-template-columns: 1fr; padding: 30px 0 24px; } @media (min-width: 1240px) { .contacts.mod_masters .social_contacts { grid-template-columns: 1fr 1fr; } } .contacts.mod_masters .social_contact.mod_mobile { display: flex; justify-content: center; align-items: center; } @media (min-width: 1240px) { .contacts.mod_masters .social_contact.mod_mobile { display: none; } } .contacts.mod_masters .social_contact.mod_mobile .social-network__link { margin: 10px 15px; } .contacts.mod_masters .social_contact.mod_desktop { display: none; } @media (min-width: 1240px) { .contacts.mod_masters .social_contact.mod_desktop { display: block; } } @media (max-width: 1239px) { .contacts.mod_masters .rating-details_all-rates { display: block; } .contacts.mod_masters .rating-details_main { padding-bottom: 10px; align-items: center; } .contacts.mod_masters .social_title { display: none; } .contacts.mod_masters .social_list span { display: none; } } @media (min-width: 1240px) { .contacts.mod_masters .contacts_block { padding: 0 30px 0 39px; } } .contacts.mod_masters .contact-phone_container { position: relative; } .contacts.mod_masters .contact-phone_container .contact-number { border-bottom-style: dotted !important; } .contacts.mod_masters .contact-phone_container .contact-number:not(.mod-no-hover) { border-bottom-style: dotted !important; } .contacts.mod_masters .contact-phone_container .contact-number:not(.mod-no-hover):hover:before { opacity: 1; } .contacts.mod_masters .contact-phone_container .contact-number:not(.mod-no-hover):before { transition: 0.3s; opacity: 0; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); font-family: "Geometria"; color: #a3a3a3; font-size: 14px; position: absolute; top: -45px; padding: 5px 17px; content: "Показать номер"; display: block; min-width: 150px; text-align: center; border-radius: 6px; background: #fff; } .contacts.mod_masters .social_whatsapp { z-index: 99999; transition: 0.3s; position: fixed; right: -50px; bottom: 20px; height: 50px; width: 50px; background: #000; } .contacts.mod_masters .social_whatsapp.mod_show { right: 20px; } .contacts.mod_masters .social_whatsapp .icon-whatsapp { background: url("/img/svg/whatsapp-white.svg") center/contain no-repeat; } .contacts.mod_masters .rating-details_inner { background-color: #fbfbfb; } .contacts.mod_masters .rating-details_inner:after { display: none; } @media (max-width: 1239px) { .contacts.mod_masters .rating-details_main { align-items: center; } } .contacts.mod_masters .rating-details_main { align-items: flex-start; flex-direction: column; } .contacts.mod_masters .rating-details_all-rates { padding: 10px 0; letter-spacing: 0; } @media all and (min-width: 1px) { .contacts.mod_masters div.rating-list { height: auto; margin-top: 4px; } } .contacts.mod_masters .rating-list__item.mod_bigger:before { width: 20px !important; height: 20px !important; } .contacts.mod_masters .star-rating { height: auto; } .contacts.mod_masters .soc-feedback__ttl { font-family: "Geometria"; font-size: 14px; color: #a3a3a3; line-height: 46px; display: block; } @media (max-width: 1239px) { .contacts.mod_masters .soc-feedback__item { padding-top: 10px; } } .contacts.mod_masters .soc-feedback__item { padding-top: 8px; } @media (min-width: 1px) and (max-width: 539px) { .contacts.mod_masters .rating-details { min-width: 210px; } } .contacts.mod_masters .rating-details { background: #fbfbfb; max-width: 270px; min-width: 270px; } .contacts.mod_masters .rating-details:after { background: #fbfbfb; height: 10px; bottom: -10px; } .contacts.mod_masters .rating-details_star { margin-right: 9px; } @media (min-width: 1px) and (max-width: 539px) { .contacts.mod_masters .rating-details_list { flex-direction: column; } } .contacts.mod_masters .rating-details_list { background: #fbfbfb; padding: 10px 20px 30px; } .contacts.mod_masters .rating-details_inner { padding: 10px 20px 0; } .contacts.mod_masters .rating-details_item-text { margin-left: 5px; vertical-align: middle; } @media (max-width: 1239px) { .contacts.mod_masters .social_row.mod_half { width: 100%; flex-direction: column; text-align: center; align-items: center; padding: 30px 0 24px; } } .contacts.mod_masters .social_row.mod_half { padding: 33px 0 17px; } .contacts.mod_masters .social_row.mod_half:nth-of-type(2) { padding: 20px 0 24px; } @media (max-width: 1239px) { .contacts.mod_masters .social_row.mod_half > * { width: auto; justify-content: center; } } .contacts.mod_masters .social_row.mod_half > * { width: 50%; justify-content: flex-start; } .contacts.mod_masters .social_data { margin-bottom: 18px; } .contacts.mod_masters .social_title { margin-bottom: 4px; } @media (max-width: 1239px) { .contacts.mod_masters .mod_social-first { order: 1; } } @media (max-width: 1239px) { .contacts.mod_masters .social_list { flex-direction: row; } } .contacts.mod_masters .social_list { display: flex; flex-direction: column; } @media (max-width: 1239px) { .contacts.mod_masters .social_list .social-network__link { margin: 10px; width: 20px; height: 20px; display: block; } } .contacts.mod_masters .social_list .social-network__link { display: grid; align-items: center; grid-template-columns: auto auto; } .contacts.mod_masters .social_list .social-network__link svg { transition: all 0.3s ease; } .contacts.mod_masters .social_list .social-network__link:hover svg { transform: scale(1.1); } .contacts.mod_masters .social_list span { padding: 0 !important; margin-left: 30px; } @media all and (min-width: 1px) { .m-gallery .m-gallery_title { margin-bottom: 30px; } } @media all and (min-width: 1000px) { .m-gallery .m-gallery_title { margin-bottom: 50px; } } @media all and (min-width: 1px) { .v-chunk-gallery_title, .m-gallery .list-title.m-gallery_title { margin-bottom: 35px; } } @media all and (min-width: 1000px) { .v-chunk-gallery_title, .m-gallery .list-title.m-gallery_title { margin-bottom: 50px; } } @media (max-width: 768px) { .v-chunk-gallery_title, .m-gallery .list-title.m-gallery_title { font-size: 28px; text-align: left; } } .personal-hr { margin: 30px 0 !important; } @media (max-width: 757px) { .mod_main-personal-hr { margin-bottom: 72px !important; height: 2px; } } .mod_main-personal-hr { margin-bottom: 96px !important; } .page-layout .page { overflow-x: visible; } .page-layout .page .page-inner .m-gallery { margin-bottom: 30px; } .page_restaurants-detail { color: #767676; } .page_restaurants-detail .item-descr--inner .item-descr__title { font-size: 14px; line-height: 26px; letter-spacing: 0px; color: #a3a3a3; text-transform: none; margin-bottom: 10px; } .page_restaurants-detail .item-descr--inner .item-descr__list-item { color: #000; } @media all and (min-width: 1000px) { .page_restaurants-detail .item-descr--inner .item-descr__list-item { font-size: 16px; line-height: 26px; letter-spacing: 0px; } } @media all and (min-width: 1px) { .articles-container .articles_title { margin-bottom: 30px; } } @media all and (min-width: 1000px) { .articles-container .articles_title { margin-bottom: 50px; } } .personal-info-new { display: flex; flex-direction: column; } .personal-info-new .personal-info_rating .soc-feedback__item.mod_voted { margin-bottom: 4px; } .personal-info-new .personal-info_rating .soc-feedback__ttl.mod_voted { margin-bottom: 7px; } .personal-info-new .personal-info_rating .soc-feedback__ttl { line-height: 16px; } .personal-info-new .personal-info_rating .star-rating__wrap a { margin-right: 0; } .personal-info-new .personal-info_rating .star-rating { margin-bottom: 10px; } .personal-info-new .personal-info_contacts { margin-top: 40px; padding: 48px 0 40px; display: grid; grid-template-columns: calc(50% - 30px) 1fr; grid-row-gap: 36px; border-top: 1px solid #EAEAEA; } .personal-info-new .info-slot { display: flex; flex-direction: column; } @media all and (min-width: 1px) { .personal-info-new .info-slot { align-items: center; } } @media all and (min-width: 767px) { .personal-info-new .info-slot { align-items: flex-start; } } .personal-info-new .info-slot .info-phone:not(.mod-no-hover) { position: relative; } .personal-info-new .info-slot .info-phone:not(.mod-no-hover):hover:before { opacity: 1; } .personal-info-new .info-slot .info-phone:not(.mod-no-hover):before { transition: 0.3s; opacity: 0; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); font-family: "Geometria"; color: #a3a3a3; font-size: 14px; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 20px); padding: 8px 17px; content: attr(data-popup); display: block; min-width: 150px; text-align: center; border-radius: 6px; background: #fff; pointer-events: none; } .personal-info-new .info-slot.full-info-slot { grid-column: 1/-1; } .personal-info-new .social_title { font-size: 16px; line-height: 24px; } .personal-info-new .info-link { display: flex; align-items: center; } .personal-info-new .info-text.mod_no-underline { border-bottom: none; } .personal-info-new .info-text { font-size: 16px; line-height: 24px; color: #000000; transition: all 0.3s ease; border-bottom: 1px solid #EAEAEA; } .personal-info-new .info-link:hover .info-text { border-bottom-color: black; } .personal-info-new .info-link:hover .info-icon { transform: scale(1.1); } .personal-info-new .info-icon { transition: all 0.3s ease; margin-right: 15px; margin-top: 5px; } .personal-info-new .personal-info_rating.mod_mobile { margin-bottom: 40px; } .personal-info-new .personal-info_rating.mod_mobile .rating-list { margin-bottom: 4px; } .personal-info-new .personal-info_rating.mod_mobile .soc-feedback__ttl.mod_voted { text-align: center; } .personal-info-new .personal-info_contacts.mod_mobile { display: block; font-weight: 500; color: black; order: -1; border-top: none; border-bottom: 1px solid #EAEAEA; padding: 38px 0 16px; margin-top: 0; margin-bottom: 38px; } .personal-info-new .personal-info_contacts.mod_mobile .info-text { font-weight: 500; } .personal-info-new .personal-info_contacts.mod_mobile .info-slot { margin-bottom: 14px; } .personal-info-new .personal-info_contacts.mod_mobile .mod_no-icons .info-icon { display: none; } .personal-info-new .personal-info_contacts.mod_mobile .mod_no-titles .info-icon { margin: 7px; } #loadContent .blog-list__item { width: 100%; } @media (max-width: 999px) { #loadContent .blog-list__item { display: block; } } .mod_video-master-bread .breadcrumbs.personal-breadcrumbs { margin-left: -20px; } .mod_video-master-bread { padding-top: 10px; } .page_video-detail .description span { margin: 0 5px; } .page_video-detail .description.mod_mobile { display: block; visibility: visible; padding: 0 20px; margin: 35px 0 25px; text-align: left; } .page_video-detail .description.mod_mobile .description_title { line-height: 1.2; margin: 0 0 16px; font-size: 40px; text-align: left; } .page_video-detail .description.mod_mobile .personal-category { text-align: left; } @media all and (min-width: 767px) { .page_video-detail .description.mod_mobile { display: none; } } @media all and (min-width: 1px) { .page_video-detail .description-titles { display: flex; } } @media all and (min-width: 767px) { .page_video-detail .description-titles { display: none; } } .page_video-detail .description-titles { flex-direction: column; align-items: flex-start; padding: 35px 0 45px; } .page_video-detail .description-titles span { margin: 0 5px; } .page_video-detail .description_title { letter-spacing: 0px; text-align: left; line-height: 1.2; font-size: 40px; } .personal-videografy { display: flex; padding-top: 20px; } .personal-videografy .personal-videografy__about { margin-bottom: 55px; } @media (max-width: 1239px) { .personal-videografy .personal-videografy__about { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 20px; } } @media (min-width: 1px) and (max-width: 539px) { .personal-videografy .personal-videografy__about { display: none; margin-bottom: 20px; flex-direction: row; justify-content: flex-start; align-items: flex-start; } } @media (min-width: 1240px) { .personal-videografy .personal-description { padding-top: 3px; } } @media (min-width: 1px) and (max-width: 539px) { .personal-videografy .personal-title { text-align: left; } } @media (max-width: 999px) { .personal-videografy .personal-title { font-size: 20px; } } @media (min-width: 1px) and (max-width: 539px) { .personal-videografy .personal-category { margin: 6px 0; text-align: left; } } .personal-videografy .personal-award-title { font-size: 12px; margin-bottom: 14px; } .personal-videografy .personal-award-title:before, .personal-videografy .personal-award-title:after { width: 15px; } .personal-videografy .personal-award-title .hidden-description { top: -10px; right: unset; font-size: 12px; padding: 0 20px; left: 0; transform: translate(0, -100%); } @media (min-width: 768px) and (max-width: 999px) { .personal-videografy .personal-award-title .hidden-description { left: 50%; transform: translate(-50%, -100%); } } @media (min-width: 1000px) and (max-width: 1239px) { .personal-videografy .personal-award-title .hidden-description { left: 50%; transform: translate(-50%, -100%); } } @media (max-width: 1239px) { .personal-videografy .personal-award-title { justify-content: center; } } @media (min-width: 1px) and (max-width: 539px) { .personal-videografy .personal-award-title { justify-content: flex-start; font-size: 10px; margin-bottom: 10px; } .personal-videografy .personal-award-title:before, .personal-videografy .personal-award-title:after { width: 13px; height: 18px; } } .personal-videografy .personal-videografy__info { flex: 0 0 50%; } @media all and (min-width: 1240px) { .personal-videografy .personal-videografy__description { padding-top: 54px; } } .personal-videografy .personal-videografy__description { flex: 0 0 50%; } @media (max-width: 768px) { .personal-videografy .personal-info_block { padding: 0; } } .personal-videografy .personal-info_block { padding-top: 7px; max-width: none; } @media (max-width: 1239px) { .personal-videografy .contacts_block { max-width: none; } } @media (min-width: 1px) and (max-width: 539px) { .personal-videografy .contacts_block { background-color: #fbfbfb; } } .personal-videografy .contacts_block { background: #fff; padding: 0 !important; max-width: 425px; overflow: unset; } .personal-videografy .mod_show-d-only { display: none; } @media (min-width: 1240px) { .personal-videografy .mod_show-d-only { display: flex; } } .personal-videografy .contacts.mod_masters .rating-details, .personal-videografy .contacts.mod_masters .rating-details_inner, .personal-videografy .contacts.mod_masters .rating-details_main, .personal-videografy .contacts.mod_masters .rating-details:after { background: #fff; } .personal-videografy .contacts.mod_masters div.rating-list { margin: 0; } @media (max-width: 1239px) { .personal-videografy .contacts.mod_masters .social_row.mod_half > * { width: auto; } } .personal-videografy .contacts.mod_masters .social_row.mod_half > * { width: 40%; } @media (max-width: 1239px) { .personal-videografy .contacts .social_list .social-network__link { margin: 10px; } } @media (min-width: 1px) and (max-width: 539px) { .personal-videografy .video-masters__logo { margin-bottom: 0; margin-right: 17px; } } .personal-videografy .video-masters__logo { display: flex; overflow: hidden; margin-bottom: 40px; } @media (min-width: 1px) and (max-width: 539px) { .personal-videografy .m-gallery__logo-image { width: 60px; height: 60px; } } .personal-videografy .m-gallery__logo-image { width: 83px; height: 83px; position: static; border-radius: 50%; } @media (min-width: 1px) and (max-width: 539px) { .personal-videografy .personal-accent { text-align: left; } .personal-videografy .personal-accent:before { left: 0; right: 0; } } .personal-videografy .personal-info-new { max-width: 430px; } .personal-videografy .personal-info_contacts { margin-top: 20px; padding: 35px 0; } @media (max-width: 999px) { .personal-videografy { padding-top: 40px; } } @media (max-width: 767px) { .personal-videografy { display: block; } .personal-videografy .personal-videografy__info, .personal-videografy .personal-videografy__description { width: 100%; flex: 0 0 100%; } .personal-videografy .personal-videografy__description { margin-top: 24px; } } .page_contacts.mod_without-banner .contact-info { padding-top: 78px; } @media all and (min-width: 1px) { .page_contacts .page-layout { background-color: #fafafa; } } @media all and (min-width: 767px) { .page_contacts .page-layout { background-color: #fff; } } .page_contacts .page-layout { display: flex; flex-direction: column; justify-content: space-between; height: 100vh; } .page_contacts .common-footer { position: relative; z-index: 999; background: white; } .page_contacts .common-footer .wrap { max-width: 100%; } .page_contacts .contacts_content { margin-top: auto; margin-bottom: auto; } @media all and (min-width: 1px) { .page_contacts .contacts_white-block { padding: 0px 0px 30px; } } @media all and (min-width: 767px) { .page_contacts .contacts_white-block { padding: 0px 0px 40px; } } .page_contacts .contacts_white-block { max-width: 362px; } .page_contacts .contacts_socials { display: flex; margin: -7px -7px 0; } .page_contacts .contacts_socials a { padding: 7px; } @media all and (min-width: 1px) { .page_contacts .contacts_requisites { display: none; } } @media all and (min-width: 767px) { .page_contacts .contacts_requisites { display: block; } } .page_contacts .contacts_requisites { padding: 0; font-size: 10px; line-height: 18px; color: #333744; } @media (max-width: 767px) { .page_contacts .contact-info-title { font-size: 28px; line-height: 28px; margin-bottom: 16px; } } .page_contacts .contact-info-title { font-family: "Praho Pro"; font-size: 48px; line-height: 1; margin-bottom: 13px; color: #252525; } @media (max-width: 767px) { .page_contacts .contact-info-subtitle { margin-bottom: 18px; } } .page_contacts .contact-info-subtitle { font-size: 11px; line-height: 28px; /* identical to box height, or 255% */ letter-spacing: 0.25em; margin-bottom: 20px; display: inline-block; color: #767676; } @media all and (min-width: 1px) { .page_contacts .contact-info-block { margin-bottom: 30px; } } @media all and (min-width: 767px) { .page_contacts .contact-info-block { margin-bottom: 20px; } } .page_contacts .contact-info-block { margin-bottom: 20px; } .page_contacts .info-title { font-weight: 500; font-size: 16px; line-height: 24px; color: #333744; } @media (max-width: 767px) { .page_contacts .info-data { font-size: 15px; line-height: 20px; } } .page_contacts .info-data { font-size: 16px; line-height: 24px; color: #333744; } .page_contacts .contacts_content { width: 100%; position: relative; z-index: 10; } @media all and (min-width: 767px) { .page_contacts .contacts_content { padding: 10px 0; } } @media (max-width: 767px) { .page_contacts .contacts_map-container { height: 330px; margin-bottom: 90px; } } .page_contacts .contacts_map-container { height: 0; width: 100%; } .page_contacts #map { height: 100%; } @media all and (min-width: 767px) { .page_contacts #map { position: fixed !important; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; height: auto; } } .page_restaurants-detail .personal-map { position: relative; margin-top: 30px; } @media all and (min-width: 1px) { .page_restaurants-detail .personal-map { display: none; } } @media all and (min-width: 1000px) { .page_restaurants-detail .personal-map { display: block; } } .page_restaurants-detail .personal-map { display: none !important; } .page_restaurants-detail .personal-map-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; } .page_restaurants-detail .map-block { height: 600px; z-index: 100; } .page_restaurants-detail .personal-map_label { width: 600px; background-color: #fff; padding: 30px; display: flex; justify-content: space-between; position: relative; z-index: 150; } .page_restaurants-detail .personal-map_block { max-width: 250px; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .page_restaurants-detail .personal-map_block:last-child { display: block; } .page_restaurants-detail .personal-map_block .social_col { height: auto; max-height: unset; } .page_restaurants-detail .personal-map_block .social_col:not(:last-child) { margin-bottom: 10px; } .page_restaurants-detail .personal-map-title { font-size: 24px; line-height: 34px; letter-spacing: 0px; font-family: "Praho Pro"; color: #000; } .page_restaurants-detail .personal-map_link-wrapper { height: 50px; line-height: 50px; } @media all and (min-width: 1px) { .hall-container .hall_title { margin-bottom: 20px; } } @media all and (min-width: 1000px) { .hall-container .hall_title { margin-bottom: 40px; } } @media all and (min-width: 1px) { .related-container .related_title { margin-bottom: 30px; } } @media all and (min-width: 1000px) { .related-container .related_title { margin-bottom: 50px; } } .gallery-wrapper .gallery__item-wrapper, .gallery-wrapper .gallery__item-link, .gallery-wrapper .gallery__item { will-change: contents; } .page_about .page.page--top { position: absolute; width: 100%; top: 0; left: 0; } .page_review .personal-title { margin-bottom: 0; } .page_review .review-title-block { text-align: center; } @media all and (min-width: 1000px) { .page_review .review-title-block { padding-top: 20px; margin-bottom: 20px; } } .page_review .br-theme-css-stars .br-widget a.br-selected:after { color: black !important; } .page_review .br-theme-css-stars .br-widget a.br-active:after { color: black !important; } .page_jewels .main-screen__text, .page_jewels .main-screen__note { color: #fff; } .blog-detail.mod_without-logo .blog-detail__data { margin-bottom: 0; } .blog-detail.mod_without-logo .text-content { padding-top: 20px; } .blog-detail.mod_without-logo .blog-list__main { margin-bottom: 10px; } .blog-detail .journal-writer-bottom { margin-top: 30px; text-align: center; } .blog-detail .journal-writer-bottom span { border-bottom: 1px solid; border-bottom-color: inherit; } .blog-detail { overflow-x: hidden; } .blog-detail .breadcrumbs { display: none; } @media (max-width: 767px) { .blog-detail .blog-list__main { margin: 10px 10px 55px; } } .blog-detail .blog-list__main { margin-bottom: 75px; } @media (max-width: 767px) { .blog-detail .blog-list__main .blog-list__title { margin: 0; font-size: 30px; line-height: 1.28; text-align: left; } } .blog-detail .blog-list__main .blog-list__title { text-align: center; max-width: 900px; margin-bottom: 20px; line-height: 54px; font-size: 52px; } .blog-detail .blog-list__main .blog-list__text { font-family: "Praho Pro"; max-width: 680px; margin: 33px auto 0; } @media (max-width: 767px) { .blog-detail .blog-list__main .blog-list__text { margin-top: 26px; text-align: left; } } @media all and (min-width: 1px) { .blog-detail .blog-list__breadcrumbs { display: flex; } } @media all and (min-width: 1px) { .blog-detail .blog-list__breadcrumbs { text-align: left; } } @media all and (min-width: 767px) { .blog-detail .blog-list__breadcrumbs { text-align: center; } } @media all and (min-width: 1px) { .blog-detail .blog-list__breadcrumbs { justify-content: flex-start; } } @media all and (min-width: 767px) { .blog-detail .blog-list__breadcrumbs { justify-content: center; } } .blog-detail .blog-list__breadcrumbs { color: #a3a3a3; text-transform: uppercase; font-family: "Geometria"; display: flex; align-items: center; margin: 21px 0; } @media all and (min-width: 1px) { .blog-detail .blog-list__breadcrumbs { font-size: 12px; line-height: normal; letter-spacing: 1.2px; } } .blog-detail .blog-list__breadcrumbs span { margin: 0 5px; } .blog-detail .blog-list__breadcrumbs a { padding: 5px 0; font: inherit; color: inherit; } @media (max-width: 767px) { .blog-detail .blog-list__category { margin: 0; } } .blog-detail .blog-list__category { margin: 55px 0 25px; } .blog-detail .article .blog-list__category { margin: 0 0 14px; } @media (max-width: 767px) { .blog-detail .blog-detail__data { margin-bottom: 50px; margin-top: 25px; } } .blog-detail .blog-detail__data { text-align: center; font-size: 14px; margin-bottom: 66px; font-family: "Geometria"; color: #a3a3a3; } .blog-detail .text-content--main { padding-top: 75px; } .page_blog-detail .popular-articles-container, .page_blog-detail .articles-container { padding: 50px 0; } .page_blog-detail .popular-articles-container hr, .page_blog-detail .articles-container hr { display: none; } .page_blog-detail .tags-container { border-bottom: none; border-top: none; } .page_blog-detail .instagram-media.instagram-media-rendered { margin-top: 30px !important; margin-bottom: 30px !important; max-width: none !important; } @media all and (min-width: 1240px) { .page_blog-detail .instagram-media.instagram-media-rendered { margin-top: 50px !important; margin-bottom: 50px !important; } } .page_blog-detail .userContent iframe[src*=music] { width: 100%; margin-left: 0; } .page_blog-detail .userContent video { max-width: 600px; width: 100%; margin-left: 0; } .page_blog-detail .userContent iframe[src*=spotify] { width: 100%; max-width: 600px; margin-left: 0; } .page_blog-detail .userContent .m-gallery__list { overflow: visible; } .page_blog-detail .photo-credit { display: block; color: #8c8c8c; font-size: 12px; margin: 0 5px 0 0; } .page_blog-detail .userContent h2 { font-size: 38px; } @media (max-width: 767px) { .page_blog-detail .userContent h2 { font-size: 28px; } } .page.search { overflow-x: hidden; } .page.search .breadcrumbs { margin-left: -20px; } .search-modal_container { display: none; } @media all and (min-width: 1000px) { .search-modal { height: 100vh; width: 100vw; } } .search-modal { padding: 40px; z-index: 9999; background: #fff; position: fixed; top: 0; left: 0; height: 100%; width: 100%; display: flex; flex-direction: column; } .search-modal .close-container { width: 100%; } .search-modal .search-modal_close { margin: 30px auto; max-width: 1200px; font-size: 30px; color: #1c1c1a; text-align: right; } .search-modal .search-modal_close span { cursor: pointer; } .search-modal .search-modal_control { position: relative; margin: auto; } .search-modal .search-modal_input { text-transform: none; color: #252525; border: none; padding-left: 0; padding-bottom: 14px; margin-bottom: 30px; font-size: 24px; font-family: "Praho Pro"; border-bottom: 1px solid #cdcdcd; } .search-modal .search-modal_input::-moz-placeholder { opacity: 0.3; } .search-modal .search-modal_input::placeholder { opacity: 0.3; } .search-modal .search-modal_tip { display: none; position: absolute; top: -40px; left: -10px; padding: 10px; color: #b2b2b2; } .search-modal p { text-align: center; font-size: 14px; color: #b2b2b2; } .search { max-width: 1240px; padding: 0 20px; margin: 0 auto; } .search h1 { font-size: 45px; text-align: center; margin-bottom: 26px; margin-top: 55px; } .search h2 { margin-bottom: 10px; font-size: 33px; } .search hr { margin: 65px 0px 86px; } .search hr.mod_pad-top { margin-top: 96px; } .search .blog-list__text { margin-left: 0; } .search .search_results { margin-bottom: 15px; text-align: center; } .search .search_results span { color: #767676; } .search .blog-list__category-link { display: inline; } .search .search_persons, .search .search_news-list, .search .search_videos-list { display: flex; justify-content: center; align-items: flex-start; } @media all and (min-width: 1px) { .search .search_persons, .search .search_news-list, .search .search_videos-list { margin: 0; } } @media all and (min-width: 767px) { .search .search_persons, .search .search_news-list, .search .search_videos-list { margin: 0 -15px; } } .search .search_persons, .search .search_news-list, .search .search_videos-list { flex-wrap: wrap; } @media all and (min-width: 1px) { .search .search_news-list, .search .search_videos-list { margin: 0; } } @media all and (min-width: 767px) { .search .search_news-list, .search .search_videos-list { margin: 0 -25px; } } .search .search_news-list, .search .search_videos-list { justify-content: flex-start; } .search .search_persons { padding: 80px 0 0; } .search .search_news-list { padding-bottom: 50px; } @media all and (min-width: 1px) { .search .search_person { padding: 20px 0; } } @media all and (min-width: 767px) { .search .search_person { padding: 0 15px; } } @media all and (min-width: 1px) { .search .search_person { flex: 0 0 100%; } } @media all and (min-width: 767px) { .search .search_person { flex: 0 0 33.3333333333%; } } @media all and (min-width: 1px) { .search .search_news { padding: 20px 0; } } @media all and (min-width: 767px) { .search .search_news { padding: 25px; } } @media all and (min-width: 1px) { .search .search_news { flex: 0 0 100%; } } @media all and (min-width: 767px) { .search .search_news { flex: 0 0 50%; } } @media all and (min-width: 1000px) { .search .search_news { flex: 0 0 25%; } } @media all and (min-width: 1px) { .search .search_video { padding: 20px 0; } } @media all and (min-width: 767px) { .search .search_video { padding: 25px; } } @media all and (min-width: 1000px) { .search .search_video { flex-direction: row; align-items: flex-start; } } @media all and (min-width: 1px) { .search .search_video { flex: 0 0 100%; } } @media all and (min-width: 767px) { .search .search_video { flex: 0 0 50%; } } .search .search_video { display: flex; align-items: stretch; flex-direction: column; flex: 0 0 50%; } @media all and (min-width: 1000px) { .search .list__image-wrapper { padding-bottom: 28%; } } @media (max-width: 767px) { .search .list__image-wrapper { margin-right: 0; } } .search .search_person-photo, .search .search_news-photo { display: block; background-color: #e1e4e6; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0.3; transition: all 0.3s ease; } .search .search_person-photo.mod_loaded, .search .search_news-photo.mod_loaded { opacity: 1; } .search .search_person-photo { padding-bottom: 125.654%; margin-bottom: 29px; } .search .search_news-photo { padding-bottom: 149.43%; margin-bottom: 25px; } .search .search_personal-prof { color: #a3a3a3; cursor: pointer; text-transform: uppercase; font-family: "Geometria"; margin-bottom: 10px; } @media all and (min-width: 1px) { .search .search_personal-prof { font-size: 12px; line-height: normal; letter-spacing: 1.2px; text-align: left; } } .search .search_personal-name, .search .search_news-name { font-family: "Praho Pro", sans-serif; font-size: 25px; } @media (min-width: 1240px) { .search .search_personal-name, .search .search_news-name { flex: 0 0 25%; } } .search .search_personal-name a, .search .search_news-name a { line-height: 1; vertical-align: top; } .search .search_personal-name a:hover, .search .search_news-name a:hover { color: #234d87; } .search .search_news-name { margin: 19px 0 15px; font-size: 22px; line-height: 28px; } .search .search_news .blog-list__text--date { margin-top: 17px; } .search .search_video .search_news-name { margin-bottom: 24px; font-size: 12px; } .search .search_video .blog-list__text { line-height: 22px; } .search .search_video .blog-list__author { font-size: 12px; } .search .search_video .blog-list__category { margin-bottom: 15px; } .search .search_video .blog-list__text { padding-top: 10px; } .search .search_video .blog-list__title { margin-bottom: 0; } @media (max-width: 767px) { .search .search_video .blog-list__title { margin: 0; } } .cabinet { display: flex; flex-wrap: wrap; } .cabinet .cabinet_change-password { margin-bottom: 40px; margin-left: 20px; margin-right: 20px; } @media all and (min-width: 600px) { .cabinet .cabinet_change-password { margin-left: 0; margin-right: 0; } } .cabinet .cabinet_change-password-link { font-size: 16px; color: #767676; display: inline-block; border-bottom: 1px dotted #767676; } .cabinet .cabinet__payments { background-color: #fbfbfb; padding: 40px; margin: 0 auto 40px; width: 100%; } .cabinet .cabinet__payments .cabinet__payments-list { border-radius: 10px; box-shadow: 0px 7px 24px 0 rgba(0, 0, 0, 0.05); background-color: #fff; } .cabinet .cabinet__payments .cabinet__payment-titles { display: flex; justify-content: space-around; align-items: center; padding-bottom: 17px; } .cabinet .cabinet__payments .cabinet__payment { display: flex; justify-content: space-around; align-items: center; height: 80px; border-bottom: 1px solid #e9ebee; font-size: 16px; font-family: "Geometria"; } .cabinet .cabinet__payments .payment-item { flex: 0 0 25%; text-align: center; } .cabinet .cabinet__payments .payment-active-until.active { font-weight: 500; color: #000000; } .cabinet .cabinet__payments .payment-active-until.active span { border-bottom: 1px solid #000000; } .cabinet .cabinet__payments .cabinet__payment:last-of-type { border-bottom: none; } .cabinet .cabinet__dates { padding: 40px; margin-bottom: 40px; background-color: #fbfbfb; } .cabinet .cabinet__dates-title { margin-bottom: 25px; } .cabinet .cabinet-datepicker { border-radius: 10px; box-shadow: 0px 7px 24px 0 rgba(0, 0, 0, 0.05); background-color: #fff; padding: 35px 20px 20px; min-height: 350px; font-family: "Geometria"; } .cabinet .cabinet-datepicker .ui-datepicker-header { text-align: center; } .cabinet .cabinet-datepicker .ui-datepicker.ui-widget { max-width: 100%; } .cabinet .cabinet-datepicker .ui-datepicker-title { font-size: 16px; color: #767676; text-transform: none; } .cabinet .cabinet-datepicker .ui-datepicker th { font-size: 14px; padding: 14px 0 0; color: #767676; text-transform: capitalize; } .cabinet .cabinet-datepicker .ui-datepicker tr:first-child td { padding-top: 16px; } .cabinet .cabinet-datepicker .ui-datepicker thead { border-bottom: none; } .cabinet .cabinet-datepicker .ui-state-default { font-size: 12px; color: #29283b; width: 30px; height: 30px; line-height: 32px; padding-left: 1px; margin: 6px auto; } .cabinet .cabinet-datepicker .ui-state-default:hover { background-color: #29283b; color: white; } .cabinet .cabinet-datepicker .ui-datepicker-unselectable, .cabinet .cabinet-datepicker .ui-datepicker-unselectable.ui-state-disabled { text-decoration: none; font-size: 12px; color: #767676; opacity: 0.5; } .cabinet .cabinet-datepicker .ui-datepicker-next { top: 0; right: 22px; padding: 8px; } .cabinet .cabinet-datepicker .ui-datepicker-prev { top: 0; left: 22px; padding: 8px; } .cabinet .cabinet-datepicker .ui-datepicker-next span, .cabinet .cabinet-datepicker .ui-datepicker-prev span { width: 5px; height: 10px; } .cabinet .cabinet-datepicker .ui-datepicker-prev span { width: 6px; } .cabinet .cabinet-datepicker .ui-datepicker-next span { background: url("/img/cabinet-datepicker-next.png") center/contain no-repeat; } .cabinet .cabinet-datepicker .ui-datepicker-prev span { background: url("/img/cabinet-datepicker-prev.png") center/contain no-repeat; } .cabinet .cabinet-datepicker .highlight a { background-color: #29283b; color: white; } .cabinet .category-title { font-size: 12px; line-height: 2.08; letter-spacing: 1.2px; text-align: left; color: #a3a3a3; text-transform: uppercase; } .cabinet .personal-title { font-family: "Praho Pro"; font-size: 45px; line-height: 1.1; color: black; margin: 0 0 68px; } .cabinet .cabinet__stat-title { font-family: "Praho Pro"; font-size: 20px; line-height: 1.7; color: black; } .cabinet .mod_big { font-family: "Praho Pro"; font-size: 36px; line-height: 1; color: #29283b; } .cabinet .mod_super-big { font-family: "Praho Pro"; font-size: 64px; line-height: 1; color: black; text-align: right; } .cabinet { max-width: 1240px; padding: 20px; padding-bottom: 80px; margin: auto; display: flex; justify-content: space-between; font-family: "Geometria"; font-size: 16px; line-height: 26px; color: #767676; font-size: 16px; line-height: 26px; } .cabinet p { padding: 0; margin-bottom: 0; } .cabinet h5 { font-family: "Praho Pro"; font-size: 20px; color: #000; line-height: 34px; } .cabinet .cabinet__left, .cabinet .cabinet__right { flex: 0 0 calc(50% - 40px); } @media all and (min-width: 1px) { .cabinet .cabinet__left, .cabinet .cabinet__right { flex: 0 0 100%; } } @media all and (min-width: 1000px) { .cabinet .cabinet__left, .cabinet .cabinet__right { flex: 0 0 calc(50% - 40px); } } .cabinet .cabinet__left { padding-top: 75px; } .cabinet .cabinet__right { padding-top: 64px; } .cabinet .cabinet__stat-dropdown { display: inline-block; position: relative; border-bottom: 1px dotted #b0bfd4; cursor: pointer; } .cabinet .cabinet__stat-dropdown svg { pointer-events: inherit; position: absolute; right: -20px; top: 55%; transition: all 0.7s; transform: rotateZ(0deg); } .cabinet .cabinet__stat-dropdown svg.mod_opened { transform: rotateZ(180deg); } .cabinet .cabinet__stat-dropdown .cabinet__stat-menu { display: none; top: 40px; z-index: 20; text-transform: capitalize; white-space: nowrap; position: absolute; box-shadow: 0px 10px 20px 0 rgba(151, 151, 151, 0.2); background-color: #fff; } .cabinet .cabinet__stat-dropdown .cabinet__stat-month { color: #767676; font-family: "Geometria"; font-size: 16px; padding: 12px 30px; } .cabinet .cabinet__stat-dropdown .cabinet__stat-month:hover { color: white; background-color: #29283b; } .cabinet .line-decor { margin: 0 20px; background-color: #b0bfd4; height: 1px; width: 100%; position: relative; top: -3px; } .cabinet .cabinet__peoples { padding: 44px 0 37px; } .cabinet .cabinet__peoples > div { margin-bottom: 36px; } .cabinet .cabinet__mobile { padding: 70px 0 47px; } .cabinet .cabinet__mobile > div { margin-bottom: 27px; } .cabinet .cabinet__pages-enters { padding: 44px 0 37px; } .cabinet .cabinet__pages-enters > div { margin-bottom: 36px; } .cabinet .cabinet__ios-count svg { transform: translateY(3px); } .cabinet .cabinet__android-count svg { transform: translateY(8px); } .cabinet .cabinet__regions { padding: 70px 0 38px; } .cabinet .cabinet__regions > div { margin-bottom: 36px; } .cabinet .cabinet__yandex-stat span, .cabinet .cabinet__pages-enters span { color: #29283b; } .cabinet .cabinet__peoples > *, .cabinet .cabinet__mobile > *, .cabinet .cabinet__regions > *, .cabinet .cabinet__pages-enters > * { display: flex; align-items: baseline; justify-content: space-between; white-space: nowrap; } .cabinet .cabinet__peoples.mod_with-borders, .cabinet .cabinet__mobile.mod_with-borders, .cabinet .cabinet__regions.mod_with-borders, .cabinet .cabinet__pages-enters.mod_with-borders { border: 4px solid #eff1f4; border-left: none; border-right: none; } .cabinet .cabinet__top15-count { margin-top: 35px; line-height: 1; } .cabinet .cabinet__top15-text { margin-top: 17px; } .cabinet .card { display: flex; flex-direction: column; justify-content: flex-start; background: #fbfbfb; padding: 29px; padding-top: 30px; font-size: 14px; line-height: 18px; } .cabinet .cabinet_profile-edit, .cabinet .cabinet__info { padding: 40px 40px 0 40px; background-color: #fbfbfb; margin-bottom: 40px; } @media (max-width: 1239px) { .cabinet .cabinet_profile-edit { background-image: none !important; } } .cabinet .cabinet_profile-edit { display: flex; justify-content: space-between; background-origin: content-box; } .cabinet .cabinet_profile-edit.mod_with-corporate { background-position: calc(100% - 23px) 150px, right 74px !important; } .cabinet .cabinet_profile-edit.mod_with-corporate .profile-link { margin-bottom: 25px; } @media (max-width: 1239px) { .cabinet .profile-decor { display: none; } } .cabinet .profile-decor { width: 162px; text-overflow: clip; margin-top: auto; margin-bottom: 25px; margin-right: 6px; text-align: center; } .cabinet .profile-decor__category { font-size: 6px; text-transform: uppercase; line-height: 1; letter-spacing: 0.6px; text-align: center; color: #a3a3a3; } .cabinet .profile-decor__name { font-family: "Praho Pro"; font-size: 11px; line-height: 2.4; text-align: center; color: #000; } .cabinet .cabinet__info { font-size: 14px; padding-right: 40px; } .cabinet .cabinet__info span { color: #29283b; } .cabinet .cabinet__balance .balance__next-date { border-bottom: 1px solid black; } .cabinet .cabinet__balance h5 { margin-bottom: 23px; } .cabinet .profile-content h5 { white-space: nowrap; } .cabinet .profile-content p { line-height: 1.63; margin: 25px 0 35px; } .cabinet .profile-content button { margin-bottom: 50px; } .cabinet .profile-content a { display: flex; justify-content: center; align-items: center; margin-bottom: 50px; width: 246px; height: 50px; border: 1px solid #343434; background: none; cursor: pointer; text-transform: uppercase; font-size: 14px; font-family: "Geometria"; font-weight: 500; color: #000; line-height: 25px; transition: all 0.3s ease; } .cabinet .profile-content a:hover { background: black; color: white; } .cabinet .profile-content a:hover a { transition: inherit; background: black; color: white; } .cabinet .cabinet__participate h5 { margin-bottom: 19px; } .cabinet .cabinet__participate { padding-top: 35px; padding-bottom: 40px; } .cabinet { /*participate old*/ } .cabinet .participate__container { padding: 40px; background-color: #fff; border-radius: 10px; box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.05); } .cabinet .participate__range-inner { display: flex; justify-content: stretch; height: 100%; } .cabinet .participate__range { background-color: #fff; height: 50px; padding: 6px; margin: 13px 0 38px; border: 1px solid #eaeaea; border-radius: 50px; } .cabinet .participate__month-item { display: flex; justify-content: space-around; align-items: center; cursor: pointer; transition: all 0.3s ease; } .cabinet .participate__month-item.mod_first { border-top-left-radius: 16px; border-bottom-left-radius: 16px; } .cabinet .participate__month-item.mod_last { border-top-right-radius: 16px; border-bottom-right-radius: 16px; } .cabinet .participate__month-item.active { color: white; background: rgb(0, 0, 0); } .cabinet .participate__month-item span { color: inherit; } .cabinet .participate__range-inner:hover .participate__month-item { color: white; background: rgba(0, 0, 0, 0.7); border-top-right-radius: 0; border-bottom-right-radius: 0; } .cabinet .participate__range-inner .participate__month-item:hover { border-top-right-radius: 16px; border-bottom-right-radius: 16px; } .cabinet .participate__month-item:hover ~ .participate__month-item, .cabinet .participate__month-item:hover ~ .participate__month-item.active { color: black; background: rgba(0, 0, 0, 0); border-top-right-radius: 16px; border-bottom-right-radius: 16px; } .cabinet .participate__month-item[data-month="1"] { flex: 0 0 8.3333333333%; } .cabinet .participate__month-item[data-month="3"] { flex: 0 0 16.6666666667%; } .cabinet .participate__month-item[data-month="6"] { flex: 0 0 25%; } .cabinet .participate__month-item[data-month="12"] { flex: 0 0 50%; } .cabinet { /*participate old*/ /*participate new*/ } .cabinet .cabinet_subscribe { background: #FFFFFF; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 40px 44px 55px; } .cabinet .cabinet_subscribe .subscribe_title { margin-bottom: 16px; } .cabinet .cabinet_subscribe .subscribe_range { width: -moz-fit-content; width: fit-content; display: flex; align-items: stretch; border: 1px solid #EAEAEA; box-sizing: border-box; border-radius: 117px; padding: 7px 15px 7px 7px; margin-bottom: 15px; cursor: pointer; } .cabinet .cabinet_subscribe .subscribe_range.non_active { opacity: 0.5; } .cabinet .cabinet_subscribe .subscribe_range.active .range_button, .cabinet .cabinet_subscribe .subscribe_range:hover .range_button { background: black; color: white; } .cabinet .cabinet_subscribe .range_button { display: flex; margin-right: 12px; padding: 4px 4px 4px 18px; align-items: stretch; font-size: 14px; color: #333744; background: #EAEAEA; border-radius: inherit; cursor: pointer; transition: all 0.3s ease; white-space: nowrap; } .cabinet .cabinet_subscribe .pay_for_subscription { margin: 15px 0; display: grid; place-items: center; } .cabinet .cabinet_subscribe .range_discount { display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 16px; padding: 4px 8px 3px 8px; /* identical to box height, or 114% */ color: #333744; background: #FFFFFF; border-radius: inherit; } .cabinet .cabinet_subscribe .month_count { display: flex; align-items: center; color: inherit; font-size: 14px; line-height: 28px; margin-right: 12px; } .cabinet .cabinet_subscribe .subscribe_amount { display: flex; flex-wrap: wrap; align-items: center; } .cabinet .cabinet_subscribe .subscribe_total { font-family: "Praho Pro"; font-weight: 500; font-size: 16px; line-height: 28px; color: #333744; margin-right: 12px; } .cabinet .cabinet_subscribe .subscribe_monthly { font-size: 14px; line-height: 28px; } .cabinet { /*participate new end*/ } .cabinet .participate__info, .cabinet .balance__container { display: flex; align-items: baseline; } .cabinet .participate__info p, .cabinet .balance__container p { line-height: 1.4; margin-bottom: 5px; } .cabinet .participate__info span, .cabinet .balance__container span { line-height: 1; font-size: 16px; font-family: "Praho Pro"; margin-top: 12px; } .cabinet .participate__info .mod_big, .cabinet .balance__container .mod_big { font-size: 36px; } .cabinet .participate__info { border-top: 1px solid #eaeaea; padding-top: 34px; padding-bottom: 35px; } .cabinet .participate__total { margin-right: 43px; } .cabinet .participate__month { margin-right: 45px; } .cabinet .balance__current { margin-right: 83px; } .cabinet .balance__current .mod_big { line-height: 1; } .cabinet .balance__last { margin-right: 60px; } .cabinet button, .cabinet .pay_for_subscription { width: 246px; height: 50px; border: 1px solid #343434; background: none; cursor: pointer; text-transform: uppercase; font-size: 14px; font-family: "Geometria"; font-weight: 500; color: #000; line-height: 25px; transition: all 0.3s ease; } .cabinet button:hover, .cabinet .pay_for_subscription:hover { background: black; color: white; } .cabinet button:hover a, .cabinet .pay_for_subscription:hover a { transition: inherit; background: black; color: white; } .cabinet-mobile { display: block; font-size: 14px; } .cabinet-mobile .mod_empty-bumper { min-width: 1px; background-color: transparent; margin-left: 20px; } @media all and (min-width: 540px) { .cabinet-mobile .mod_empty-bumper { display: none; } } @media (min-width: 1px) and (max-width: 539px) { .cabinet-mobile .cabinet-datepicker { padding: 35px 10px 20px; } } .cabinet-mobile .cabinet-datepicker .ui-datepicker-title { font-size: 18px; } .cabinet-mobile .cabinet-datepicker .ui-datepicker th { font-size: 16px; } .cabinet-mobile .cabinet-datepicker .ui-state-default { font-size: 16px; } .cabinet-mobile .cabinet-datepicker .ui-state-default:hover { background-color: transparent; color: #29283b; } .cabinet-mobile .cabinet__payments { padding: 40px 20px; } .cabinet-mobile .payment-duration { order: -3; } .cabinet-mobile .payment-date { display: none; } .cabinet-mobile .cabinet__dates { padding: 40px 20px; } @media (min-width: 1px) and (max-width: 539px) { .cabinet-mobile .cabinet__dates { padding: 40px 0; background: white; } } .cabinet-mobile .cabinet__titles { margin-top: 55px; } .cabinet-mobile .cabinet__titles p { text-align: center; } .cabinet-mobile .cabinet__titles { text-align: center; } .cabinet-mobile .personal-title { font-size: 25px; margin-bottom: 49px; } .cabinet-mobile .cabinet__tabs { display: flex; justify-content: center; align-items: flex-end; border-bottom: 1px solid #eaeaea; } .cabinet-mobile .cabinet__tab { display: flex; justify-content: center; align-items: center; flex: 0 0 25%; transition: all 0.2s; padding: 14px 0 12px; border-bottom: 2px solid transparent; } .cabinet-mobile .cabinet__tab svg { fill: rgb(163, 163, 163); } .cabinet-mobile .cabinet__tab svg:hover { fill: black; } .cabinet-mobile .cabinet__tab .mod_flex { display: flex; } .cabinet-mobile .cabinet__tab.active { border-bottom: 2px solid #000; } .cabinet-mobile .cabinet__tab.active svg { fill: black; } .cabinet-mobile .mod_super-big, .cabinet-mobile .mod_big { font-size: 25px; line-height: 1; } .cabinet-mobile .cabinet__left, .cabinet-mobile .cabinet__right { display: none; } .cabinet-mobile .cabinet__left { display: none; padding-top: 51px; } .cabinet-mobile .cabinet__calendar { display: block; } .cabinet-mobile .cabinet__stat-title { line-height: 1.5; } .cabinet-mobile .cabinet__peoples { padding: 38px 0 27px; } .cabinet-mobile .cabinet__peoples > div { margin-bottom: 25px; } .cabinet-mobile .cabinet__people-count span { transform: translateY(4px); } .cabinet-mobile .line-decor { margin: 0 15px; } .cabinet-mobile .cabinet__mobile { padding: 54px 0 36px; } .cabinet-mobile .cabinet__mobile svg { transform: translateY(6px); margin-right: 8px; } .cabinet-mobile .cabinet__mobile > div { margin-bottom: 17px; } .cabinet-mobile .cabinet__mobile-count, .cabinet-mobile .cabinet__regions-count, .cabinet-mobile .cabinet__page-depth { align-items: center; } .cabinet-mobile .cabinet__mobile-count p, .cabinet-mobile .cabinet__regions-count p, .cabinet-mobile .cabinet__page-depth p { line-height: 1.4; } .cabinet-mobile .cabinet__mobile-count .line-decor, .cabinet-mobile .cabinet__regions-count .line-decor, .cabinet-mobile .cabinet__page-depth .line-decor { top: 0; } .cabinet-mobile .cabinet__mobile-count span, .cabinet-mobile .cabinet__regions-count span, .cabinet-mobile .cabinet__page-depth span { padding-bottom: 6px; } .cabinet-mobile .cabinet__regions { padding: 56px 0 27px; } .cabinet-mobile .cabinet__regions > div { margin-bottom: 27px; } .cabinet-mobile .cabinet__top15-count.mod_big { font-size: 35px; } .cabinet-mobile .cabinet__pages-enters { padding: 46px 0 18px; } .cabinet-mobile .cabinet__pages-enters > div { margin-bottom: 25px; } .cabinet-mobile .cabinet__from-advertising span { transform: translateY(4px); } .cabinet-mobile .cabinet__right { padding-top: 0; margin: 0 -20px; } .cabinet-mobile .cabinet__right .mod_big { font-size: 25px; } .cabinet-mobile .cabinet__info { padding-top: 49px; padding-left: 20px; padding-right: 20px; background: white; } .cabinet-mobile .cabinet_subscribe { background: white; padding: 0; box-shadow: none; border-radius: 0; } .cabinet-mobile .cabinet_subscribe .subscribe_title { margin-bottom: 12px; } .cabinet-mobile .cabinet_subscribe .subscribe_range { white-space: nowrap; border-radius: 80px; } .cabinet-mobile .cabinet_subscribe .subscribe_total { font-size: 14px; line-height: 1.2; } .cabinet-mobile .cabinet_subscribe .subscribe_range { align-items: stretch; padding: 7px 15px 7px 7px; } .cabinet-mobile .cabinet_subscribe .subscribe_monthly { font-size: 12px; line-height: 1.2; } .cabinet-mobile .cabinet_subscribe .subscribe_amount { flex-direction: column; justify-content: space-around; align-items: center; } .cabinet-mobile .cabinet_subscribe .range_discount { padding: 9px 8px 9px 8px; } .cabinet-mobile .cabinet_subscribe .range_button { padding: 6px 6px 6px 18px; align-items: stretch; } .cabinet-mobile .cabinet_subscribe .month_count { display: flex; align-items: center; } .cabinet-mobile .cabinet_subscribe .pay_for_subscription { width: 100%; } .cabinet-mobile .balance__next { display: block; } .cabinet-mobile .cabinet__participate { padding-top: 0; } .cabinet-mobile .cabinet__participate h5 { margin-bottom: 32px; } .cabinet-mobile .balance__container, .cabinet-mobile .participate__info { display: block; } .cabinet-mobile .balance__container span, .cabinet-mobile .participate__info span { margin-top: 0; } .cabinet-mobile .balance__container p, .cabinet-mobile .participate__info p { margin: 0; } .cabinet-mobile .balance__container > div { margin-bottom: 29px; } .cabinet-mobile .balance__current span, .cabinet-mobile .participate__total span { transform: translateY(3px); } .cabinet-mobile .participate__info { padding-bottom: 12px; } .cabinet-mobile .participate__info > div { margin-bottom: 27px; } .cabinet-mobile .participate__container { padding: 24px 20px 40px; } .cabinet-mobile .participate__range { display: flex; justify-content: space-between; align-items: center; border: none; padding: 0; } .cabinet-mobile .participate__range p { line-height: 1.4; } .cabinet-mobile .participate__picker { display: flex; justify-content: space-between; align-items: center; padding: 5px; text-align: center; border: 1px solid #eaeaea; border-radius: 23px; width: 120px; } .cabinet-mobile .participate__picker .picker__minus, .cabinet-mobile .participate__picker .picker__plus { color: #fff; font-size: 24px; line-height: 34px; text-align: center; height: 34px; width: 34px; border-radius: 100%; background-color: #eaeaea; transition: all 0.2s; } .cabinet-mobile .participate__picker .picker__minus:hover, .cabinet-mobile .participate__picker .picker__plus:hover { background-color: #000; } .cabinet-mobile .balance__current, .cabinet-mobile .balance__last, .cabinet-mobile .participate__total, .cabinet-mobile .participate__month, .cabinet-mobile .participate__month-count { margin: 0; padding: 0; display: flex; align-items: baseline; white-space: nowrap; } .cabinet-mobile .contact-info { padding: 0 20px; } .cabinet-mobile .card { margin-right: 16px; } .cabinet-mobile .card:last-of-type { margin-right: 0; } .cabinet-mobile .card.mod_last-no-margin { margin-right: 0; } .personal-edit { padding-bottom: 100px !important; } .personal-edit .cropper-container { direction: ltr; font-size: 0; line-height: 0; position: relative; touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .personal-edit .cropper-container img { backface-visibility: hidden; display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .personal-edit .cropper-wrap-box, .personal-edit .cropper-canvas, .personal-edit .cropper-drag-box, .personal-edit .cropper-crop-box, .personal-edit .cropper-modal { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .personal-edit .cropper-wrap-box, .personal-edit .cropper-canvas { overflow: hidden; } .personal-edit .cropper-drag-box { background-color: #fff; opacity: 0; } .personal-edit .cropper-modal { background-color: #000; opacity: 0.5; } .personal-edit .cropper-view-box { display: block; height: 100%; outline: 1px solid #39f; outline-color: rgba(51, 153, 255, 0.75); overflow: hidden; width: 100%; } .personal-edit .cropper-dashed { border: 0 dashed #eee; display: block; opacity: 0.5; position: absolute; } .personal-edit .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: 33.3333333333%; left: 0; top: 33.3333333333%; width: 100%; } .personal-edit .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: 33.3333333333%; top: 0; width: 33.3333333333%; } .personal-edit .cropper-center { display: block; height: 0; left: 50%; opacity: 0.75; position: absolute; top: 50%; width: 0; } .personal-edit .cropper-center::before, .personal-edit .cropper-center::after { background-color: #eee; content: " "; display: block; position: absolute; } .personal-edit .cropper-center::before { height: 1px; left: -3px; top: 0; width: 7px; } .personal-edit .cropper-center::after { height: 7px; left: 0; top: -3px; width: 1px; } .personal-edit .cropper-face, .personal-edit .cropper-line, .personal-edit .cropper-point { display: block; height: 100%; opacity: 0.1; position: absolute; width: 100%; } .personal-edit .cropper-face { background-color: #fff; left: 0; top: 0; } .personal-edit .cropper-line { background-color: #39f; } .personal-edit .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px; } .personal-edit .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px; } .personal-edit .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px; } .personal-edit .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0; } .personal-edit .cropper-point { background-color: #39f; height: 5px; opacity: 0.75; width: 5px; } .personal-edit .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50%; } .personal-edit .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px; } .personal-edit .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50%; } .personal-edit .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px; } .personal-edit .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px; } .personal-edit .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px; } .personal-edit .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px; } .personal-edit .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; height: 20px; opacity: 1; right: -3px; width: 20px; } @media (min-width: 768px) { .personal-edit .cropper-point.point-se { height: 15px; width: 15px; } } @media (min-width: 992px) { .personal-edit .cropper-point.point-se { height: 10px; width: 10px; } } @media (min-width: 1200px) { .personal-edit .cropper-point.point-se { height: 5px; opacity: 0.75; width: 5px; } } .personal-edit .cropper-point.point-se::before { background-color: #39f; bottom: -50%; content: " "; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200%; } .personal-edit .cropper-invisible { opacity: 0; } .personal-edit .cropper-bg { background-image: url("../images/bg.png"); } .personal-edit .cropper-hide { display: block; height: 0; position: absolute; width: 0; } .personal-edit .cropper-hidden { display: none !important; } .personal-edit .cropper-move { cursor: move; } .personal-edit .cropper-crop { cursor: crosshair; } .personal-edit .cropper-disabled .personal-edit .cropper-drag-box, .personal-edit .cropper-disabled .personal-edit .cropper-face, .personal-edit .cropper-disabled .personal-edit .cropper-line, .personal-edit .cropper-disabled .personal-edit .cropper-point { cursor: not-allowed; } @media (max-width: 768px) { .personal-edit .personal-main__foto { width: 100%; margin: 0; } } @media (max-width: 768px) { .personal-edit .personal-main { display: block; } } .personal-edit .new-personal-photo { display: flex; justify-content: flex-start; align-items: center; padding: 0 20px; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); color: #000; background: #fff; border: none; width: 250px; height: 50px; line-height: 50px; font-family: "Geometria"; font-size: 12px; font-weight: 500; text-transform: uppercase; } .personal-edit .new-personal-photo:hover svg { fill: black; } .personal-edit .new-personal-photo svg { transition: all 0.3s ease; fill: rgb(195, 195, 195); width: 24px; margin-right: 14px; } @media (min-width: 768px) { .personal-edit .personal-main__description { padding-right: 20px; } } @media (min-width: 1240px) { .personal-edit .personal-main__description { min-width: 600px; padding-left: 43px; padding-right: 40px; } } .personal-edit .personal-main__description { max-width: 100%; padding-left: 20px; padding-right: 20px; } @media (max-width: 768px) { .personal-edit .personal-info_block { padding: 0; } } .personal-edit .personal-info_block { padding-top: 51px; } .personal-edit { /* start of contact block */ } @media (max-width: 768px) { .personal-edit .contacts-edit { margin-top: 20px; padding: 20px; } } .personal-edit .contacts-edit { background-color: #fbfbfb; padding: 0 40px; margin-top: 60px; } .personal-edit .contacts-edit__row { padding: 40px 0 21px; } .personal-edit .contacts-edit__row:first-of-type { border-bottom: 1px solid #eaeaea; } @media (max-width: 768px) { .personal-edit .contacts-edit__item { display: block; } } .personal-edit .contacts-edit__item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } @media (max-width: 768px) { .personal-edit .contacts-title { margin-bottom: 15px; } } .personal-edit .contacts-title { display: flex; align-items: center; font-family: "Geometria"; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; color: #a3a3a3; } .personal-edit .contacts-title svg { width: 19px; margin-right: 15px; } @media (max-width: 768px) { .personal-edit .contacts-input { width: 100%; } } .personal-edit .contacts-input { width: 280px; height: 50px; border: solid 1px #e7e7e7; background-color: #fff; font-family: "Geometria"; font-size: 14px; text-transform: none; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; text-align: left; color: #000; } .personal-edit { /* end of contact-edit block */ /* start of text-edit block */ } .personal-edit .text-edit { margin-bottom: 29px; } .personal-edit .text-edit p, .personal-edit .text-edit label { display: inline-block; margin-bottom: 7px; font-size: 14px; color: #a3a3a3; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; text-align: left; } .personal-edit .text-edit .mod_editable { min-height: 300px; font-family: "Geometria"; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.63; letter-spacing: normal; padding: 30px 40px 30px 40px; border: solid 1px #e7e7e7; background-color: #fff; color: #767676; text-transform: none; } .personal-edit .text-edit .mod_editable p { color: #767676; } .personal-edit .text-edit .mod_title, .personal-edit .text-edit .mod_accent { font-family: "Praho Pro"; font-size: 24px; font-weight: normal; font-style: normal; letter-spacing: normal; font-stretch: normal; color: #000; } .personal-edit .text-edit .mod_accent { font-size: 20px; } .personal-edit { /* end of text-edit block */ /*cropper modal*/ } .personal-edit .personal-edit__cropper-modal { padding-top: 30px; position: fixed; display: none; top: 0%; left: 0%; right: 0%; bottom: 0%; background: #fff; z-index: 999; text-align: center; } .personal-edit .personal-edit__cropper-modal .cropper__container { display: flex; justify-content: center; align-items: center; width: 80%; height: 80%; margin: auto; } .personal-edit .personal-edit__cropper-modal .cropper-bg { background-image: none; } .personal-edit .personal-edit__cropper-modal .personal-edit__cropper-action { height: 50px; line-height: 50px; margin: 0 5px; margin-top: 30px; padding: 0 20px; font-size: 12px; font-weight: 500; text-transform: uppercase; text-align: center; background-color: #fff; border: 1px solid black; color: black; transition: all 0.3s ease; } .personal-edit .personal-edit__cropper-modal .personal-edit__cropper-action:hover { background-color: black; color: white; } @media (max-width: 768px) { .personal-edit .personal-edit__cropper-modal.mod_video-cropper .cropper__container { height: 70%; } } .personal-edit .personal-edit__cropper-modal.mod_video-cropper .cropper__actions { width: 80%; margin: auto; } .personal-edit .personal-edit__cropper-modal.mod_video-cropper .contacts-input { min-width: 360px; } @media (max-width: 768px) { .personal-edit .personal-edit__cropper-modal.mod_video-cropper .contacts-input { min-width: unset; width: 100%; margin-top: 10px; } } @media (max-width: 768px) { .personal-edit .personal-edit__cropper-modal.mod_video-cropper .personal-edit__cropper-action { margin-top: 10px; } } .personal-edit { /*end of cropper modal*/ /*video gallery*/ } .personal-edit .personal-edit__videos { display: flex; flex-wrap: wrap; } @media (max-width: 768px) { .personal-edit .personal-edit__video { flex: 0 0 100%; } } .personal-edit .personal-edit__video { position: relative; flex: 0 0 calc(33.3333333333% - 4px); overflow: hidden; margin: 0 2px 20px; } .personal-edit .personal-edit__video .cabinet-photo__delete { bottom: 60px; } .personal-edit .personal-edit__video:hover .cabinet-photo__delete { visibility: visible; opacity: 1; } .personal-edit .personal-edit__video:nth-child(3n) { margin-right: 0; } .personal-edit .personal-edit__video-preview { width: 100%; height: 225px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; opacity: 0; transition: all 0.3s ease; } .personal-edit .personal-edit__video-preview.mod_loaded { opacity: 1; } .personal-edit .contacts-input.mod_full-width { border-top: none; width: 100%; } .personal-edit .mod_video-template button { display: flex; justify-content: flex-start; align-items: center; flex-direction: column; width: 100%; height: 225px; background-color: #e1e4e6; padding-top: 70px; } .personal-edit .mod_video-template p { margin: 20px 0 0; font-size: 12px; font-weight: 500; text-align: center; text-transform: uppercase; color: #000; } .personal-edit .mod_video-template svg { fill: #c3c3c3; transition: all 0.7s; } .personal-edit .mod_video-template button:hover svg { fill: black; } .personal-edit { /*end of video gallery*/ /* gallery blocks */ } .personal-edit .personal-edit__new-photo { margin-left: 2px; margin-right: 2px; background-color: #fbfbfb; text-align: center; } .personal-edit .personal-edit__new-photo p { font-size: 12px; font-weight: 500; text-align: center; text-transform: uppercase; color: #000; } .personal-edit .personal-edit__new-photo button { display: block; width: 100%; border: none; cursor: pointer; padding: 40px 0 9px; } .personal-edit .personal-edit__new-photo button:hover svg { fill: black; } .personal-edit .personal-edit__new-photo svg { margin-bottom: 11px; transition: all 0.3s ease; fill: rgb(195, 195, 195); } .personal-edit .cabinet-photo { position: relative; } @media (max-width: 768px) { .personal-edit .cabinet-photo__delete { font-size: 0; height: 50px; width: 50px; justify-content: center; padding: 0; left: 20px; top: 20px; left: unset; bottom: unset; transform: translateX(0); visibility: visible; opacity: 1; } } .personal-edit .cabinet-photo__delete { position: absolute; white-space: nowrap; z-index: 200; bottom: 20px; left: 50%; transform: translateX(-50%); transition: all 0.2s; visibility: hidden; opacity: 0; display: flex; align-items: center; font-size: 12px; font-weight: 500; height: 50px; padding: 0 20px; background: #fff; text-transform: uppercase; } @media (max-width: 768px) { .personal-edit .cabinet-photo__delete svg { margin: 0; } } .personal-edit .cabinet-photo__delete svg { margin-right: 14px; } .personal-edit .cabinet-photo:hover .cabinet-photo__delete { visibility: visible; opacity: 1; } .personal-edit .cabinet-photo__edit { display: flex; justify-content: center; align-items: center; z-index: 20; height: 40px; width: 40px; border-radius: 50%; position: absolute; top: 20px; right: 20px; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; } .personal-edit .cabinet-photo__edit:hover { background-color: rgb(0, 0, 0); } .personal-edit { /* end of gallery blocks */ /* bottom bar */ } .personal-edit .personal-edit__bar { z-index: 100; position: fixed; bottom: 0; left: 0; right: 0; padding: 19px 0; box-shadow: 0px -5px 20px 0 rgba(17, 17, 18, 0.05); background-color: #fff; } @media (max-width: 768px) { .personal-edit .personal-edit__bar .wrap { justify-content: space-between; } } .personal-edit .personal-edit__bar .wrap { display: flex; justify-content: flex-end; align-items: center; } .personal-edit .to-personal-page__icon { width: 25px; transform: translateY(4px); } @media (max-width: 768px) { .personal-edit .to-personal-cabinet, .personal-edit .personal-edit__save, .personal-edit .to-personal-page { width: 50px; padding: 0; justify-content: center; border: 1px solid #eaeaea; } } .personal-edit .to-personal-cabinet, .personal-edit .personal-edit__save, .personal-edit .to-personal-page { transition: all 0.3s ease; display: flex; align-items: center; height: 50px; padding: 0 20px; font-size: 14px; letter-spacing: normal; text-align: left; color: #a3a3a3; } @media (max-width: 768px) { .personal-edit .to-personal-cabinet svg, .personal-edit .personal-edit__save svg, .personal-edit .to-personal-page svg { margin-right: 0; } } .personal-edit .to-personal-cabinet svg, .personal-edit .personal-edit__save svg, .personal-edit .to-personal-page svg { transition: all 0.3s ease; fill: rgb(163, 163, 163); margin-right: 15px; } .personal-edit .to-personal-cabinet:hover, .personal-edit .personal-edit__save:hover, .personal-edit .to-personal-page:hover { color: black; } .personal-edit .to-personal-cabinet:hover svg, .personal-edit .personal-edit__save:hover svg, .personal-edit .to-personal-page:hover svg { fill: black; } .personal-edit { /*end of bottom bar*/ } .date-filter__modal { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; position: fixed; padding-top: 20px; background: rgba(255, 255, 255, 0.95); z-index: 999; } .date-filter__modal .search-modal_close { display: flex; } .date-filter__modal .search-modal_close span { margin-left: auto; } @media all and (min-width: 767px) { .date-filter__modal .date-filter__inner { width: 560px; } } .date-filter__modal .date-filter__inner { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; } .date-filter__modal .date-filter__datepicker { border-radius: 10px; box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.05); background-color: #fff; padding: 35px 20px 20px; min-height: 350px; font-family: "Geometria"; } .date-filter__modal .date-filter__datepicker .ui-datepicker-header { text-align: center; } .date-filter__modal .date-filter__datepicker .ui-datepicker.ui-widget { max-width: 100%; } .date-filter__modal .date-filter__datepicker .ui-datepicker-title { font-size: 26px; line-height: 1; color: #000; font-family: "Praho Pro"; text-transform: none; } .date-filter__modal .date-filter__datepicker .ui-datepicker th { font-size: 14px; padding: 14px 0 0; color: #000; text-transform: capitalize; } .date-filter__modal .date-filter__datepicker .ui-datepicker tr:first-child td { padding-top: 16px; } .date-filter__modal .date-filter__datepicker .ui-datepicker thead { border-bottom: none; } .date-filter__modal .date-filter__datepicker .ui-state-default { font-size: 12px; color: #000; width: 30px; height: 30px; line-height: 32px; padding-left: 1px; margin: 6px auto; } .date-filter__modal .date-filter__datepicker .ui-state-default:hover { background-color: #000; color: white; } .date-filter__modal .date-filter__datepicker .ui-datepicker-unselectable, .date-filter__modal .date-filter__datepicker .ui-datepicker-unselectable.ui-state-disabled { text-decoration: none; font-size: 12px; color: #767676; opacity: 0.5; } .date-filter__modal .date-filter__datepicker .ui-datepicker-next { top: 6px; right: 22px; padding: 8px; } .date-filter__modal .date-filter__datepicker .ui-datepicker-prev { top: 6px; left: 22px; padding: 8px; } .date-filter__modal .date-filter__datepicker .ui-datepicker-next span, .date-filter__modal .date-filter__datepicker .ui-datepicker-prev span { width: 90px; height: 10px; } .date-filter__modal .date-filter__datepicker .ui-datepicker-next span { background: url("/img/svg/long-right-arrow.svg") center/contain no-repeat; } .date-filter__modal .date-filter__datepicker .ui-datepicker-prev span { background: url("/img/svg/long-left-arrow.svg") center/contain no-repeat; } .date-filter__modal .date-filter__datepicker .highlight a { background-color: #29283b; color: white; } .date-filter__button { position: relative; margin-top: 35px; text-transform: uppercase; border-bottom: 1px solid transparent; transition: all 0.3s; vertical-align: top; display: inline-block; height: 19px; } .date-filter__button-text, .date-filter__button-date { height: 19px; display: inline-block; vertical-align: top; } @media all and (min-width: 767px) { .date-filter__button:hover { border-bottom: 1px solid #000; } } .date-filter__info { display: flex; justify-content: center; align-items: baseline; } @media all and (min-width: 767px) { .date-filter__info { justify-content: flex-end; } } .date-filter__button-date { margin: 0 5px; border-bottom: 1px solid #000; } .date-filter__input { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; } .date-filter__label { color: #767676; } .date-filter__counter { font-family: "Praho Pro"; text-decoration: underline; } @media (min-width: 1px) and (max-width: 539px) { .filter_no-results { text-align: left; margin-top: 40px; } } .filter_no-results { text-align: center; color: #333744; font-size: 16px; line-height: 28px; } .filter_no-results .filter_go-back { margin-top: 40px; font-size: 14px; font-weight: 300; text-transform: uppercase; color: #8C8C8C; } .tagged-news { padding-bottom: 50px; } .page_all-members .blog-nav { margin-top: 0; margin-bottom: 25px; text-align: center; } .page_all-members .all-members { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 50px; margin-bottom: 50px; } @media (max-width: 1000px) { .page_all-members .all-members { grid-template-columns: repeat(2, minmax(calc(50% - 25px), 1fr)); grid-gap: 25px; } } .page_all-members .all-members .member-card { overflow: hidden; } .page_all-members .all-members .member-logo { background-color: #f8f8f8; position: relative; padding-bottom: 133.3333333333%; } .page_all-members .all-members .member-image { display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .page_all-members .all-members .member-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .page_all-members .all-members-more .mod_processing { animation: process-more 0.6s linear infinite; } @keyframes process-more { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } .page_guides, .page_consultation, .page_bachelorette, .page_workshop { --h1-size: 36px; --h2-size: 28px; --text-size: 15px; --text-line-height: 22px; --text-color: #333744; } @media (min-width: 1240px) { .page_guides, .page_consultation, .page_bachelorette, .page_workshop { --h1-size: 48px; --h2-size: 36px; --text-size: 16px; --text-line-height: 28px; } } .page_guides, .page_consultation, .page_bachelorette, .page_workshop { overflow-x: hidden; } .page_guides h1, .page_guides h2, .page_consultation h1, .page_consultation h2, .page_bachelorette h1, .page_bachelorette h2, .page_workshop h1, .page_workshop h2 { margin-top: 0; } .page_guides .guides, .page_guides .consultation, .page_guides .bachelorette, .page_consultation .guides, .page_consultation .consultation, .page_consultation .bachelorette, .page_bachelorette .guides, .page_bachelorette .consultation, .page_bachelorette .bachelorette, .page_workshop .guides, .page_workshop .consultation, .page_workshop .bachelorette { background: linear-gradient(#FFFFFF, #EDEDED); } .page_guides .title-2, .page_consultation .title-2, .page_bachelorette .title-2, .page_workshop .title-2 { font-family: "Praho Pro"; font-size: var(--h2-size); line-height: 1.2; color: var(--text-color); } .page_guides .guides-btn, .page_consultation .guides-btn, .page_bachelorette .guides-btn, .page_workshop .guides-btn { background: none; border: 1px solid; text-transform: uppercase; font-size: 14px; line-height: 28px; color: black; width: 230px; height: 60px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .page_guides .guides-btn:hover, .page_consultation .guides-btn:hover, .page_bachelorette .guides-btn:hover, .page_workshop .guides-btn:hover { background: black; color: white; } .page_guides .guides-image-wrapper, .page_consultation .guides-image-wrapper, .page_bachelorette .guides-image-wrapper, .page_workshop .guides-image-wrapper { position: relative; background-color: #f8f8f8; } .page_guides .guides-image, .page_consultation .guides-image, .page_bachelorette .guides-image, .page_workshop .guides-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .page_guides .guides-title, .page_consultation .guides-title, .page_bachelorette .guides-title, .page_workshop .guides-title { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 144px; padding-top: 50px; padding-bottom: 50px; height: calc(100vh - 50px); margin-bottom: 50px; align-items: center; } @media (max-width: 1239px) { .page_guides .guides-title, .page_consultation .guides-title, .page_bachelorette .guides-title, .page_workshop .guides-title { margin-bottom: 0; height: auto; grid-template-columns: 1fr; grid-gap: 38px; padding-top: 43px; padding-bottom: 118px; } } @media (max-width: 1239px) { .page_guides .guides-title .guides-title_text, .page_consultation .guides-title .guides-title_text, .page_bachelorette .guides-title .guides-title_text, .page_workshop .guides-title .guides-title_text { text-align: center; } } .page_guides .guides-title .guides-title_text .category, .page_consultation .guides-title .guides-title_text .category, .page_bachelorette .guides-title .guides-title_text .category, .page_workshop .guides-title .guides-title_text .category { font-size: 12px; line-height: 14px; letter-spacing: 0.2em; text-transform: uppercase; color: #828282; margin-bottom: 6px; } @media (max-width: 1239px) { .page_guides .guides-title .guides-title_text .category, .page_consultation .guides-title .guides-title_text .category, .page_bachelorette .guides-title .guides-title_text .category, .page_workshop .guides-title .guides-title_text .category { margin-bottom: 3px; } } .page_guides .guides-title .guides-title_text .title, .page_consultation .guides-title .guides-title_text .title, .page_bachelorette .guides-title .guides-title_text .title, .page_workshop .guides-title .guides-title_text .title { font-family: "Praho Pro"; font-size: var(--h1-size); line-height: 1.2; color: #000000; margin-bottom: 38px; } @media (max-width: 1239px) { .page_guides .guides-title .guides-title_text .title, .page_consultation .guides-title .guides-title_text .title, .page_bachelorette .guides-title .guides-title_text .title, .page_workshop .guides-title .guides-title_text .title { margin-bottom: 19px; } } .page_guides .guides-title .guides-title_text .description, .page_consultation .guides-title .guides-title_text .description, .page_bachelorette .guides-title .guides-title_text .description, .page_workshop .guides-title .guides-title_text .description { max-width: 450px; margin-bottom: 38px; font-size: var(--text-size); line-height: var(--text-line-height); color: var(--text-color); } @media (max-width: 1239px) { .page_guides .guides-title .guides-title_text .description, .page_consultation .guides-title .guides-title_text .description, .page_bachelorette .guides-title .guides-title_text .description, .page_workshop .guides-title .guides-title_text .description { margin-bottom: 28px; } } @media (max-width: 1239px) { .page_guides .guides-title .guides-title_text .buy, .page_consultation .guides-title .guides-title_text .buy, .page_bachelorette .guides-title .guides-title_text .buy, .page_workshop .guides-title .guides-title_text .buy { margin: 0 auto; } } @media (max-width: 1239px) { .page_guides .guides-title .guides-title_photos, .page_consultation .guides-title .guides-title_photos, .page_bachelorette .guides-title .guides-title_photos, .page_workshop .guides-title .guides-title_photos { order: -1; } } .page_guides .guides-title .guides-title_photos .photo-wrapper, .page_consultation .guides-title .guides-title_photos .photo-wrapper, .page_bachelorette .guides-title .guides-title_photos .photo-wrapper, .page_workshop .guides-title .guides-title_photos .photo-wrapper { background: transparent; padding-bottom: 108.5257548845%; } .page_guides .guides-inside .guides-inside_container, .page_consultation .guides-inside .guides-inside_container, .page_bachelorette .guides-inside .guides-inside_container, .page_workshop .guides-inside .guides-inside_container { position: relative; } .page_guides .guides-inside .guides-inside_left, .page_guides .guides-inside .guides-inside_right, .page_consultation .guides-inside .guides-inside_left, .page_consultation .guides-inside .guides-inside_right, .page_bachelorette .guides-inside .guides-inside_left, .page_bachelorette .guides-inside .guides-inside_right, .page_workshop .guides-inside .guides-inside_left, .page_workshop .guides-inside .guides-inside_right { position: absolute; z-index: 20; height: 450px; width: 300px; top: 70px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); cursor: pointer; opacity: 0; transition: all 0.3s ease; } .page_guides .guides-inside .guides-inside_left:hover, .page_guides .guides-inside .guides-inside_right:hover, .page_consultation .guides-inside .guides-inside_left:hover, .page_consultation .guides-inside .guides-inside_right:hover, .page_bachelorette .guides-inside .guides-inside_left:hover, .page_bachelorette .guides-inside .guides-inside_right:hover, .page_workshop .guides-inside .guides-inside_left:hover, .page_workshop .guides-inside .guides-inside_right:hover { opacity: 1; } @media (max-width: 1239px) { .page_guides .guides-inside .guides-inside_left, .page_guides .guides-inside .guides-inside_right, .page_consultation .guides-inside .guides-inside_left, .page_consultation .guides-inside .guides-inside_right, .page_bachelorette .guides-inside .guides-inside_left, .page_bachelorette .guides-inside .guides-inside_right, .page_workshop .guides-inside .guides-inside_left, .page_workshop .guides-inside .guides-inside_right { display: none; } } .page_guides .guides-inside .guides-inside_left.disabled, .page_guides .guides-inside .guides-inside_right.disabled, .page_consultation .guides-inside .guides-inside_left.disabled, .page_consultation .guides-inside .guides-inside_right.disabled, .page_bachelorette .guides-inside .guides-inside_left.disabled, .page_bachelorette .guides-inside .guides-inside_right.disabled, .page_workshop .guides-inside .guides-inside_left.disabled, .page_workshop .guides-inside .guides-inside_right.disabled { opacity: 0 !important; } .page_guides .guides-inside .guides-inside_left, .page_consultation .guides-inside .guides-inside_left, .page_bachelorette .guides-inside .guides-inside_left, .page_workshop .guides-inside .guides-inside_left { left: 0; } .page_guides .guides-inside .guides-inside_right, .page_consultation .guides-inside .guides-inside_right, .page_bachelorette .guides-inside .guides-inside_right, .page_workshop .guides-inside .guides-inside_right { right: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.5) 100%); } .page_guides .guides-inside .guides-inside_list-control, .page_consultation .guides-inside .guides-inside_list-control, .page_bachelorette .guides-inside .guides-inside_list-control, .page_workshop .guides-inside .guides-inside_list-control { width: 100%; } @media (max-width: 1239px) { .page_guides .guides-inside .guides-inside_list-control, .page_consultation .guides-inside .guides-inside_list-control, .page_bachelorette .guides-inside .guides-inside_list-control, .page_workshop .guides-inside .guides-inside_list-control { display: none; } } .page_guides .guides-inside .guides-inside_list-control .slider, .page_consultation .guides-inside .guides-inside_list-control .slider, .page_bachelorette .guides-inside .guides-inside_list-control .slider, .page_workshop .guides-inside .guides-inside_list-control .slider { -webkit-appearance: none; /* Override default CSS styles */ -moz-appearance: none; appearance: none; width: 100%; /* Full-width */ height: 1px; /* Specified height */ background: #ADADAD; /* Grey background */ outline: none; /* Remove outline */ opacity: 1; /* Set transparency (for mouse-over effects on hover) */ /* 0.2 seconds transition on hover */ transition: opacity 0.2s; } .page_guides .guides-inside .guides-inside_list-control, .page_consultation .guides-inside .guides-inside_list-control, .page_bachelorette .guides-inside .guides-inside_list-control, .page_workshop .guides-inside .guides-inside_list-control { /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ } .page_guides .guides-inside .guides-inside_list-control .slider::-webkit-slider-thumb, .page_consultation .guides-inside .guides-inside_list-control .slider::-webkit-slider-thumb, .page_bachelorette .guides-inside .guides-inside_list-control .slider::-webkit-slider-thumb, .page_workshop .guides-inside .guides-inside_list-control .slider::-webkit-slider-thumb { -webkit-appearance: none; /* Override default look */ appearance: none; width: 9px; height: 9px; border-radius: 100%; background: #000000; /* Green background */ cursor: pointer; /* Cursor on hover */ } .page_guides .guides-inside .guides-inside_list-control .slider::-moz-range-thumb, .page_consultation .guides-inside .guides-inside_list-control .slider::-moz-range-thumb, .page_bachelorette .guides-inside .guides-inside_list-control .slider::-moz-range-thumb, .page_workshop .guides-inside .guides-inside_list-control .slider::-moz-range-thumb { width: 9px; height: 9px; border-radius: 100%; background: #000000; /* Green background */ cursor: pointer; /* Cursor on hover */ } .page_guides .guides-inside .title, .page_consultation .guides-inside .title, .page_bachelorette .guides-inside .title, .page_workshop .guides-inside .title { font-family: "Praho Pro"; font-size: var(--h2-size); line-height: 1.2; color: var(--text-color); } .page_guides .guides-inside .guides-inside_list, .page_consultation .guides-inside .guides-inside_list, .page_bachelorette .guides-inside .guides-inside_list, .page_workshop .guides-inside .guides-inside_list { padding: 70px 0 44px; display: flex; overflow-y: scroll; } @media (max-width: 1239px) { .page_guides .guides-inside .guides-inside_list, .page_consultation .guides-inside .guides-inside_list, .page_bachelorette .guides-inside .guides-inside_list, .page_workshop .guides-inside .guides-inside_list { padding: 51px 0 64px; } } .page_guides .guides-inside .guides-inside_card.mod_placeholder, .page_consultation .guides-inside .guides-inside_card.mod_placeholder, .page_bachelorette .guides-inside .guides-inside_card.mod_placeholder, .page_workshop .guides-inside .guides-inside_card.mod_placeholder { background-color: transparent; flex: 0 0 calc((100% - 1240px) / 2); min-width: calc((100% - 1240px) / 2); padding: 0; } @media (max-width: 1239px) { .page_guides .guides-inside .guides-inside_card.mod_placeholder, .page_consultation .guides-inside .guides-inside_card.mod_placeholder, .page_bachelorette .guides-inside .guides-inside_card.mod_placeholder, .page_workshop .guides-inside .guides-inside_card.mod_placeholder { flex: 0 0 1px; width: 1px; min-width: 1px; padding: 0; } } .page_guides .guides-inside .guides-inside_card, .page_consultation .guides-inside .guides-inside_card, .page_bachelorette .guides-inside .guides-inside_card, .page_workshop .guides-inside .guides-inside_card { margin-right: 21px; border-radius: 10px; overflow: hidden; width: 278px; height: 480px; min-width: 278px; padding: 24px; display: flex; flex-direction: column; } .page_guides .guides-inside .guides-inside_card .card-content, .page_consultation .guides-inside .guides-inside_card .card-content, .page_bachelorette .guides-inside .guides-inside_card .card-content, .page_workshop .guides-inside .guides-inside_card .card-content { margin-top: auto; color: #FFFFFF; padding: 25px; display: flex; flex-direction: column; justify-content: flex-end; z-index: 10; background: rgba(196, 196, 196, 0.1); backdrop-filter: blur(28px); border-radius: 10px; transition: opacity 0.4s; } .page_guides .guides-inside .guides-inside_card .card-title, .page_consultation .guides-inside .guides-inside_card .card-title, .page_bachelorette .guides-inside .guides-inside_card .card-title, .page_workshop .guides-inside .guides-inside_card .card-title { font-family: "Praho Pro"; font-weight: bold; font-size: 20px; line-height: 1.2; margin-bottom: 15px; } @media (max-width: 1239px) { .page_guides .guides-inside .guides-inside_card .card-title, .page_consultation .guides-inside .guides-inside_card .card-title, .page_bachelorette .guides-inside .guides-inside_card .card-title, .page_workshop .guides-inside .guides-inside_card .card-title { margin-bottom: 6px; } } .page_guides .guides-inside .guides-inside_card .card-description, .page_consultation .guides-inside .guides-inside_card .card-description, .page_bachelorette .guides-inside .guides-inside_card .card-description, .page_workshop .guides-inside .guides-inside_card .card-description { font-size: 14px; line-height: 22px; } .page_guides .guides-inside .guides-inside_info-line, .page_consultation .guides-inside .guides-inside_info-line, .page_bachelorette .guides-inside .guides-inside_info-line, .page_workshop .guides-inside .guides-inside_info-line { width: 100%; margin-left: auto; position: relative; background: #ADADAD; height: 1px; display: none; background: linear-gradient(90deg, transparent 30%, #ADADAD 30%, #ADADAD 100%); } @media (max-width: 1239px) { .page_guides .guides-inside .guides-inside_info-line, .page_consultation .guides-inside .guides-inside_info-line, .page_bachelorette .guides-inside .guides-inside_info-line, .page_workshop .guides-inside .guides-inside_info-line { display: block; background: linear-gradient(90deg, transparent 50%, #ADADAD 50%, #ADADAD 100%); } } .page_guides .guides-inside .guides-inside_info-line .dot, .page_consultation .guides-inside .guides-inside_info-line .dot, .page_bachelorette .guides-inside .guides-inside_info-line .dot, .page_workshop .guides-inside .guides-inside_info-line .dot { width: 9px; height: 9px; position: absolute; left: 50%; top: 50%; background: black; border-radius: 100%; transform: translate(-50%, -50%); } .page_guides .guides-inside .guides-inside_info-nums, .page_consultation .guides-inside .guides-inside_info-nums, .page_bachelorette .guides-inside .guides-inside_info-nums, .page_workshop .guides-inside .guides-inside_info-nums { padding-top: 25px; text-align: center; font-size: 24px; line-height: 22px; color: black; display: none; } @media (max-width: 1239px) { .page_guides .guides-inside .guides-inside_info-nums, .page_consultation .guides-inside .guides-inside_info-nums, .page_bachelorette .guides-inside .guides-inside_info-nums, .page_workshop .guides-inside .guides-inside_info-nums { display: block; font-size: 10px; padding-top: 12px; } } .page_guides .vertical-line-1, .page_guides .vertical-line-2, .page_consultation .vertical-line-1, .page_consultation .vertical-line-2, .page_bachelorette .vertical-line-1, .page_bachelorette .vertical-line-2, .page_workshop .vertical-line-1, .page_workshop .vertical-line-2 { position: fixed; top: 0; bottom: 0; background: red; z-index: 200; width: 50px; opacity: 0.6; } .page_guides .vertical-line-1, .page_consultation .vertical-line-1, .page_bachelorette .vertical-line-1, .page_workshop .vertical-line-1 { left: 50%; transform: translate(-50%); } .page_guides .guides-about, .page_consultation .guides-about, .page_bachelorette .guides-about, .page_workshop .guides-about { padding: 110px 0 230px; } @media (max-width: 1239px) { .page_guides .guides-about, .page_consultation .guides-about, .page_bachelorette .guides-about, .page_workshop .guides-about { padding: 63px 0 85px; } } @media all and (min-width: 1240px) { .page_guides .guides-about .guides-image-wrapper, .page_consultation .guides-about .guides-image-wrapper, .page_bachelorette .guides-about .guides-image-wrapper, .page_workshop .guides-about .guides-image-wrapper { background-color: transparent; } } @media all and (min-width: 1240px) { .page_guides .guides-about .guides-image, .page_consultation .guides-about .guides-image, .page_bachelorette .guides-about .guides-image, .page_workshop .guides-about .guides-image { position: relative; height: auto; -o-object-fit: contain; object-fit: contain; } } .page_guides .guides-about .title, .page_consultation .guides-about .title, .page_bachelorette .guides-about .title, .page_workshop .guides-about .title { font-family: "Praho Pro"; font-size: var(--h2-size); line-height: 120%; margin-bottom: 45px; } @media (max-width: 1239px) { .page_guides .guides-about .title, .page_consultation .guides-about .title, .page_bachelorette .guides-about .title, .page_workshop .guides-about .title { margin-bottom: 16px; } } .page_guides .guides-about .description, .page_consultation .guides-about .description, .page_bachelorette .guides-about .description, .page_workshop .guides-about .description { font-size: var(--text-size); line-height: var(--text-line-height); color: var(--text-color); } .page_guides .guides-about .guides-about_authors, .page_guides .guides-about .guides-about_for, .page_consultation .guides-about .guides-about_authors, .page_consultation .guides-about .guides-about_for, .page_bachelorette .guides-about .guides-about_authors, .page_bachelorette .guides-about .guides-about_for, .page_workshop .guides-about .guides-about_authors, .page_workshop .guides-about .guides-about_for { display: grid; grid-template-columns: 1fr 1fr; align-items: center; } @media (max-width: 1239px) { .page_guides .guides-about .guides-about_authors, .page_guides .guides-about .guides-about_for, .page_consultation .guides-about .guides-about_authors, .page_consultation .guides-about .guides-about_for, .page_bachelorette .guides-about .guides-about_authors, .page_bachelorette .guides-about .guides-about_for, .page_workshop .guides-about .guides-about_authors, .page_workshop .guides-about .guides-about_for { align-items: flex-start; } } .page_guides .guides-about .guides-about_authors, .page_consultation .guides-about .guides-about_authors, .page_bachelorette .guides-about .guides-about_authors, .page_workshop .guides-about .guides-about_authors { grid-gap: 90px; margin-bottom: 118px; } @media (max-width: 1239px) { .page_guides .guides-about .guides-about_authors, .page_consultation .guides-about .guides-about_authors, .page_bachelorette .guides-about .guides-about_authors, .page_workshop .guides-about .guides-about_authors { grid-template-columns: 2fr 3fr; grid-gap: 18px; margin-bottom: 118px; } } @media all and (min-width: 1240px) { .page_guides .guides-about .guides-about_authors, .page_consultation .guides-about .guides-about_authors, .page_bachelorette .guides-about .guides-about_authors, .page_workshop .guides-about .guides-about_authors { grid-gap: 40px; } } .page_guides .guides-about .guides-about_authors .guides-about_photo, .page_consultation .guides-about .guides-about_authors .guides-about_photo, .page_bachelorette .guides-about .guides-about_authors .guides-about_photo, .page_workshop .guides-about .guides-about_authors .guides-about_photo { padding-bottom: 106.4777327935%; } @media (max-width: 1239px) { .page_guides .guides-about .guides-about_authors .guides-about_photo, .page_consultation .guides-about .guides-about_authors .guides-about_photo, .page_bachelorette .guides-about .guides-about_authors .guides-about_photo, .page_workshop .guides-about .guides-about_authors .guides-about_photo { padding-bottom: 208.4507042254%; order: -1; transform: translateX(-20px); } } @media all and (min-width: 1240px) { .page_guides .guides-about .guides-about_authors .guides-about_photo, .page_consultation .guides-about .guides-about_authors .guides-about_photo, .page_bachelorette .guides-about .guides-about_authors .guides-about_photo, .page_workshop .guides-about .guides-about_authors .guides-about_photo { padding-bottom: 0; } } @media (max-width: 1239px) { .page_guides .guides-about .guides-about_authors .guides-about_photo .guides-image, .page_consultation .guides-about .guides-about_authors .guides-about_photo .guides-image, .page_bachelorette .guides-about .guides-about_authors .guides-about_photo .guides-image, .page_workshop .guides-about .guides-about_authors .guides-about_photo .guides-image { -o-object-position: right; object-position: right; } } .page_guides .guides-about .guides-about_for, .page_consultation .guides-about .guides-about_for, .page_bachelorette .guides-about .guides-about_for, .page_workshop .guides-about .guides-about_for { grid-gap: 167px; } @media (max-width: 1239px) { .page_guides .guides-about .guides-about_for, .page_consultation .guides-about .guides-about_for, .page_bachelorette .guides-about .guides-about_for, .page_workshop .guides-about .guides-about_for { grid-gap: 8px; grid-template-columns: 3fr 2fr; } } @media all and (min-width: 1240px) { .page_guides .guides-about .guides-about_for, .page_consultation .guides-about .guides-about_for, .page_bachelorette .guides-about .guides-about_for, .page_workshop .guides-about .guides-about_for { grid-gap: 40px; } } .page_guides .guides-about .guides-about_for .guides-about_photo, .page_consultation .guides-about .guides-about_for .guides-about_photo, .page_bachelorette .guides-about .guides-about_for .guides-about_photo, .page_workshop .guides-about .guides-about_for .guides-about_photo { padding-bottom: 110.7438016529%; } @media (max-width: 1239px) { .page_guides .guides-about .guides-about_for .guides-about_photo, .page_consultation .guides-about .guides-about_for .guides-about_photo, .page_bachelorette .guides-about .guides-about_for .guides-about_photo, .page_workshop .guides-about .guides-about_for .guides-about_photo { padding-bottom: 184.8101265823%; order: 1; transform: translateX(20px); } } @media all and (min-width: 1240px) { .page_guides .guides-about .guides-about_for .guides-about_photo, .page_consultation .guides-about .guides-about_for .guides-about_photo, .page_bachelorette .guides-about .guides-about_for .guides-about_photo, .page_workshop .guides-about .guides-about_for .guides-about_photo { padding-bottom: 0; } } @media (max-width: 1239px) { .page_guides .guides-about .guides-about_for .guides-about_photo .guides-image, .page_consultation .guides-about .guides-about_for .guides-about_photo .guides-image, .page_bachelorette .guides-about .guides-about_for .guides-about_photo .guides-image, .page_workshop .guides-about .guides-about_for .guides-about_photo .guides-image { -o-object-position: right; object-position: right; } } .page_guides .guides-about .guides-about_for .text, .page_consultation .guides-about .guides-about_for .text, .page_bachelorette .guides-about .guides-about_for .text, .page_workshop .guides-about .guides-about_for .text { margin-bottom: 20px; position: relative; } @media (max-width: 1239px) { .page_guides .guides-about .guides-about_for .text, .page_consultation .guides-about .guides-about_for .text, .page_bachelorette .guides-about .guides-about_for .text, .page_workshop .guides-about .guides-about_for .text { padding-top: 24px; margin-bottom: 60px; } } .page_guides .guides-about .guides-about_for .text:before, .page_consultation .guides-about .guides-about_for .text:before, .page_bachelorette .guides-about .guides-about_for .text:before, .page_workshop .guides-about .guides-about_for .text:before { content: ""; display: block; position: absolute; left: -30px; width: 30px; height: 1px; background-color: black; transform: translateX(-100%) translateY(12px); } @media (max-width: 1239px) { .page_guides .guides-about .guides-about_for .text:before, .page_consultation .guides-about .guides-about_for .text:before, .page_bachelorette .guides-about .guides-about_for .text:before, .page_workshop .guides-about .guides-about_for .text:before { top: 0; background-color: rgba(0, 0, 0, 0.3); left: 0; transform: none; width: 81px; } } @media (max-width: 1239px) { .page_guides .guides-about .guides-about_content .title, .page_consultation .guides-about .guides-about_content .title, .page_bachelorette .guides-about .guides-about_content .title, .page_workshop .guides-about .guides-about_content .title { margin-bottom: 47px !important; } } .page_guides .guides-format, .page_consultation .guides-format, .page_bachelorette .guides-format, .page_workshop .guides-format { border-bottom: 1px solid #eaeaea; margin-bottom: -188px; } @media (max-width: 1239px) { .page_guides .guides-format, .page_consultation .guides-format, .page_bachelorette .guides-format, .page_workshop .guides-format { border-bottom: none; margin-bottom: -28px; } } .page_guides .guides-format hr, .page_consultation .guides-format hr, .page_bachelorette .guides-format hr, .page_workshop .guides-format hr { top: -142px; position: relative; } @media (max-width: 1239px) { .page_guides .guides-format hr, .page_consultation .guides-format hr, .page_bachelorette .guides-format hr, .page_workshop .guides-format hr { display: none; } } .page_guides .guides-format .guides-format_heading, .page_consultation .guides-format .guides-format_heading, .page_bachelorette .guides-format .guides-format_heading, .page_workshop .guides-format .guides-format_heading { display: grid; grid-template-columns: max-content minmax(auto, 180px) minmax(auto, 520px); align-items: baseline; margin-bottom: 100px; } @media (max-width: 1239px) { .page_guides .guides-format .guides-format_heading, .page_consultation .guides-format .guides-format_heading, .page_bachelorette .guides-format .guides-format_heading, .page_workshop .guides-format .guides-format_heading { display: block; text-align: left; } } .page_guides .guides-format .guides-format_heading .title, .page_consultation .guides-format .guides-format_heading .title, .page_bachelorette .guides-format .guides-format_heading .title, .page_workshop .guides-format .guides-format_heading .title { font-family: "Praho Pro"; font-size: var(--h2-size); color: var(--text-color); margin: 0; } .page_guides .guides-format .guides-format_heading .decor, .page_consultation .guides-format .guides-format_heading .decor, .page_bachelorette .guides-format .guides-format_heading .decor, .page_workshop .guides-format .guides-format_heading .decor { margin: 0 36px 0 46px; height: 1px; background-color: black; color: transparent; font-size: var(--text-size); line-height: 0; } @media (max-width: 1239px) { .page_guides .guides-format .guides-format_heading .decor, .page_consultation .guides-format .guides-format_heading .decor, .page_bachelorette .guides-format .guides-format_heading .decor, .page_workshop .guides-format .guides-format_heading .decor { display: none; } } .page_guides .guides-format .guides-format_heading .description, .page_consultation .guides-format .guides-format_heading .description, .page_bachelorette .guides-format .guides-format_heading .description, .page_workshop .guides-format .guides-format_heading .description { margin-top: 0; font-size: var(--text-size); line-height: var(--text-line-height); color: var(--text-color); } @media (max-width: 1239px) { .page_guides .guides-format .guides-format_heading .description, .page_consultation .guides-format .guides-format_heading .description, .page_bachelorette .guides-format .guides-format_heading .description, .page_workshop .guides-format .guides-format_heading .description { margin-top: 18px; } } .page_guides .guides-format .guides-format_decor, .page_consultation .guides-format .guides-format_decor, .page_bachelorette .guides-format .guides-format_decor, .page_workshop .guides-format .guides-format_decor { display: flex; align-items: center; justify-content: center; position: relative; z-index: 10; } .page_guides .guides-format .guides-format_decor .guides-format_section, .page_consultation .guides-format .guides-format_decor .guides-format_section, .page_bachelorette .guides-format .guides-format_decor .guides-format_section, .page_workshop .guides-format .guides-format_decor .guides-format_section { background: #FFFFFF; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15), inset 0px -1px 3px rgba(0, 0, 0, 0.15); border-radius: 56px; padding: 14px; margin: 0 70px 0; } @media (max-width: 1239px) { .page_guides .guides-format .guides-format_decor .guides-format_section, .page_consultation .guides-format .guides-format_decor .guides-format_section, .page_bachelorette .guides-format .guides-format_decor .guides-format_section, .page_workshop .guides-format .guides-format_decor .guides-format_section { margin: 0 20px 0; padding: 5px 8px 5px; } } .page_guides .guides-format .guides-format_decor .guides-format_section .inner, .page_consultation .guides-format .guides-format_decor .guides-format_section .inner, .page_bachelorette .guides-format .guides-format_decor .guides-format_section .inner, .page_workshop .guides-format .guides-format_decor .guides-format_section .inner { overflow: hidden; border-radius: inherit; position: relative; } .page_guides .guides-format .guides-format_decor .guides-format_section .description-container, .page_consultation .guides-format .guides-format_decor .guides-format_section .description-container, .page_bachelorette .guides-format .guides-format_decor .guides-format_section .description-container, .page_workshop .guides-format .guides-format_decor .guides-format_section .description-container { position: absolute; bottom: 22px; left: 0; width: 100%; padding: 0 8px; } .page_guides .guides-format .guides-format_decor .guides-format_section .format-description, .page_consultation .guides-format .guides-format_decor .guides-format_section .format-description, .page_bachelorette .guides-format .guides-format_decor .guides-format_section .format-description, .page_workshop .guides-format .guides-format_decor .guides-format_section .format-description { padding: 25px 29px; margin-left: 7px; margin-right: 7px; backdrop-filter: blur(27.47px); border-radius: 31px; color: white; } .page_guides .guides-format .guides-format_decor .guides-format_section .format-description .title h2, .page_consultation .guides-format .guides-format_decor .guides-format_section .format-description .title h2, .page_bachelorette .guides-format .guides-format_decor .guides-format_section .format-description .title h2, .page_workshop .guides-format .guides-format_decor .guides-format_section .format-description .title h2 { color: white; line-height: 1.1; } .page_guides .guides-format .guides-format_decor .guides-format_section .format-description .description, .page_consultation .guides-format .guides-format_decor .guides-format_section .format-description .description, .page_bachelorette .guides-format .guides-format_decor .guides-format_section .format-description .description, .page_workshop .guides-format .guides-format_decor .guides-format_section .format-description .description { font-size: 12px; font-weight: 300; margin-top: 20px; line-height: 17px; } .page_guides .guides-format .guides-format_decor .guides-format_section img, .page_consultation .guides-format .guides-format_decor .guides-format_section img, .page_bachelorette .guides-format .guides-format_decor .guides-format_section img, .page_workshop .guides-format .guides-format_decor .guides-format_section img { width: 100%; } .page_guides .guides-format .guides-format_decor .info-text-left, .page_consultation .guides-format .guides-format_decor .info-text-left, .page_bachelorette .guides-format .guides-format_decor .info-text-left, .page_workshop .guides-format .guides-format_decor .info-text-left { top: -90px; } @media (max-width: 1239px) { .page_guides .guides-format .guides-format_decor .info-text-left, .page_consultation .guides-format .guides-format_decor .info-text-left, .page_bachelorette .guides-format .guides-format_decor .info-text-left, .page_workshop .guides-format .guides-format_decor .info-text-left { top: -150px; } } .page_guides .guides-format .guides-format_decor .info-text-left .text, .page_consultation .guides-format .guides-format_decor .info-text-left .text, .page_bachelorette .guides-format .guides-format_decor .info-text-left .text, .page_workshop .guides-format .guides-format_decor .info-text-left .text { padding-bottom: 30px; } .page_guides .guides-format .guides-format_decor .info-text-right, .page_consultation .guides-format .guides-format_decor .info-text-right, .page_bachelorette .guides-format .guides-format_decor .info-text-right, .page_workshop .guides-format .guides-format_decor .info-text-right { top: -43px; } @media (max-width: 1239px) { .page_guides .guides-format .guides-format_decor .info-text-right, .page_consultation .guides-format .guides-format_decor .info-text-right, .page_bachelorette .guides-format .guides-format_decor .info-text-right, .page_workshop .guides-format .guides-format_decor .info-text-right { top: 60px; } } .page_guides .guides-format .guides-format_decor .info-text-right .text, .page_consultation .guides-format .guides-format_decor .info-text-right .text, .page_bachelorette .guides-format .guides-format_decor .info-text-right .text, .page_workshop .guides-format .guides-format_decor .info-text-right .text { padding-top: 20px; } .page_guides .guides-format .guides-format_decor .info-text-right-2, .page_consultation .guides-format .guides-format_decor .info-text-right-2, .page_bachelorette .guides-format .guides-format_decor .info-text-right-2, .page_workshop .guides-format .guides-format_decor .info-text-right-2 { top: 120px; left: -170px; } @media (max-width: 1239px) { .page_guides .guides-format .guides-format_decor .info-text-right-2, .page_consultation .guides-format .guides-format_decor .info-text-right-2, .page_bachelorette .guides-format .guides-format_decor .info-text-right-2, .page_workshop .guides-format .guides-format_decor .info-text-right-2 { top: 40px; left: 20px; } } .page_guides .guides-format .guides-format_decor .info-text-right-2 .text, .page_consultation .guides-format .guides-format_decor .info-text-right-2 .text, .page_bachelorette .guides-format .guides-format_decor .info-text-right-2 .text, .page_workshop .guides-format .guides-format_decor .info-text-right-2 .text { padding-top: 20px; } @media (max-width: 1239px) { .page_guides .guides-format .guides-format_decor .info-text-right-2.small, .page_consultation .guides-format .guides-format_decor .info-text-right-2.small, .page_bachelorette .guides-format .guides-format_decor .info-text-right-2.small, .page_workshop .guides-format .guides-format_decor .info-text-right-2.small { display: none; } } .page_guides .guides-format .guides-format_decor .info-text-right-2.large, .page_consultation .guides-format .guides-format_decor .info-text-right-2.large, .page_bachelorette .guides-format .guides-format_decor .info-text-right-2.large, .page_workshop .guides-format .guides-format_decor .info-text-right-2.large { display: none; } @media (max-width: 1239px) { .page_guides .guides-format .guides-format_decor .info-text-right-2.large, .page_consultation .guides-format .guides-format_decor .info-text-right-2.large, .page_bachelorette .guides-format .guides-format_decor .info-text-right-2.large, .page_workshop .guides-format .guides-format_decor .info-text-right-2.large { display: block; } } .page_guides .guides-format .guides-format_decor .info-text, .page_consultation .guides-format .guides-format_decor .info-text, .page_bachelorette .guides-format .guides-format_decor .info-text, .page_workshop .guides-format .guides-format_decor .info-text { font-weight: 300; font-size: 22px; line-height: 1.4; color: #000000; position: relative; } @media (max-width: 1239px) { .page_guides .guides-format .guides-format_decor .info-text, .page_consultation .guides-format .guides-format_decor .info-text, .page_bachelorette .guides-format .guides-format_decor .info-text, .page_workshop .guides-format .guides-format_decor .info-text { font-size: 14px; line-height: 22px; writing-mode: vertical-lr; text-orientation: mixed; transform: rotate(180deg); } .page_guides .guides-format .guides-format_decor .info-text br, .page_consultation .guides-format .guides-format_decor .info-text br, .page_bachelorette .guides-format .guides-format_decor .info-text br, .page_workshop .guides-format .guides-format_decor .info-text br { display: none; } } .page_guides .guides-format .guides-format_decor .info-text .curve-decor, .page_guides .guides-format .guides-format_decor .info-text .curve-decor-mob, .page_consultation .guides-format .guides-format_decor .info-text .curve-decor, .page_consultation .guides-format .guides-format_decor .info-text .curve-decor-mob, .page_bachelorette .guides-format .guides-format_decor .info-text .curve-decor, .page_bachelorette .guides-format .guides-format_decor .info-text .curve-decor-mob, .page_workshop .guides-format .guides-format_decor .info-text .curve-decor, .page_workshop .guides-format .guides-format_decor .info-text .curve-decor-mob { position: absolute; } @media (max-width: 1239px) { .page_guides .guides-format .guides-format_decor .info-text .curve-decor, .page_consultation .guides-format .guides-format_decor .info-text .curve-decor, .page_bachelorette .guides-format .guides-format_decor .info-text .curve-decor, .page_workshop .guides-format .guides-format_decor .info-text .curve-decor { display: none; } } @media all and (min-width: 1240px) { .page_guides .guides-format .guides-format_decor .info-text .curve-decor-mob, .page_consultation .guides-format .guides-format_decor .info-text .curve-decor-mob, .page_bachelorette .guides-format .guides-format_decor .info-text .curve-decor-mob, .page_workshop .guides-format .guides-format_decor .info-text .curve-decor-mob { display: none; } } .page_guides .guides-format .guides-format_decor .info-text .curve-decor.mod_left, .page_consultation .guides-format .guides-format_decor .info-text .curve-decor.mod_left, .page_bachelorette .guides-format .guides-format_decor .info-text .curve-decor.mod_left, .page_workshop .guides-format .guides-format_decor .info-text .curve-decor.mod_left { left: 50%; } .page_guides .guides-format .guides-format_decor .info-text .curve-decor.mod_right, .page_consultation .guides-format .guides-format_decor .info-text .curve-decor.mod_right, .page_bachelorette .guides-format .guides-format_decor .info-text .curve-decor.mod_right, .page_workshop .guides-format .guides-format_decor .info-text .curve-decor.mod_right { top: 0; left: 0; transform: translate(-80%, -100%); } .page_guides .guides-format .guides-format_decor .info-text .curve-decor-mob.mod_left, .page_consultation .guides-format .guides-format_decor .info-text .curve-decor-mob.mod_left, .page_bachelorette .guides-format .guides-format_decor .info-text .curve-decor-mob.mod_left, .page_workshop .guides-format .guides-format_decor .info-text .curve-decor-mob.mod_left { bottom: calc(100% + 10px); right: 50%; } .page_guides .guides-format .guides-format_decor .info-text .curve-decor-mob.mod_right, .page_consultation .guides-format .guides-format_decor .info-text .curve-decor-mob.mod_right, .page_bachelorette .guides-format .guides-format_decor .info-text .curve-decor-mob.mod_right, .page_workshop .guides-format .guides-format_decor .info-text .curve-decor-mob.mod_right { top: calc(100% + 10px); left: 50%; transform: translateX(-3px); } .page_guides .guides-format .guides-format_buy, .page_consultation .guides-format .guides-format_buy, .page_bachelorette .guides-format .guides-format_buy, .page_workshop .guides-format .guides-format_buy { position: relative; top: -200px; background: #FFFFFF; backdrop-filter: blur(36.4667px); border-radius: 31px; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15), inset 0px -1px 3px rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: -moz-fit-content; width: fit-content; margin: 0 auto; min-height: 689px; padding: 100px 100px 80px; } @media (max-width: 1239px) { .page_guides .guides-format .guides-format_buy, .page_consultation .guides-format .guides-format_buy, .page_bachelorette .guides-format .guides-format_buy, .page_workshop .guides-format .guides-format_buy { max-width: 355px; width: 100%; min-height: 455px; padding: 45px 55px 60px; top: -80px; } } .page_guides .guides-format .guides-format_buy .guides-format_price, .page_consultation .guides-format .guides-format_buy .guides-format_price, .page_bachelorette .guides-format .guides-format_buy .guides-format_price, .page_workshop .guides-format .guides-format_buy .guides-format_price { font-size: 59px; text-align: center; color: #000000; } @media (max-width: 1239px) { .page_guides .guides-format .guides-format_buy .guides-format_price, .page_consultation .guides-format .guides-format_buy .guides-format_price, .page_bachelorette .guides-format .guides-format_buy .guides-format_price, .page_workshop .guides-format .guides-format_buy .guides-format_price { font-size: 34px; line-height: 22px; } } .page_guides .guides-format .guides-format_buy .guides-format_btn, .page_consultation .guides-format .guides-format_buy .guides-format_btn, .page_bachelorette .guides-format .guides-format_buy .guides-format_btn, .page_workshop .guides-format .guides-format_buy .guides-format_btn { margin: 20px 0 69px; } @media (max-width: 1239px) { .page_guides .guides-format .guides-format_buy .guides-format_btn, .page_consultation .guides-format .guides-format_buy .guides-format_btn, .page_bachelorette .guides-format .guides-format_buy .guides-format_btn, .page_workshop .guides-format .guides-format_buy .guides-format_btn { margin: 28px 0 42px; } } .page_guides .guides-format .guides-format_buy .guides-format_info, .page_consultation .guides-format .guides-format_buy .guides-format_info, .page_bachelorette .guides-format .guides-format_buy .guides-format_info, .page_workshop .guides-format .guides-format_buy .guides-format_info { font-size: var(--text-size); line-height: var(--text-line-height); font-weight: 300; max-width: 380px; text-align: center; color: #000000; } .page_guides .guides-buy-popup .popup-content, .page_guides .guides-request-success .popup-content, .page_consultation .guides-buy-popup .popup-content, .page_consultation .guides-request-success .popup-content, .page_bachelorette .guides-buy-popup .popup-content, .page_bachelorette .guides-request-success .popup-content, .page_workshop .guides-buy-popup .popup-content, .page_workshop .guides-request-success .popup-content { background-color: white; padding: 0; width: 100%; } @media (max-width: 1239px) { .page_guides .guides-buy-popup .popup-content, .page_guides .guides-request-success .popup-content, .page_consultation .guides-buy-popup .popup-content, .page_consultation .guides-request-success .popup-content, .page_bachelorette .guides-buy-popup .popup-content, .page_bachelorette .guides-request-success .popup-content, .page_workshop .guides-buy-popup .popup-content, .page_workshop .guides-request-success .popup-content { min-width: 100%; padding: 20px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } } .page_guides .guides-buy-popup .helper-text, .page_consultation .guides-buy-popup .helper-text, .page_bachelorette .guides-buy-popup .helper-text, .page_workshop .guides-buy-popup .helper-text { color: #A8A8A8; font-size: 14px; margin-bottom: 40px; } @media (max-width: 1239px) { .page_guides .guides-buy-popup .helper-text, .page_consultation .guides-buy-popup .helper-text, .page_bachelorette .guides-buy-popup .helper-text, .page_workshop .guides-buy-popup .helper-text { margin-bottom: 0; } } @media (max-width: 1239px) { .page_guides .guides-buy-popup .cross_line, .page_consultation .guides-buy-popup .cross_line, .page_bachelorette .guides-buy-popup .cross_line, .page_workshop .guides-buy-popup .cross_line { background-color: white !important; } } .page_guides .guides-buy-popup .popup-content, .page_consultation .guides-buy-popup .popup-content, .page_bachelorette .guides-buy-popup .popup-content, .page_workshop .guides-buy-popup .popup-content { display: grid; grid-template-columns: minmax(auto, 460px) 1fr; grid-gap: 90px; align-items: center; } @media (max-width: 1239px) { .page_guides .guides-buy-popup .popup-content, .page_consultation .guides-buy-popup .popup-content, .page_bachelorette .guides-buy-popup .popup-content, .page_workshop .guides-buy-popup .popup-content { justify-content: unset; display: flex; grid-gap: 25px; } } .page_guides .guides-buy-popup .guides-buy-popup_title, .page_consultation .guides-buy-popup .guides-buy-popup_title, .page_bachelorette .guides-buy-popup .guides-buy-popup_title, .page_workshop .guides-buy-popup .guides-buy-popup_title { font-size: 28px; } .page_guides .guides-buy-popup .text-category, .page_consultation .guides-buy-popup .text-category, .page_bachelorette .guides-buy-popup .text-category, .page_workshop .guides-buy-popup .text-category { font-size: 12px; line-height: 15px; font-weight: 400; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 0; } .page_guides .guides-buy-popup .guides-buy-mobile, .page_consultation .guides-buy-popup .guides-buy-mobile, .page_bachelorette .guides-buy-popup .guides-buy-mobile, .page_workshop .guides-buy-popup .guides-buy-mobile { display: none; margin-top: -20px; width: calc(100% + 40px); } @media (max-width: 1239px) { .page_guides .guides-buy-popup .guides-buy-mobile, .page_consultation .guides-buy-popup .guides-buy-mobile, .page_bachelorette .guides-buy-popup .guides-buy-mobile, .page_workshop .guides-buy-popup .guides-buy-mobile { display: block; } } .page_guides .guides-buy-popup .guides-buy-mobile img, .page_consultation .guides-buy-popup .guides-buy-mobile img, .page_bachelorette .guides-buy-popup .guides-buy-mobile img, .page_workshop .guides-buy-popup .guides-buy-mobile img { width: 100%; height: 160px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .page_guides .guides-buy-popup .guides-buy-image, .page_consultation .guides-buy-popup .guides-buy-image, .page_bachelorette .guides-buy-popup .guides-buy-image, .page_workshop .guides-buy-popup .guides-buy-image { background-color: #f8f8f8; position: relative; height: 100%; width: 100%; overflow: hidden; } @media (max-width: 1239px) { .page_guides .guides-buy-popup .guides-buy-image, .page_consultation .guides-buy-popup .guides-buy-image, .page_bachelorette .guides-buy-popup .guides-buy-image, .page_workshop .guides-buy-popup .guides-buy-image { display: none; } } .page_guides .guides-buy-popup .guides-buy-image img, .page_consultation .guides-buy-popup .guides-buy-image img, .page_bachelorette .guides-buy-popup .guides-buy-image img, .page_workshop .guides-buy-popup .guides-buy-image img { position: absolute; top: -12px; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; height: calc(100% + 22px); width: 100%; } .page_guides .guides-buy-popup .guides-buy_form, .page_consultation .guides-buy-popup .guides-buy_form, .page_bachelorette .guides-buy-popup .guides-buy_form, .page_workshop .guides-buy-popup .guides-buy_form { width: 100%; padding: 80px 80px 80px 0; display: grid; grid-gap: 30px; } @media (max-width: 1239px) { .page_guides .guides-buy-popup .guides-buy_form, .page_consultation .guides-buy-popup .guides-buy_form, .page_bachelorette .guides-buy-popup .guides-buy_form, .page_workshop .guides-buy-popup .guides-buy_form { padding: 0; grid-gap: 20px; height: 100%; } } .page_guides .guides-buy-popup .guides-buy_form label, .page_consultation .guides-buy-popup .guides-buy_form label, .page_bachelorette .guides-buy-popup .guides-buy_form label, .page_workshop .guides-buy-popup .guides-buy_form label { width: 100%; display: flex; flex-direction: column; font-size: 14px; line-height: 18px; font-weight: 400; color: #333744; margin-bottom: 7px; } .page_guides .guides-buy-popup .guides-buy_form input, .page_consultation .guides-buy-popup .guides-buy_form input, .page_bachelorette .guides-buy-popup .guides-buy_form input, .page_workshop .guides-buy-popup .guides-buy_form input { width: 100%; font-size: 14px; line-height: 18px; color: #333744; border: none; border-bottom: 1px solid #828282; background-color: transparent; text-transform: none; padding: 0; letter-spacing: 0; height: 30px; } @media all and (min-width: 1240px) { .page_guides .guides-buy-popup .guides-buy_form input, .page_consultation .guides-buy-popup .guides-buy_form input, .page_bachelorette .guides-buy-popup .guides-buy_form input, .page_workshop .guides-buy-popup .guides-buy_form input { max-width: 360px; } } .page_guides .guides-buy-popup .guides-buy_form input::-moz-placeholder, .page_consultation .guides-buy-popup .guides-buy_form input::-moz-placeholder, .page_bachelorette .guides-buy-popup .guides-buy_form input::-moz-placeholder, .page_workshop .guides-buy-popup .guides-buy_form input::-moz-placeholder { color: #BDBDBD; } .page_guides .guides-buy-popup .guides-buy_form input::placeholder, .page_consultation .guides-buy-popup .guides-buy_form input::placeholder, .page_bachelorette .guides-buy-popup .guides-buy_form input::placeholder, .page_workshop .guides-buy-popup .guides-buy_form input::placeholder { color: #BDBDBD; } .page_guides .guides-buy-popup .guides-buy_form input:focus, .page_consultation .guides-buy-popup .guides-buy_form input:focus, .page_bachelorette .guides-buy-popup .guides-buy_form input:focus, .page_workshop .guides-buy-popup .guides-buy_form input:focus { border-bottom: 1px solid #1E1E1E; } .page_guides .guides-buy-popup .guides-buy_form .guides-buy_submit, .page_consultation .guides-buy-popup .guides-buy_form .guides-buy_submit, .page_bachelorette .guides-buy-popup .guides-buy_form .guides-buy_submit, .page_workshop .guides-buy-popup .guides-buy_form .guides-buy_submit { margin-top: 50px; } @media (max-width: 1239px) { .page_guides .guides-buy-popup .guides-buy_form .guides-buy_submit, .page_consultation .guides-buy-popup .guides-buy_form .guides-buy_submit, .page_bachelorette .guides-buy-popup .guides-buy_form .guides-buy_submit, .page_workshop .guides-buy-popup .guides-buy_form .guides-buy_submit { width: 100%; } } .page_guides .guides-buy-popup .guides-buy_form .guides-buy_submit-container, .page_consultation .guides-buy-popup .guides-buy_form .guides-buy_submit-container, .page_bachelorette .guides-buy-popup .guides-buy_form .guides-buy_submit-container, .page_workshop .guides-buy-popup .guides-buy_form .guides-buy_submit-container { display: flex; align-items: center; justify-content: space-between; width: 100%; text-transform: uppercase; } @media (max-width: 1239px) { .page_guides .guides-buy-popup .guides-buy_form .guides-buy_submit-container, .page_consultation .guides-buy-popup .guides-buy_form .guides-buy_submit-container, .page_bachelorette .guides-buy-popup .guides-buy_form .guides-buy_submit-container, .page_workshop .guides-buy-popup .guides-buy_form .guides-buy_submit-container { display: grid; grid-template-columns: auto 1fr; grid-gap: 30px; } } .page_guides .guides-buy-popup .guides-buy_form .guides-buy_submit-container .guides-buy_submit, .page_consultation .guides-buy-popup .guides-buy_form .guides-buy_submit-container .guides-buy_submit, .page_bachelorette .guides-buy-popup .guides-buy_form .guides-buy_submit-container .guides-buy_submit, .page_workshop .guides-buy-popup .guides-buy_form .guides-buy_submit-container .guides-buy_submit { margin-top: 0; } @media (max-width: 1239px) { .page_guides .guides-buy-popup .guides-buy_form .guides-buy_submit-container .guides-buy_submit, .page_consultation .guides-buy-popup .guides-buy_form .guides-buy_submit-container .guides-buy_submit, .page_bachelorette .guides-buy-popup .guides-buy_form .guides-buy_submit-container .guides-buy_submit, .page_workshop .guides-buy-popup .guides-buy_form .guides-buy_submit-container .guides-buy_submit { width: 100%; } } .page_guides .guides-request-success a, .page_consultation .guides-request-success a, .page_bachelorette .guides-request-success a, .page_workshop .guides-request-success a { display: inline-block; font-weight: 300; font-size: 14px; line-height: 18px; text-transform: uppercase; border-bottom: 1px solid transparent; color: #1E1E1E; transition: all 0.3s ease; padding-bottom: 5px; } .page_guides .guides-request-success a:hover, .page_consultation .guides-request-success a:hover, .page_bachelorette .guides-request-success a:hover, .page_workshop .guides-request-success a:hover { border-bottom-color: #1E1E1E; } @media (max-width: 1239px) { .page_guides .mod_trends .guides-about_for, .page_consultation .mod_trends .guides-about_for, .page_bachelorette .mod_trends .guides-about_for, .page_workshop .mod_trends .guides-about_for { margin-top: 118px; grid-gap: 8px; grid-template-columns: 3fr 2fr; align-items: flex-start; } } .page_consultation, .page_bachelorette, .page_workshop { font-size: var(--text-size); line-height: var(--text-line-height); color: var(--text-color); } .page_consultation .consultation-banner-photo .photo-wrapper, .page_bachelorette .consultation-banner-photo .photo-wrapper, .page_workshop .consultation-banner-photo .photo-wrapper { padding-bottom: 103.3104309806% !important; } .page_consultation .consultation-for, .page_bachelorette .consultation-for, .page_workshop .consultation-for { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 90px; align-items: center; padding-top: 150px; padding-bottom: 200px; } @media (max-width: 1239px) { .page_consultation .consultation-for, .page_bachelorette .consultation-for, .page_workshop .consultation-for { grid-template-columns: 7fr 8fr; grid-gap: 20px; align-items: flex-start; padding-top: 61px; padding-bottom: 0; } } .page_consultation .consultation-for_photo .photo-wrapper, .page_bachelorette .consultation-for_photo .photo-wrapper, .page_workshop .consultation-for_photo .photo-wrapper { padding-bottom: 98.8317757009%; } @media (max-width: 1239px) { .page_consultation .consultation-for_photo .photo-wrapper, .page_bachelorette .consultation-for_photo .photo-wrapper, .page_workshop .consultation-for_photo .photo-wrapper { padding-bottom: 115.4228855721%; min-height: 201px; transform: translateX(-20px); } } .page_consultation .consultation-who .photo-wrapper, .page_bachelorette .consultation-who .photo-wrapper, .page_workshop .consultation-who .photo-wrapper { padding-bottom: 134.1121495327%; } @media (max-width: 1239px) { .page_consultation .consultation-who .photo-wrapper, .page_bachelorette .consultation-who .photo-wrapper, .page_workshop .consultation-who .photo-wrapper { padding-bottom: 146.4788732394%; min-width: auto; } } .page_consultation .consultation-for_content, .page_bachelorette .consultation-for_content, .page_workshop .consultation-for_content { display: flex; flex-direction: column; justify-content: space-between; padding: 31px 31px 60px 60px; } @media (max-width: 1239px) { .page_consultation .consultation-for_content, .page_bachelorette .consultation-for_content, .page_workshop .consultation-for_content { padding: 0; padding-bottom: 30px; } } .page_consultation .consultation-for_content .title-2, .page_bachelorette .consultation-for_content .title-2, .page_workshop .consultation-for_content .title-2 { margin-bottom: 30px; } @media (max-width: 1239px) { .page_consultation .consultation-for_content .title-2, .page_bachelorette .consultation-for_content .title-2, .page_workshop .consultation-for_content .title-2 { margin-bottom: 47px; } } .page_consultation .consultation-for_content .text, .page_bachelorette .consultation-for_content .text, .page_workshop .consultation-for_content .text { margin-bottom: 20px; position: relative; } @media (max-width: 1239px) { .page_consultation .consultation-for_content .text, .page_bachelorette .consultation-for_content .text, .page_workshop .consultation-for_content .text { padding-top: 24px; margin-bottom: 60px; } } .page_consultation .consultation-for_content .text:before, .page_bachelorette .consultation-for_content .text:before, .page_workshop .consultation-for_content .text:before { content: ""; display: block; position: absolute; left: -30px; width: 30px; height: 1px; background-color: black; transform: translateX(-100%) translateY(12px); } @media (max-width: 1239px) { .page_consultation .consultation-for_content .text:before, .page_bachelorette .consultation-for_content .text:before, .page_workshop .consultation-for_content .text:before { top: 0; background-color: rgba(0, 0, 0, 0.3); left: 0; transform: none; width: 81px; } } .page_consultation .consultation-about, .page_bachelorette .consultation-about, .page_workshop .consultation-about { padding-bottom: 200px; position: relative; } @media (max-width: 1239px) { .page_consultation .consultation-about, .page_bachelorette .consultation-about, .page_workshop .consultation-about { overflow: hidden; padding-bottom: 210px; } } .page_consultation .consultation-about .consultation-about_photo, .page_bachelorette .consultation-about .consultation-about_photo, .page_workshop .consultation-about .consultation-about_photo { position: absolute; right: 0; bottom: -120px; } @media (max-width: 1239px) { .page_consultation .consultation-about .consultation-about_photo, .page_bachelorette .consultation-about .consultation-about_photo, .page_workshop .consultation-about .consultation-about_photo { bottom: -20px; right: -135px; width: 420px; height: 280px; } } .page_consultation .consultation-about .consultation-about_list, .page_bachelorette .consultation-about .consultation-about_list, .page_workshop .consultation-about .consultation-about_list { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 80px 20px; padding-top: 40px; } @media (max-width: 1239px) { .page_consultation .consultation-about .consultation-about_list, .page_bachelorette .consultation-about .consultation-about_list, .page_workshop .consultation-about .consultation-about_list { display: flex; flex-wrap: wrap; grid-gap: unset; padding-top: 70px; } } .page_consultation .consultation-about .consultation-about_item, .page_bachelorette .consultation-about .consultation-about_item, .page_workshop .consultation-about .consultation-about_item { font-weight: 300; font-size: 20px; line-height: 140%; } @media (max-width: 1239px) { .page_consultation .consultation-about .consultation-about_item, .page_bachelorette .consultation-about .consultation-about_item, .page_workshop .consultation-about .consultation-about_item { font-size: 14px; line-height: 22px; margin-bottom: 36px; } .page_consultation .consultation-about .consultation-about_item:nth-child(even), .page_bachelorette .consultation-about .consultation-about_item:nth-child(even), .page_workshop .consultation-about .consultation-about_item:nth-child(even) { margin-left: 45%; } .page_consultation .consultation-about .consultation-about_item:nth-child(odd), .page_bachelorette .consultation-about .consultation-about_item:nth-child(odd), .page_workshop .consultation-about .consultation-about_item:nth-child(odd) { margin-right: 45%; } } .page_consultation .consultation-about .consultation-about_item .title, .page_bachelorette .consultation-about .consultation-about_item .title, .page_workshop .consultation-about .consultation-about_item .title { display: flex; align-items: center; font-size: 13px; line-height: 28px; color: #959595; margin-bottom: 31px; } @media (max-width: 1239px) { .page_consultation .consultation-about .consultation-about_item .title, .page_bachelorette .consultation-about .consultation-about_item .title, .page_workshop .consultation-about .consultation-about_item .title { margin-bottom: 10px; } } .page_consultation .consultation-about .consultation-about_item .line, .page_bachelorette .consultation-about .consultation-about_item .line, .page_workshop .consultation-about .consultation-about_item .line { width: 120px; height: 1px; margin-left: 26px; background-color: rgba(0, 0, 0, 0.3); } @media (max-width: 1239px) { .page_consultation .consultation-about .consultation-about_item .line, .page_bachelorette .consultation-about .consultation-about_item .line, .page_workshop .consultation-about .consultation-about_item .line { margin-left: 16px; width: 100%; } } .page_consultation .consultation-how, .page_bachelorette .consultation-how, .page_workshop .consultation-how { padding-bottom: 100px; } @media (max-width: 1239px) { .page_consultation .consultation-how, .page_bachelorette .consultation-how, .page_workshop .consultation-how { padding-top: 40px; padding-bottom: 20px; } } .page_consultation .consultation-how .consultation-how_list, .page_bachelorette .consultation-how .consultation-how_list, .page_workshop .consultation-how .consultation-how_list { padding-top: 40px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; } @media (max-width: 1239px) { .page_consultation .consultation-how .consultation-how_list, .page_bachelorette .consultation-how .consultation-how_list, .page_workshop .consultation-how .consultation-how_list { display: block; } .page_consultation .consultation-how .consultation-how_list .consultation-how_item, .page_bachelorette .consultation-how .consultation-how_list .consultation-how_item, .page_workshop .consultation-how .consultation-how_list .consultation-how_item { margin-bottom: 40px; } } .page_consultation .consultation-how .consultation-how_list h4, .page_bachelorette .consultation-how .consultation-how_list h4, .page_workshop .consultation-how .consultation-how_list h4 { font-family: "Geometria"; font-style: normal; font-weight: bold; font-size: 24px; line-height: 120%; color: #000000; margin-bottom: 20px; } @media (max-width: 1239px) { .page_consultation .consultation-how .consultation-how_list h4, .page_bachelorette .consultation-how .consultation-how_list h4, .page_workshop .consultation-how .consultation-how_list h4 { font-weight: bold; font-size: 18px; line-height: 120%; margin-bottom: 14px; } } .page_consultation .consultation-buy, .page_bachelorette .consultation-buy, .page_workshop .consultation-buy { display: grid; padding-bottom: 100px; position: relative; } @media (max-width: 1239px) { .page_consultation .consultation-buy, .page_bachelorette .consultation-buy, .page_workshop .consultation-buy { grid-template-columns: 1fr; max-width: 350px; margin: auto; grid-gap: 0; } } @media (max-width: 1239px) { .page_consultation .consultation-buy .photo-buy-desktop, .page_bachelorette .consultation-buy .photo-buy-desktop, .page_workshop .consultation-buy .photo-buy-desktop { display: none; } } .page_consultation .consultation-buy .photo-buy-desktop, .page_bachelorette .consultation-buy .photo-buy-desktop, .page_workshop .consultation-buy .photo-buy-desktop { width: 499px; height: 470px; position: absolute; } .page_consultation .consultation-buy .photo-wrapper, .page_bachelorette .consultation-buy .photo-wrapper, .page_workshop .consultation-buy .photo-wrapper { width: 499px; height: 470px; position: absolute; right: 0; top: -70px; } @media (max-width: 1239px) { .page_consultation .consultation-buy .photo-wrapper, .page_bachelorette .consultation-buy .photo-wrapper, .page_workshop .consultation-buy .photo-wrapper { order: -1; display: block; padding: 0; width: 291px; height: 392px; margin: auto; position: relative; top: 70px; box-shadow: 0 4px 34px rgba(0, 0, 0, 0.25); } } .page_consultation .consultation-buy .consultation-buy_info, .page_bachelorette .consultation-buy .consultation-buy_info, .page_workshop .consultation-buy .consultation-buy_info { padding: 100px 100px 78px; background-color: white; border-radius: 14px; max-width: 1130px; width: 100%; } @media (max-width: 1239px) { .page_consultation .consultation-buy .consultation-buy_info, .page_bachelorette .consultation-buy .consultation-buy_info, .page_workshop .consultation-buy .consultation-buy_info { backdrop-filter: blur(36.4667px); border-radius: 31px; padding: 100px 40px 50px; } } .page_consultation .consultation-buy .consultation-buy_info-content, .page_bachelorette .consultation-buy .consultation-buy_info-content, .page_workshop .consultation-buy .consultation-buy_info-content { display: flex; flex-direction: column; align-items: center; margin-right: auto; max-width: 55%; } @media (max-width: 1239px) { .page_consultation .consultation-buy .consultation-buy_info-content, .page_bachelorette .consultation-buy .consultation-buy_info-content, .page_workshop .consultation-buy .consultation-buy_info-content { max-width: 100%; } } .page_consultation .consultation-buy .title-2, .page_bachelorette .consultation-buy .title-2, .page_workshop .consultation-buy .title-2 { margin-bottom: 0; } @media (max-width: 1239px) { .page_consultation .consultation-buy .title-2, .page_bachelorette .consultation-buy .title-2, .page_workshop .consultation-buy .title-2 { display: none; } } .page_consultation .consultation-buy .consultation-buy_price, .page_bachelorette .consultation-buy .consultation-buy_price, .page_workshop .consultation-buy .consultation-buy_price { width: 90%; display: flex; align-items: center; justify-content: space-around; margin-bottom: 46px; margin-top: 52px; } .page_consultation .consultation-buy .consultation-buy_price h3, .page_bachelorette .consultation-buy .consultation-buy_price h3, .page_workshop .consultation-buy .consultation-buy_price h3 { font-size: 28px; margin-bottom: 5px; } @media (max-width: 1239px) { .page_consultation .consultation-buy .consultation-buy_price, .page_bachelorette .consultation-buy .consultation-buy_price, .page_workshop .consultation-buy .consultation-buy_price { text-align: center; width: 100%; flex-direction: column; } .page_consultation .consultation-buy .consultation-buy_price h3, .page_bachelorette .consultation-buy .consultation-buy_price h3, .page_workshop .consultation-buy .consultation-buy_price h3 { font-family: "Geometria"; font-size: 34px; line-height: 22px; margin-bottom: 30px; } } .page_consultation .consultation-buy .consultation-buy_description, .page_bachelorette .consultation-buy .consultation-buy_description, .page_workshop .consultation-buy .consultation-buy_description { text-align: center; } @media (max-width: 1239px) { .page_bachelorette .bachelorette .consultation-about { overflow: hidden; padding-bottom: 40px; } } .page_bachelorette .bachelorette .consultation-about_item { font-weight: 400; font-size: var(--text-size); line-height: var(--text-line-height); color: var(--text-color); } .page_bachelorette .bachelorette .consultation-about_item a { border-bottom: 1px solid var(--text-color); transition: all 0.3s; } .page_bachelorette .bachelorette-where { display: grid; grid-template-columns: 1fr 1fr; align-items: center; grid-gap: 40px; margin-bottom: 300px; } @media (max-width: 1239px) { .page_bachelorette .bachelorette-where { grid-template-columns: 1fr; margin-bottom: 40px; } } .page_bachelorette .bachelorette-where .where-photo img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .page_guides-catalog .guides-format { margin-bottom: 40px; } .page_guides-catalog .guides-format .guides-format_heading { display: grid; grid-template-columns: max-content minmax(auto, 180px) minmax(auto, 520px); align-items: baseline; margin-bottom: 100px; } @media (max-width: 1239px) { .page_guides-catalog .guides-format .guides-format_heading { display: block; text-align: left; } } .page_guides-catalog .guides-format .guides-format_heading .title { font-family: "Praho Pro"; font-size: var(--h2-size); color: var(--text-color); margin: 0; } .page_guides-catalog .guides-format .guides-format_heading .decor { margin: 0 36px 0 46px; height: 1px; background-color: black; color: transparent; font-size: var(--text-size); line-height: 0; } @media (max-width: 1239px) { .page_guides-catalog .guides-format .guides-format_heading .decor { display: none; } } .page_guides-catalog .guides-format .guides-format_heading .description { margin-top: 0; font-size: var(--text-size); line-height: var(--text-line-height); color: var(--text-color); } @media (max-width: 1239px) { .page_guides-catalog .guides-format .guides-format_heading .description { margin-top: 18px; } } .page_guides-catalog .guides-format .guides-format_decor { display: flex; align-items: center; justify-content: center; position: relative; z-index: 10; } .page_guides-catalog .guides-format .guides-format_decor .guides-format_section { background: #FFFFFF; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15), inset 0px -1px 3px rgba(0, 0, 0, 0.15); border-radius: 56px; padding: 14px; margin: 0 70px 0; } @media (max-width: 1239px) { .page_guides-catalog .guides-format .guides-format_decor .guides-format_section { margin: 0 20px 0; padding: 5px 8px 5px; } } .page_guides-catalog .guides-format .guides-format_decor .guides-format_section .inner { overflow: hidden; border-radius: inherit; } .page_guides-catalog .guides-format .guides-format_decor .guides-format_section img { width: 100%; } .page_guides-catalog .guides-format .guides-format_decor .info-text-left { top: -90px; } @media (max-width: 1239px) { .page_guides-catalog .guides-format .guides-format_decor .info-text-left { top: -150px; } } .page_guides-catalog .guides-format .guides-format_decor .info-text-left .text { padding-bottom: 30px; } .page_guides-catalog .guides-format .guides-format_decor .info-text-right { top: -43px; } @media (max-width: 1239px) { .page_guides-catalog .guides-format .guides-format_decor .info-text-right { top: 60px; } } .page_guides-catalog .guides-format .guides-format_decor .info-text-right .text { padding-top: 20px; } .page_guides-catalog .guides-format .guides-format_decor .info-text { font-weight: 300; font-size: 22px; line-height: 1.4; color: #000000; position: relative; } @media (max-width: 1239px) { .page_guides-catalog .guides-format .guides-format_decor .info-text { font-size: 14px; line-height: 22px; writing-mode: vertical-lr; text-orientation: mixed; transform: rotate(180deg); } .page_guides-catalog .guides-format .guides-format_decor .info-text br { display: none; } } .page_guides-catalog .guides-format .guides-format_decor .info-text .curve-decor, .page_guides-catalog .guides-format .guides-format_decor .info-text .curve-decor-mob { position: absolute; } @media (max-width: 1239px) { .page_guides-catalog .guides-format .guides-format_decor .info-text .curve-decor { display: none; } } @media all and (min-width: 1240px) { .page_guides-catalog .guides-format .guides-format_decor .info-text .curve-decor-mob { display: none; } } .page_guides-catalog .guides-format .guides-format_decor .info-text .curve-decor.mod_left { left: 50%; } .page_guides-catalog .guides-format .guides-format_decor .info-text .curve-decor.mod_right { top: 0; left: 0; transform: translate(-80%, -100%); } .page_guides-catalog .guides-format .guides-format_decor .info-text .curve-decor-mob.mod_left { bottom: calc(100% + 10px); right: 50%; } .page_guides-catalog .guides-format .guides-format_decor .info-text .curve-decor-mob.mod_right { top: calc(100% + 10px); left: 50%; transform: translateX(-3px); } .guides-catalog { --h1-size: 36px; --h2-size: 28px; } .guides-catalog .title h1 { font-size: 37px; line-height: 44px; } @media all and (min-width: 1000px) { .guides-catalog .title h1 { font-size: 57px; line-height: 68px; } } @media (max-width: 767px) { .guides-catalog .title { max-width: 320px; margin-left: 0; } } .guides-catalog .buy-all { display: grid; grid-template-columns: 1fr 1fr; } @media (max-width: 767px) { .guides-catalog .buy-all { grid-template-columns: 1fr; background: #DEDEDE; border-radius: 14px; margin-left: -20px; margin-right: -20px; padding: 60px 20px 100px; margin-bottom: 90px; } .guides-catalog .buy-all .buy-all-content { text-align: center; } .guides-catalog .buy-all .sale-price-text { margin-bottom: 30px; } .guides-catalog .buy-all .sale-price-text, .guides-catalog .buy-all .price-text { font-size: 30px !important; line-height: 1.2; } .guides-catalog .buy-all button { margin: auto; } .guides-catalog .buy-all .buy-all-decor { order: -1; } .guides-catalog .buy-all .title { margin: 0 auto 23px; } .guides-catalog .buy-all .buy-all-info { max-width: 270px; margin-left: auto; margin-right: auto; } } .guides-catalog .buy-all .buy-all-content { align-self: center; max-width: 430px; } @media all and (min-width: 1240px) { .guides-catalog .buy-all .buy-all-content { margin-left: 110px; } } .guides-catalog .buy-all .buy-controls { display: grid; grid-template-columns: max-content auto; grid-gap: 46px; align-items: center; } @media (min-width: 1px) and (max-width: 539px) { .guides-catalog .buy-all .buy-controls { display: block; } } .guides-catalog .buy-all h2 { font-size: 40px; line-height: 1.2; } @media (max-width: 767px) { .guides-catalog .buy-all h2 { font-size: 30px; line-height: 36px; } } .guides-catalog .buy-all .buy-all-info { color: #333744; font-size: 16px; font-weight: 300; line-height: 1.75; margin-top: 45px; } .guides-catalog .buy-all .sale-price-text { font-size: 32px; } .guides-catalog .buy-all .price-text { margin-bottom: 0; font-family: "Praho Pro"; font-weight: 400; font-size: 21px; line-height: 1.2; color: #B7B7B7; text-decoration: line-through; } .guides-catalog .buy-all .image-wrapper { position: relative; padding-bottom: 130.0613496933%; } .guides-catalog .buy-all img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .guides-catalog .guide-block { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 171px; grid-gap: 50px; } @media (max-width: 1000px) { .guides-catalog .guide-block { display: block; } } @media (max-width: 767px) { .guides-catalog .guide-block { max-width: 320px; } } @media all and (min-width: 1px) { .guides-catalog .guide-image-mobile { display: block; } } @media all and (min-width: 1000px) { .guides-catalog .guide-image-mobile { display: none; } } .guides-catalog .guide-image-mobile { margin-top: 30px; } .guides-catalog .guide-image-mobile .image-wrapper { filter: drop-shadow(0px 24px 34px rgba(0, 0, 0, 0.15)); } .guides-catalog .guide-image .image-wrapper, .guides-catalog .guide-image-mobile .image-wrapper { max-width: -moz-fit-content; max-width: fit-content; overflow: hidden; border-radius: 10px; } @media all and (min-width: 1px) { .guides-catalog .guide-image { display: none; } } @media all and (min-width: 1000px) { .guides-catalog .guide-image { display: block; } } .guides-catalog .guide-image .image-wrapper { filter: drop-shadow(0px 84px 84px rgba(0, 0, 0, 0.25)); } .guides-catalog .guide-image img { border-radius: 10px; max-width: 100%; height: auto; } .guides-catalog .guide-content { align-self: center; } .guides-catalog .guide-content .guide-number { border-radius: 100%; border: 1px solid; height: 49px; width: 49px; display: flex; align-items: center; justify-content: center; } .guides-catalog .guide-content h2, .guides-catalog .guide-content .guide-title { font-size: 40px; line-height: 1.2; } @media (max-width: 767px) { .guides-catalog .guide-content h2, .guides-catalog .guide-content .guide-title { font-size: 30px; line-height: 36px; } } .guides-catalog .guide-content p { font-size: 16px; line-height: 1.6; } .guides-catalog .guide-content .guide-link { color: #939393; font-size: 16px; line-height: 1.6; transition: color 0.3s ease; } .guides-catalog .guide-content .guide-link:hover { color: #000; } .guides-catalog .guide-content .guide-buy { display: flex; align-items: baseline; margin-top: 80px; } @media (max-width: 767px) { .guides-catalog .guide-content .guide-buy { display: block; margin-top: 40px; } } .guides-catalog .guide-content .price { font-size: 32px; line-height: 38px; margin-right: 50px; } @media (max-width: 767px) { .guides-catalog .guide-content .price { font-size: 30px; line-height: 36px; } } .guides-catalog button { background: none; border: 1px solid; text-transform: uppercase; font-size: 14px; line-height: 28px; color: black; width: 230px; height: 60px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .guides-catalog button:hover { background: black; color: white; } .guides-catalog .guides-buy-popup .popup-content, .guides-catalog .guides-request-success .popup-content { background-color: white; padding: 0; width: 100%; } @media (max-width: 1239px) { .guides-catalog .guides-buy-popup .popup-content, .guides-catalog .guides-request-success .popup-content { min-width: 100%; padding: 20px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } } .guides-catalog .guides-buy-popup .helper-text { color: #A8A8A8; font-size: 14px; margin-bottom: 40px; } @media (max-width: 1239px) { .guides-catalog .guides-buy-popup .helper-text { margin-bottom: 0; } } @media (max-width: 1239px) { .guides-catalog .guides-buy-popup .cross_line { background-color: white !important; } } .guides-catalog .guides-buy-popup .popup-content { display: grid; grid-template-columns: minmax(auto, 460px) 1fr; grid-gap: 90px; align-items: center; } @media (max-width: 1239px) { .guides-catalog .guides-buy-popup .popup-content { justify-content: unset; display: flex; grid-gap: 25px; } } .guides-catalog .guides-buy-popup .guides-buy-popup_title { font-size: var(--h2-size); margin-top: 0; } .guides-catalog .guides-buy-popup .text-category { font-size: 12px; line-height: 15px; font-weight: 400; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 0; } .guides-catalog .guides-buy-popup .guides-buy-mobile { display: none; margin-top: -20px; width: calc(100% + 40px); } @media (max-width: 1239px) { .guides-catalog .guides-buy-popup .guides-buy-mobile { display: block; } } .guides-catalog .guides-buy-popup .guides-buy-mobile img { width: 100%; height: 160px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .guides-catalog .guides-buy-popup .guides-buy-image { background-color: #f8f8f8; position: relative; height: 100%; width: 100%; overflow: hidden; } @media (max-width: 1239px) { .guides-catalog .guides-buy-popup .guides-buy-image { display: none; } } .guides-catalog .guides-buy-popup .guides-buy-image img { position: absolute; top: -12px; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; height: calc(100% + 22px); width: 100%; } .guides-catalog .guides-buy-popup .guides-buy_form { width: 100%; padding: 80px 80px 80px 0; display: grid; grid-gap: 30px; } @media (max-width: 1239px) { .guides-catalog .guides-buy-popup .guides-buy_form { padding: 0; grid-gap: 20px; height: 100%; } } .guides-catalog .guides-buy-popup .guides-buy_form label { width: 100%; display: flex; flex-direction: column; font-size: 14px; line-height: 18px; font-weight: 400; color: #333744; margin-bottom: 7px; } .guides-catalog .guides-buy-popup .guides-buy_form input { width: 100%; font-size: 14px; line-height: 18px; color: #333744; border: none; border-bottom: 1px solid #828282; background-color: transparent; text-transform: none; padding: 0; letter-spacing: 0; height: 30px; } @media all and (min-width: 1240px) { .guides-catalog .guides-buy-popup .guides-buy_form input { max-width: 360px; } } .guides-catalog .guides-buy-popup .guides-buy_form input::-moz-placeholder { color: #BDBDBD; } .guides-catalog .guides-buy-popup .guides-buy_form input::placeholder { color: #BDBDBD; } .guides-catalog .guides-buy-popup .guides-buy_form input:focus { border-bottom: 1px solid #1E1E1E; } .guides-catalog .guides-buy-popup .guides-buy_form .guides-buy_submit { margin-top: 50px; } @media (max-width: 1239px) { .guides-catalog .guides-buy-popup .guides-buy_form .guides-buy_submit { width: 100%; } } .guides-catalog .guides-buy-popup .guides-buy_form .guides-buy_submit-container { display: flex; align-items: center; justify-content: space-between; width: 100%; text-transform: uppercase; } @media (max-width: 1239px) { .guides-catalog .guides-buy-popup .guides-buy_form .guides-buy_submit-container { display: grid; grid-template-columns: auto 1fr; grid-gap: 30px; } } .guides-catalog .guides-buy-popup .guides-buy_form .guides-buy_submit-container .guides-buy_submit { margin-top: 0; } @media (max-width: 1239px) { .guides-catalog .guides-buy-popup .guides-buy_form .guides-buy_submit-container .guides-buy_submit { width: 100%; max-width: 300px; } } .guides-catalog .guides-request-success a { display: inline-block; font-weight: 300; font-size: 14px; line-height: 18px; text-transform: uppercase; border-bottom: 1px solid transparent; color: #1E1E1E; transition: all 0.3s ease; padding-bottom: 5px; } .guides-catalog .guides-request-success a:hover { border-bottom-color: #1E1E1E; } .page_proposition .page-layout { display: flex; flex-direction: column; justify-content: space-between; height: 100vh; } .page_proposition .proposition_wrapper { margin: auto; padding-top: 70px; padding-bottom: 70px; } @media (max-width: 1000px) { .page_proposition .proposition_wrapper { padding-top: 52px; padding-bottom: 88px; } } .page_proposition .proposition { display: flex; justify-content: space-between; } @media (max-width: 1000px) { .page_proposition .proposition { display: block; } } .page_proposition .proposition_content { padding-top: 58px; } .page_proposition .proposition_content a { display: inline-block; color: black; border-bottom: 1px solid transparent; font-weight: 500; transition: all 0.3s ease; } .page_proposition .proposition_content a:hover { border-bottom-color: #8C8C8C; } .page_proposition .proposition_content h1 { margin-bottom: 40px; } .page_proposition .proposition_content p { font-size: 16px; line-height: 28px; color: #333744; } @media (max-width: 1000px) { .page_proposition .proposition_content { padding-top: 0; } .page_proposition .proposition_content h1 { font-size: 28px; line-height: 32px; margin-bottom: 30px; } .page_proposition .proposition_content p { font-size: 15px; line-height: 22px; margin-bottom: 24px; } } .page_proposition .proposition_content { flex: 0 0 50%; } .page_proposition .proposition_logo { display: flex; flex: 0 0 40%; } .page_proposition .proposition_logo img { opacity: 0; } .page_proposition .proposition_logo img.mod_loaded { opacity: 1; } @media (max-width: 1000px) { .page_proposition .proposition_logo picture, .page_proposition .proposition_logo img { width: 100%; } } .page_proposition .common-footer { position: relative; background: white; } .page_proposition .common-footer .wrap { max-width: 100%; } .page_proposition .join_form { max-width: 360px; } .page_proposition .join_form .join_input { font-size: 14px; line-height: 18px; color: #333744; border: none; border-bottom: 1px solid #828282; text-transform: none; padding: 0; margin-bottom: 30px; } .page_proposition .join_form .join_input::-moz-placeholder { color: #BDBDBD; } .page_proposition .join_form .join_input::placeholder { color: #BDBDBD; } .page_proposition .join_form .join_submit { font-weight: 300; font-size: 14px; line-height: 18px; text-transform: uppercase; border-bottom: 1px solid transparent; color: #1E1E1E; transition: all 0.3s ease; } .page_proposition .join_form .join_submit:hover { border-bottom-color: #1E1E1E; } .page_proposition.mod_join .join_bottom-content { display: block; margin-bottom: 20px; } .page_proposition.mod_join .join_bottom-content .mod_bold { font-weight: 500; } @media (max-width: 1000px) { .page_proposition.mod_join .join_bottom-content.mod_mobile { display: block; } } .page_proposition.mod_join .join_bottom-content.mod_mobile .join_form { max-width: 100%; } @media all and (min-width: 1000px) { .page_proposition.mod_join .join_bottom-content.mod_desktop { display: block; } } .page_proposition.mod_join .join_form { padding-top: 10px; } .page_proposition.mod_join .join_input { height: auto; padding-bottom: 6px; letter-spacing: 0.4px; font-weight: 300; margin-bottom: 32px; } @media (max-width: 1000px) { .page_proposition.mod_join .proposition { padding-bottom: 24px; } } .page_membership .membership_about.hidden { display: none; } .page_membership .membership_about p { margin-bottom: 15px; } @media (min-width: 1px) and (max-width: 539px) { .page_membership .ranges { width: 100%; grid-template-columns: max-content; border-color: transparent; padding-left: 0; } .page_membership .ranges .range_button { width: auto !important; justify-content: stretch; } .page_membership .ranges .range_label { width: 80px; } .page_membership .ranges .range_price { margin-left: auto !important; } } .page_membership .ranges { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 16px; width: -moz-fit-content; width: fit-content; margin-bottom: 30px; padding: 7px; font-size: 14px; line-height: 28px; border: 1px solid #EAEAEA; border-radius: 117px; } .page_membership .ranges .range_button { display: flex; justify-content: flex-end; align-items: center; height: 36px; width: 160px; padding: 6px; border-radius: 117px; background-color: #EAEAEA; } .page_membership .ranges .range_button.mod_active { background-color: black; } .page_membership .ranges .range_button.mod_active .range_label { color: white; } .page_membership .ranges .range_label { color: black; } .page_membership .ranges .range_price { background-color: white; color: black; height: 100%; border-radius: 117px; margin-left: 18px; display: grid; place-items: center; padding: 3px 7px; font-size: 14px; } .page_membership .proposition_logo { min-width: 40%; } @media (max-width: 1000px) { .page_membership .proposition_logo { margin-top: 40px; } } @media (min-width: 1px) and (max-width: 539px) { .page_membership .membership_action { grid-gap: 10px; } .page_membership .membership_action .price { font-size: 26px !important; } } .page_membership .membership_action { display: grid; grid-template-columns: auto auto; grid-gap: 30px; align-items: center; margin-top: 30px; } .page_membership .membership_action .submit { width: 246px; height: 50px; border: 1px solid #343434; background: none; cursor: pointer; text-transform: uppercase; font-size: 14px; font-family: "Geometria"; font-weight: 500; color: #000; line-height: 25px; transition: all 0.3s ease; } .page_membership .membership_action .submit:hover { background: black; color: white; } .page_membership .membership_action .submit:hover a { transition: inherit; background: black; color: white; } .page_membership .membership_action .price { font-weight: 700; font-size: 30px; line-height: 140%; } .page_error .page-layout { display: flex; flex-direction: column; height: 100vh; } @media all and (min-width: 1px) { .page_error .not-found-content { padding: 86px 20px 84px; } } @media all and (min-width: 767px) { .page_error .not-found-content { padding: 116px 0 116px; } } .page_error .not-found-content { text-align: center; margin: auto; } .page_error .not-found-title { margin: 22px 0 23px; font-weight: normal; font-size: 15px; line-height: 19px; letter-spacing: 0.2em; text-transform: uppercase; color: #333744; } .page_error .not-found-description { font-size: 16px; line-height: 1.3; color: #767676; } .page_error .not-found-back { display: inline-block; margin-top: 16px; font-weight: 300; font-size: 14px; line-height: 18px; text-transform: uppercase; color: #8C8C8C; border: 1px solid transparent; transition: all 0.3s ease; } .page_error .not-found-back:hover { color: #1E1E1E; border-bottom-color: #1E1E1E; } @media all and (min-width: 1px) { .page_error .icon-not-found { width: 100%; } } @media all and (min-width: 1000px) { .page_error .icon-not-found { width: 564px; } } .page_error .common-footer .wrap { max-width: 100%; } .page_error .common-footer { margin-top: auto; } .page_writers, .page_writer { --card-bg: #f8f8f8; } @media (max-width: 767px) { .page_writers .articles-list.bottom-text, .page_writer .articles-list.bottom-text { margin-bottom: 60px; } } .page_writers .writers { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 50px 45px; } @media (max-width: 1000px) { .page_writers .writers { grid-template-columns: 1fr 1fr; grid-gap: 27px 12px; } } .page_writers .writers .writer { width: 100%; } .page_writers .writers .image-wrapper { position: relative; background: var(--card-bg); padding-bottom: 146.2427745665%; } .page_writers .writers img { display: block; position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .page_writers .writer-name { font-size: 24px; line-height: 1.4; margin-top: 20px; margin-bottom: 8px; } .page_writers .articles-total { font-size: 18px; line-height: 1.4; color: #9E9E9E; } .page_writer .writer { display: grid; grid-template-columns: 1fr 1fr; padding-top: 56px; padding-bottom: 170px; } @media (max-width: 767px) { .page_writer .writer { grid-template-columns: 1fr; padding: 40px 0; } } @media (max-width: 767px) { .page_writer .breadcrumbs-list { margin-left: 0; } .page_writer h1 { margin-top: 5px; margin-bottom: 30px; } } .page_writer .writer-photo { padding-right: 50px; } @media (max-width: 767px) { .page_writer .writer-photo { padding-right: 0; } } .page_writer .writer-photo .image-wrapper { position: relative; background: var(--card-bg); width: 100%; padding-bottom: 133.3333333333%; } @media (max-width: 767px) { .page_writer .writer-photo .image-wrapper { padding-bottom: 133.3333333333%; width: 100%; height: auto; } } .page_writer .writer-photo img { display: block; position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .page_writer .writer-about .writer-description h1, .page_writer .writer-about .writer-description h2, .page_writer .writer-about .writer-description h3, .page_writer .writer-about .writer-description h4, .page_writer .writer-about .writer-description h5 { font-family: "Praho Pro"; } @media all and (min-width: 1px) { .page_writer .writer-about .writer-description h1, .page_writer .writer-about .writer-description h2, .page_writer .writer-about .writer-description h3, .page_writer .writer-about .writer-description h4, .page_writer .writer-about .writer-description h5 { margin: 30px 0; } } @media all and (min-width: 767px) { .page_writer .writer-about .writer-description h1, .page_writer .writer-about .writer-description h2, .page_writer .writer-about .writer-description h3, .page_writer .writer-about .writer-description h4, .page_writer .writer-about .writer-description h5 { margin: 42px 0; } } .page_writer .writer-about .writer-description h1:first-child, .page_writer .writer-about .writer-description h2:first-child, .page_writer .writer-about .writer-description h3:first-child, .page_writer .writer-about .writer-description h4:first-child, .page_writer .writer-about .writer-description h5:first-child { margin-top: 0; } @media all and (min-width: 1px) { .page_writer .writer-about .writer-description h1, .page_writer .writer-about .writer-description h2, .page_writer .writer-about .writer-description h3, .page_writer .writer-about .writer-description h4, .page_writer .writer-about .writer-description h5 { font-size: 20px; line-height: 28px; letter-spacing: 0px; } } @media all and (min-width: 1240px) { .page_writer .writer-about .writer-description h1, .page_writer .writer-about .writer-description h2, .page_writer .writer-about .writer-description h3, .page_writer .writer-about .writer-description h4, .page_writer .writer-about .writer-description h5 { font-size: 24px; line-height: 34px; letter-spacing: 0px; } } .page_writer .writer-about .writer-description p, .page_writer .writer-about .writer-description div { margin: 0 0 25px; color: #767676; } @media all and (min-width: 1px) { .page_writer .writer-about .writer-description p, .page_writer .writer-about .writer-description div { font-size: 16px; line-height: 22px; letter-spacing: 0px; } } @media all and (min-width: 767px) { .page_writer .writer-about .writer-description p, .page_writer .writer-about .writer-description div { font-size: 16px; line-height: 26px; letter-spacing: 0px; } } @media (max-width: 767px) { .page_writer .writer-about { padding-top: 32px; } } .page_writer .writer-about .breadcrumbs-list { margin-bottom: 35px; } .page_writer .writer-about h1 { margin-top: 5px; margin-bottom: 0; } @media all and (min-width: 1px) { .page_writer .writer-about h1 { font-size: 20px; line-height: 28px; letter-spacing: 0px; text-align: center; } } @media all and (min-width: 767px) { .page_writer .writer-about h1 { font-size: 45px; line-height: 58px; letter-spacing: 0px; margin-bottom: 16px; } } @media all and (min-width: 1240px) { .page_writer .writer-about h1 { text-align: left; } } .page_writer .writer-about .socials { display: grid; padding-top: 60px; grid-gap: 40px; align-items: center; } @media (max-width: 767px) { .page_writer .writer-about .socials { padding-top: 0; } } .page_writer .writer-about .social_item { display: grid; grid-gap: 10px; grid-template-columns: max-content max-content; align-items: center; } .page_writer .writer-about .label { color: #9E9E9E; font-size: 16px; line-height: 24px; } .page_writer .writer-about .link { color: black; font-size: 16px; line-height: 24px; transition: all 0.3s ease; border-bottom: 1px solid transparent; } .page_writer .writer-about .link:hover { border-bottom-color: black; } .page_writer hr { margin: 80px 0; } @media (max-width: 1199px) { .page_writer hr { margin: 40px 0; } } .page_workshop .workshop { background: linear-gradient(#fff, #ededed); } .page_workshop .guides-btn:hover { background: unset; color: unset; } @media (min-width: 1px) and (max-width: 539px) { .page_workshop .consultation-for_photo .guides-image-wrapper { min-height: 330px; } } .page_workshop .consultation-for_content.mod_full-span { grid-column: 1/-1; } .page_workshop .consultation-for_content.mod_no-mg .text { margin-bottom: 0; } .page_workshop .consultation-buy img { -o-object-position: bottom; object-position: bottom; } @media (max-width: 1239px) { .page_workshop .consultation-buy .photo-wrapper { width: 290px; height: 362px; } } @media (max-width: 767px) { .page_workshop .consultation-about { padding-bottom: 50px; } } @media (max-width: 1239px) { .page_workshop .consultation-about { padding-top: 50px; } } @media all and (min-width: 1240px) { .page_workshop .consultation-about .consultation-about_list { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media all and (min-width: 1px) { .page_workshop .consultation-about .title-2.mod_pad { margin-top: 80px !important; } } @media all and (min-width: 1000px) { .page_workshop .consultation-about .title-2.mod_pad { margin-top: 100px !important; } } @media (max-width: 767px) { .page_workshop .workshop-collage { padding-bottom: 80px; } } @media all and (min-width: 1240px) { .page_workshop .workshop-collage { padding-bottom: 300px; } } .page_workshop .workshop-collage h2 { position: relative; top: 200px; } @media (max-width: 767px) { .page_workshop .workshop-collage h2 { top: 0; } } .page_workshop .workshop-mood-board { display: grid; grid-template-columns: 2fr 3fr; min-height: 100vh; grid-gap: 15px; } @media (max-width: 767px) { .page_workshop .workshop-mood-board { grid-template-columns: 1fr; grid-gap: 10px; } } @media (max-width: 767px) { .page_workshop .workshop-mood-board .first-grid { grid-template-columns: minmax(auto, 20px) minmax(auto, 100px) minmax(auto, 30px) minmax(auto, 78px) minmax(auto, 13px) minmax(auto, 0px) minmax(auto, 36px); justify-self: center; grid-gap: 10px; } } .page_workshop .workshop-mood-board .first-grid { display: grid; grid-template-columns: minmax(auto, 20px) minmax(auto, 100px) minmax(auto, 30px) minmax(auto, 78px) minmax(auto, 29px) minmax(auto, 30px) minmax(auto, 36px); grid-template-rows: auto auto; gap: 15px 15px; grid-auto-flow: row; align-items: end; justify-items: flex-end; justify-self: flex-end; grid-template-areas: "first first second second third third third" "fourth fourth fourth fifth fifth fifth fifth"; } .page_workshop .workshop-mood-board .first-grid .first { padding-left: 20px; grid-area: first; } .page_workshop .workshop-mood-board .first-grid .second { grid-area: second; } .page_workshop .workshop-mood-board .first-grid .third { grid-area: third; } .page_workshop .workshop-mood-board .first-grid .fourth { grid-area: fourth; align-self: start; } .page_workshop .workshop-mood-board .first-grid .fifth { grid-area: fifth; align-self: start; } @media (max-width: 1239px) { .page_workshop .second-grid { grid-template-columns: minmax(auto, 160px) minmax(auto, 15px) minmax(auto, 95px) minmax(auto, 50px) minmax(auto, 74px) minmax(auto, 177px); grid-template-rows: auto max-content max-content auto; } } .page_workshop .second-grid { display: grid; grid-template-columns: 160px 34px 120px 50px 112px 177px; grid-template-rows: auto auto auto auto; gap: 15px 15px; grid-auto-flow: row; justify-content: stretch; align-items: flex-start; justify-items: flex-start; grid-template-areas: "first third third fourth fourth fifth" "first second second fourth fourth fifth" "sixth sixth sixth seventh seventh eighth" "ninth ninth tenth tenth . ."; } @media (max-width: 767px) { .page_workshop .second-grid { display: grid; grid-auto-flow: dense; grid-gap: 10px; grid-template-columns: repeat(3, auto) !important; grid-template-rows: repeat(3, auto) !important; margin: 0 auto; max-width: 1200px; align-items: center; grid-template-areas: unset; } } @media (max-width: 767px) { .page_workshop .second-grid .first, .page_workshop .second-grid .second, .page_workshop .second-grid .third, .page_workshop .second-grid .fourth, .page_workshop .second-grid .fifth, .page_workshop .second-grid .sixth, .page_workshop .second-grid .seventh, .page_workshop .second-grid .eighth, .page_workshop .second-grid .ninth, .page_workshop .second-grid .tenth { grid-area: unset !important; align-self: unset !important; } } .page_workshop .second-grid .first { grid-area: first; align-self: flex-end; } .page_workshop .second-grid .second { grid-area: second; align-self: flex-end; } .page_workshop .second-grid .third { grid-area: third; align-self: flex-end; } .page_workshop .second-grid .fourth { grid-area: fourth; align-self: flex-end; } .page_workshop .second-grid .fifth { align-self: flex-end; grid-area: fifth; } .page_workshop .second-grid .sixth { grid-area: sixth; } @media (max-width: 767px) { .page_workshop .second-grid .sixth { grid-column: 2/span 2 !important; } } .page_workshop .second-grid .seventh { grid-area: seventh; } .page_workshop .second-grid .eighth { grid-area: eighth; } .page_workshop .second-grid .ninth { grid-area: ninth; } @media (max-width: 767px) { .page_workshop .second-grid .ninth { grid-column: 1/span 2 !important; } } .page_workshop .second-grid .tenth { grid-area: tenth; } .page_restaurants-detail .header.header--with-menu .logo-pic { background-position: center; } .logo-part-top15, .logo-part-m, .logo-part-o1, .logo-part-s, .logo-part-c, .logo-part-o2, .logo-part-w, .logo-part-slash { opacity: 0; } .logo-part-moscow, .logo-part-wedding { opacity: 0; } .page-loaded .logo-part-top15, .page-loaded .logo-part-slash { animation: top-fade 0.5s ease-out forwards; } .page-loaded .logo-part-moscow.logo-part-m { animation: top-fade-1 15s ease normal infinite; animation-delay: 0.5s; } .page-loaded .logo-part-moscow.logo-part-o1 { animation: top-fade-2 15s ease normal infinite; animation-delay: 0.5s; } .page-loaded .logo-part-moscow.logo-part-s { animation: top-fade-3 15s ease normal infinite; animation-delay: 0.5s; } .page-loaded .logo-part-moscow.logo-part-c { animation: top-fade-4 15s ease normal infinite; animation-delay: 0.5s; } .page-loaded .logo-part-moscow.logo-part-o2 { animation: top-fade-5 15s ease normal infinite; animation-delay: 0.5s; } .page-loaded .logo-part-moscow.logo-part-w { animation: top-fade-6 15s ease normal infinite; animation-delay: 0.5s; } .page-loaded .logo-part-wedding.logo-part-w { animation: top-fade-w-1 15s ease normal infinite; animation-delay: 0.5s; } .page-loaded .logo-part-wedding.logo-part-e { animation: top-fade-w-2 15s ease normal infinite; animation-delay: 0.5s; } .page-loaded .logo-part-wedding.logo-part-d1 { animation: top-fade-w-3 15s ease normal infinite; animation-delay: 0.5s; } .page-loaded .logo-part-wedding.logo-part-d2 { animation: top-fade-w-4 15s ease normal infinite; animation-delay: 0.5s; } .page-loaded .logo-part-wedding.logo-part-i { animation: top-fade-w-5 15s ease normal infinite; animation-delay: 0.5s; } .page-loaded .logo-part-wedding.logo-part-n { animation: top-fade-w-6 15s ease normal infinite; animation-delay: 0.5s; } .page-loaded .logo-part-wedding.logo-part-g { animation: top-fade-w-7 15s ease normal infinite; animation-delay: 0.5s; } @keyframes top-fade-1 { 0% { opacity: 0; } 5% { opacity: 1; } 46% { opacity: 1; } 49% { opacity: 0; } } @keyframes top-fade-2 { 0% { opacity: 0; } 10% { opacity: 1; } 46% { opacity: 1; } 49% { opacity: 0; } } @keyframes top-fade-3 { 0% { opacity: 0; } 15% { opacity: 1; } 46% { opacity: 1; } 49% { opacity: 0; } } @keyframes top-fade-4 { 0% { opacity: 0; } 20% { opacity: 1; } 46% { opacity: 1; } 49% { opacity: 0; } } @keyframes top-fade-5 { 0% { opacity: 0; } 23% { opacity: 1; } 46% { opacity: 1; } 49% { opacity: 0; } } @keyframes top-fade-6 { 0% { opacity: 0; } 26% { opacity: 1; } 46% { opacity: 1; } 49% { opacity: 0; } } @keyframes top-fade-w-1 { 50% { opacity: 0; } 54.28% { opacity: 1; } 96% { opacity: 1; } 98% { opacity: 0; } } @keyframes top-fade-w-2 { 50% { opacity: 0; } 58.56% { opacity: 1; } 96% { opacity: 1; } 98% { opacity: 0; } } @keyframes top-fade-w-3 { 50% { opacity: 0; } 62.84% { opacity: 1; } 96% { opacity: 1; } 98% { opacity: 0; } } @keyframes top-fade-w-4 { 50% { opacity: 0; } 67.12% { opacity: 1; } 96% { opacity: 1; } 98% { opacity: 0; } } @keyframes top-fade-w-5 { 50% { opacity: 0; } 69.4% { opacity: 1; } 96% { opacity: 1; } 98% { opacity: 0; } } @keyframes top-fade-w-6 { 50% { opacity: 0; } 73.68% { opacity: 1; } 96% { opacity: 1; } 98% { opacity: 0; } } @keyframes top-fade-w-7 { 50% { opacity: 0; } 77.96% { opacity: 1; } 96% { opacity: 1; } 98% { opacity: 0; } } @keyframes top-fade { 0% { opacity: 0; } 100% { opacity: 1; } } .search-icon { display: none; fill: rgb(37, 37, 37); position: absolute; top: calc(50% - 11px); right: 0; cursor: pointer; } @media all and (min-width: 767px) { .search-icon { display: block; z-index: 200; } } .header--transparent .search-icon { fill: white; } .mod_blog { margin-right: 41px; } .banner-business-and-art { position: relative; margin: auto; background-color: #eaeaea; padding-bottom: 7.8017439192%; } @media (max-width: 767px) { .banner-business-and-art { padding-bottom: 18.0722891566%; } } .banner-business-and-art img { margin: auto; width: 100%; position: absolute; } .banner-business-and-art span { height: 32px; width: 32px; line-height: 0; display: flex; transition: all 0.3s; background-color: rgba(0, 0, 0, 0.3); align-items: center; justify-content: center; font-size: 20px; position: absolute; top: 0; right: 0; color: #fff; cursor: pointer; } .banner-business-and-art span:hover { background-color: rgba(0, 0, 0, 0.4); } .mod_without-banner .banner-business-and-art { display: none; } .banner-2026-guide { position: relative; width: 100%; background-color: #a6a23a; } .banner-2026-guide.mobile { display: block; } @media all and (min-width: 767px) { .banner-2026-guide.mobile { display: none; } } .banner-2026-guide.desktop { display: none; } @media all and (min-width: 767px) { .banner-2026-guide.desktop { display: block; } } .banner-2026-guide__link { display: block; width: 100%; cursor: pointer; } .banner-2026-guide__img { display: block; width: 100%; height: auto; } .banner-2026-guide__close { display: none; } @media all and (min-width: 767px) { .banner-2026-guide__close { display: block; position: absolute; background: transparent; border: none; padding: 0; cursor: default; z-index: 10; width: 30px; height: 30px; top: 50%; right: 26px; transform: translateY(-50%); } } .banner-2026-guide__close:focus { outline: none; } .banner-2026-guide.hiding { animation: banner-fade-out 0.3s ease forwards; } @keyframes banner-fade-out { 0% { opacity: 1; max-height: 200px; } 50% { opacity: 0; } 100% { opacity: 0; max-height: 0; padding: 0; margin: 0; overflow: hidden; } } .mod_without-banner-2026 .banner-2026-guide { display: none; } .header--with-menu { height: 78px; } @media (max-width: 768px) { .header--with-menu .inner-header .header__inner, .header--with-menu .inner-header { height: 67px; } .header--with-menu .personal-menu .header__right-nav, .header--with-menu .personal-menu .menu-btn { display: none; } } @media (max-width: 1000px) { .header--with-menu .header__left-nav { width: 100%; } } @media (max-width: 768px) { .header--with-menu .header__inner { display: flex; justify-content: space-between; align-items: center; } } .header--with-menu .personal-menu_contacts { display: none; height: 100%; } @media (max-width: 768px) { .header--with-menu .personal-menu_contacts { display: flex; justify-content: flex-end; align-items: center; } } .header--with-menu .personal-menu_contacts-item { width: 42px; min-width: 42px; height: 42px; background: center/70% no-repeat; font-size: 0; } .header--with-menu .personal-menu_contacts-item:first-child { margin-right: 15px; } .header--with-menu .personal-menu_contacts-item.whatsapp { background-image: url("/img/sprite@2x.png"); background-position: -135px -270px; background-size: 180px; } .header--with-menu .outer-header { position: relative; z-index: 20; background-color: #fff; } .header--with-menu.header--transparent .outer-header { background-color: transparent; } .header--with-menu .logo-pic { min-width: 42px; width: 42px; height: 42px; border-radius: 50%; background: top center/150% no-repeat; order: 1; margin-right: 10px; } @media (max-width: 768px) { .header--with-menu .logo-pic { order: 0; } } .header--with-menu .personal-menu { height: 77px; } .header--with-menu .personal-menu .header__left-nav { display: flex; justify-content: flex-end; align-items: center; height: 100%; } @media (max-width: 768px) { .header--with-menu .personal-menu .header__left-nav { justify-content: flex-start; } } .header--with-menu .inner-header { left: 50%; transform: translateX(-50%); width: 100%; z-index: 10; background-color: #fff; } @media all and (min-width: 1000px) { .header--with-menu .inner-header .header__left-nav { order: 3; } } .header--with-menu .inner-header .logo-title { text-transform: uppercase; margin-right: 20px; order: 0; } @media (max-width: 768px) { .header--with-menu .inner-header .logo-title { font-size: 12px; order: 1; } } .header--with-menu .inner-header .header__right-nav { text-align: right; padding-right: 100px; } @media all and (min-width: 1000px) { .header--with-menu .inner-header .header__right-nav { order: 1; } } .header--with-menu .inner-header .phone-number { margin-top: 10px; display: inline-block; color: #333744; } .header--with-menu .inner-header .menu-btn { padding-left: 7px; } @media all and (min-width: 1000px) { .header--with-menu .inner-header .menu-btn { flex: 1; text-align: left; order: 0; } } .header--with-menu .inner-header--top { position: fixed; top: 0; } @media (max-width: 768px) { body.mod_menu .page-layout { padding-bottom: 67px; } } .item-title__nav .mgo-number-12670 { display: inline-block; height: 50px; line-height: 50px; } @media (max-width: 1240px) and (min-width: 1000px) { .item-title__nav .mgo-number-12670 { margin: 5px 0; } } body.header-shift .outer-header { height: 77px; } .header-mobile { display: none; position: fixed; bottom: 0; height: 67px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 1000; background-color: #fff; border-top: 1px solid #eaeaea; } @media (max-width: 768px) { .header-mobile { display: block; } } @media (max-width: 767px) { .header .instagram-logo { display: block; } } .header .instagram-logo { display: none; height: 20px; width: 20px; fill: rgb(37, 37, 37); position: absolute; top: calc(50% - 11px); right: 0; cursor: pointer; z-index: 200; } .header .instagram-logo .icon-insta { fill: black; } .header.header--transparent .icon-insta { fill: white; } .header:not(.header--transparent) { border-bottom: 1px solid #eaeaea; width: 100%; } .header .outer-header { position: relative; padding: 0 20px; } .header .header__inner { display: flex; justify-content: space-between; align-items: center; } .header .header__inner .menu-btn { display: block; width: auto; } .header .header__inner .menu-btn__inner { padding-top: 0; } .header .header__inner-title { transition: all 0.2s; color: #252525; font-family: "Praho Pro", serif; z-index: 200; } @media all and (min-width: 1px) { .header .header__inner-title { font-size: 22px; } } @media all and (min-width: 1000px) { .header .header__inner-title { font-size: 36px; } } @media all and (min-width: 1px) { .header .header__inner-title { flex: 1; text-align: center; padding-right: 20px; display: flex; justify-content: center; } } @media all and (min-width: 1000px) { .header .header__inner-title { display: flex; position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; padding-right: 0; } } @media all and (min-width: 1px) { .header .header__inner-title .top15-logo { width: 230px; } } @media all and (min-width: 1000px) { .header .header__inner-title .top15-logo { width: 300px; } } @media all and (min-width: 1px) { .header .header__inner-title img { width: 230px; } } @media all and (min-width: 1000px) { .header .header__inner-title img { width: auto; } } .header .header-nav-link { transition: all 0.2s; color: #1e1e1e; text-transform: uppercase; font-family: "Geometria", sans-serif; font-weight: 300; padding: 10px; letter-spacing: 5.32px; } @media all and (min-width: 1px) { .header .header-nav-link { font-size: 12px; } } @media all and (min-width: 1000px) { .header .header-nav-link { font-size: 14px; } } @media all and (min-width: 1px) { .header .header-nav-link { padding: 5px 0 0 0; } } @media all and (min-width: 540px) { .header .header-nav-link { padding: 9px 10px 10px; } } @media all and (min-width: 1px) { .header .header-nav-link { display: none; } } @media all and (min-width: 767px) { .header .header-nav-link { display: none; } } @media all and (min-width: 1000px) { .header .header-nav-link { display: block; } } .header .header-down_black { position: fixed; top: 50%; bottom: 0; left: 0; right: 0; z-index: 99; display: none; opacity: 0; background: rgba(0, 0, 0, 0.4); } .header .header-down_black.show { display: block; animation: fade-in 0.2s ease 0.1s forwards; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .header .header-down_buttons { position: relative; z-index: 101; display: none; align-items: center; margin-right: auto; margin-left: 15px; } @media all and (min-width: 1240px) { .header .header-down_buttons { display: flex; width: 100%; height: 100%; align-items: stretch; } } .header .header-down_button { position: relative; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 18px; font-weight: 300; letter-spacing: 5.32px; text-transform: uppercase; color: #1e1e1e; cursor: pointer; height: 100%; padding: 0 15px; } .header .header-down_button:after { content: ""; position: absolute; right: 1px; left: 0; bottom: -2px; z-index: 2; height: 2px; background-color: transparent; transition: background-color 0.3s ease; } .header .header-down_button:hover:after, .header .header-down_button.mod_active:after { background-color: black; } .header .right-header-links { margin-left: auto; display: flex; } @media (max-width: 1340px) { .header .header-down_button-wrap.mod_shop { display: none !important; } } .header .header-down_button-wrap.mod_events { margin-left: auto; display: flex; align-items: center; } .header .header-down_button-wrap.mod_switcher, .header .header-down_button-wrap.mod_events { text-transform: uppercase; margin-right: 51px; font-weight: 300; font-size: 14px; line-height: 18px; color: #8C8C8C; display: flex; align-items: center; } .header .header-down_button-wrap.mod_events, .header .header-down_button-wrap.mod_trends { color: #1e1e1e; font-weight: 300; font-size: 14px; line-height: 18px; letter-spacing: 0.3em; text-transform: uppercase; } .header .header-down_button-wrap.mod_switcher span { margin: 0 5px; } .header .header-down_button-wrap.mod_switcher .mod_active { color: #1E1E1E; } .header.header--error .header-down_buttons { display: none; } .header--transparent .header__inner-title, .header--transparent .header-nav-link { color: #fff; } .header--transparent .logo-black { display: none; } .header--white .header__inner { border-bottom: 1px solid #eaeaea; border-color: #eaeaea; } .header--white .header__inner-title .logo-white { display: none; } .page_contacts .header__inner { border-color: transparent; } .header-shift .header__inner-title { color: #252525; } .header-shift .header-nav-link { color: #1e1e1e; } .page_home .logo-white, .page_blog .logo-white, .page_blog-detail .logo-white, .page_restaurants .logo-white, .page_restaurants-place .logo-white, .page_restaurants-detail .logo-white, .page_photo-blog .logo-white, .page_photo-blog-detail .logo-white, .page_partners .logo-white, .page_partners-detail .logo-white, .page_travel-detail .logo-white, .page_masters-detail .logo-white, .page_foto-detail .logo-white, .page_video-detail .logo-white, .page_decor-detail .logo-white, .page_salons-detail .logo-white, .page_contacts .logo-white, .page_blog-category .logo-white, .page_video-blog .logo-white, .page_video-blog-category .logo-white, .page_agencies-categories .logo-white, .page_policy .logo-white, .page_offer .logo-white, .page_criteria-for-agencies .logo-white, .page_review .logo-white { display: none !important; } .header-shift.page_masters .logo-black, .header-shift.page_foto .logo-black, .header-shift.page_foto-categories .logo-black, .header-shift.page_video .logo-black, .header-shift.page_video-categories .logo-black, .header-shift.page_decor .logo-black, .header-shift.page_travel .logo-black, .header-shift.page_salons .logo-black, .header-shift.page_jewels .logo-black, .header-shift.page_about .logo-black { display: block; } .header-shift.page_masters .logo-white, .header-shift.page_foto .logo-white, .header-shift.page_foto-categories .logo-white, .header-shift.page_video .logo-white, .header-shift.page_video-categories .logo-white, .header-shift.page_decor .logo-white, .header-shift.page_travel .logo-white, .header-shift.page_salons .logo-white, .header-shift.page_jewels .logo-white, .header-shift.page_about .logo-white { display: none; } body.modal-open .header { padding-right: 17px; } @media all and (min-width: 1000px) { .logo-clipped-container { transform: translateX(0px); } } .logo-clipped-container { transform: translateX(-10px); position: relative; overflow: hidden; /* border: 1px solid; */ align-content: center; align-items: stretch; display: flex; flex-wrap: nowrap; clip-path: polygon(0px 0, 100% 0, 100% 100%, 0% 100%); } .logo-clipped-container .logo-top15, .logo-clipped-container .logo-moscow, .logo-clipped-container .logo-wedding { display: flex; align-items: center; } @media all and (min-width: 1px) { .logo-clipped-container .logo-top15 svg, .logo-clipped-container .logo-moscow svg, .logo-clipped-container .logo-wedding svg { height: 16px; } } @media all and (min-width: 767px) { .logo-clipped-container .logo-top15 svg, .logo-clipped-container .logo-moscow svg, .logo-clipped-container .logo-wedding svg { height: 23px; } } .logo-clipped-container .logo-top15 { z-index: 9; padding-right: 20px; text-align: right; background-color: white; padding-left: 25px; clip-path: polygon(0% 0%, 100% 0%, calc(100% - 22px) 100%, 0% 100%); transform: translateX(0); } .logo-clipped-container .logo-moscow { text-align: center; padding: 0 8px; } .logo-clipped-container.mod_only-wedding .logo-moscow { opacity: 0; } .logo-clipped-container.mod_only-wedding .logo-wedding { transform: none; } .logo-clipped-container .logo-wedding { height: 100%; position: absolute; right: 0; top: 0; transform: translateX(-250px); } .logo-clipped-container .logo-slash { transform-origin: bottom left; height: 40px; width: 23px; text-align: center; z-index: 10; background-color: black; display: flex; font-size: 40px; transform: translateX(-22px) rotate(0); clip-path: polygon(22px 0, 23px 0, 1px 100%, 0% 100%); } @media all and (min-width: 1000px) { .logo-clipped-container .logo-clipped-part { padding-right: 8px; } } .logo-clipped-container .logo-clipped-part { padding-right: 4px; display: flex; clip-path: polygon(22px 0, 100% 0, 100% 100%, 0% 100%); align-items: stretch; transform: translateX(-45px); } .page-loaded .mod_only-wedding .logo-moscow { opacity: 0; animation: none; } .page-loaded .mod_only-wedding .logo-wedding { animation: none; transform: none; } .page-loaded { /*.logo-moscow { animation: clip-moscow $a-duration $easings infinite; animation-delay: 2s; } .logo-wedding { --end-of-animation-transform: 0px; animation: clip-wedding $a-duration $easings infinite; animation-delay: 2s; } .logo-wedding.mod_events { --end-of-animation-transform: -5px; left: 0; @include media-set(right, ( sm: 5px, hg: 20px )); }*/ } @keyframes clip-move { 0% { opacity: 0; } 50% { opacity: 1; } 80%, 100% { transform: translateX(-22px) rotate(0); opacity: 1; clip-path: polygon(22px 0, 23px 0, 1px 100%, 0% 100%); } } @keyframes clip-moscow { 0% { transform: translateX(0); } 3% { transform: translateX(-250px); opacity: 1; } 50% { transform: translateX(-250px); } 55% { transform: translateX(0); } 100% { transform: translateX(0px); opacity: 1; } } @keyframes clip-wedding { 0%, 3% { transform: translateX(-250px); opacity: 1; } 8% { transform: translateX(var(--end-of-animation-transform)); } 47% { transform: translateX(var(--end-of-animation-transform)); opacity: 1; } 50% { transform: translateX(-250px); } 100% { transform: translateX(-250px); opacity: 1; } } @keyframes clip-left { 80%, 100% { clip-path: polygon(0% 0%, 100% 0%, calc(100% - 22px) 100%, 0% 100%); transform: translateX(0); } } .header-down { position: absolute; top: 78px; left: 0; z-index: 100; display: none; justify-content: center; opacity: 0; width: 100%; background: #fff; padding: 32px 48px; min-height: 69vh; min-height: max(69vh, 600px); } @media (min-width: 1240px) { .header-down { min-height: max(58vh, 485px); } } @media (min-width: 1320px) { .header-down { min-height: max(58vh, 545px); } } .header-down.show { display: flex; animation: fade-in 0.2s forwards; } .header-down .header-category_list { display: none; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; justify-content: center; max-width: 435px; width: 100%; padding-top: 9px; } .header-down .header-category_list > * { width: 60%; } .header-down .header-category_list.show { display: flex; } .header-down .header-category_list.show.column-2 { justify-content: flex-start; } .header-down .header-category_list.show.column-2 > * { width: 50%; } .header-down .header-category_item { font-size: 12px; line-height: 18px; font-weight: 400; letter-spacing: 0.15em; text-transform: uppercase; color: #000; padding-right: 16px; } .header-down .header-category_item .header-category_item-text { position: relative; display: inline; padding-bottom: 4px; cursor: pointer; } .header-down .header-category_item .header-category_item-text:after { content: ""; height: 1px; position: absolute; bottom: 0; width: 0; left: 50%; transition: all 0.065s linear; } .header-down .header-category_item:not(:last-of-type) { margin-bottom: 23px; } .header-down .header-category_item.mod_active .header-category_item-text { color: #415571; } .header-down .header-category_item.mod_active .header-category_item-text:after { background-color: #415571; width: 100%; left: 0; opacity: 1; visibility: visible; } .header-down .header-category_item.disabled { cursor: default; opacity: 0.5; } .header-down .header-item_list { max-width: 908px; width: 100%; } .header-down .header-item_list.show { display: block; } .header-down .header-item_sublist { display: none; margin-left: -16px; margin-right: -16px; opacity: 0; } .header-down .header-item_sublist .mod_placeholder-loader { animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeholderLoader; animation-timing-function: linear; background: #fefefe; background: linear-gradient(to right, #f2f2f2 8%, #f8f8f8 18%, #f2f2f2 33%); background-size: 1200px 104px; position: relative; } @keyframes placeholderLoader { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .header-down .header-item_sublist.show { display: flex; align-items: flex-start; flex-wrap: wrap; animation: fade-in 0.2s forwards; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .header-down .header-item { width: calc(33.33% - 32px); margin: 0 16px; } .header-down .header-item:hover .header-item_wrap:before { background-color: rgba(0, 0, 0, 0.1); } .header-down .header-item:hover .header-item_name, .header-down .header-item:hover .header-item_price { color: #234d87; } .header-down .header-item_name.mod_truncate-overflow { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; } .header-down .header-item_wrap { position: relative; padding-bottom: 133%; margin-bottom: 14px; background-color: rgba(0, 0, 0, 0.05); } .header-down .header-item_wrap:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: transparent; z-index: 2; transition: all 0.3s ease; } .header-down .header-item_image { display: block; position: absolute; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .header-down .header-item_name { font-size: 22px; line-height: 28px; font-family: "Praho Pro"; color: #333744; transition: all 0.3s ease; margin-bottom: 7px; } .header-down .header-item_price { font-family: "Geometria"; font-size: 16px; line-height: 1; font-weight: 400; text-transform: uppercase; color: #393939; } .header-down .header-lazyload { transition: 0.8s; opacity: 0; } .header-down .header-lazyload.error, .header-down .header-lazyload.initial, .header-down .header-lazyload.loaded { opacity: 1; visibility: visible; } .header-down .header-lazyload:not([src]) { visibility: hidden; opacity: 0; } .header-down .header-item_name { margin-bottom: 7px; } @media all and (min-width: 1px) { .reviews-container .reviews_title { margin-bottom: 30px; } } @media all and (min-width: 1000px) { .reviews-container .reviews_title { margin-bottom: 50px; } } .reviews-container .reviews-list__item { position: relative; display: inline-block; vertical-align: top; } .reviews-container .slick-slide { display: inline-block; } .reviews-container .reviews-list__text { max-height: 70px; overflow: hidden; display: block; } .reviews-container .reviews-list__text--expand { padding: 10px 0; display: inline-block; cursor: pointer; color: #000 !important; } .reviews-container .reviews-list__text--expand:hover { color: #000 !important; } .reviews-container .reviews-list__text--expand:hover:after { background-color: #000; } .reviews-container .review_user-block { display: flex; } @media all and (min-width: 1px) { .reviews-container .review_user-block { flex-direction: column; } } @media all and (min-width: 1000px) { .reviews-container .review_user-block { flex-direction: row; } } .reviews-container .review_user-avatar { width: 130px; height: 145px; background: top center/cover no-repeat; margin-right: 25px; } @media all and (min-width: 1px) { .reviews-container .review_user-avatar { margin-bottom: 25px; } } @media all and (min-width: 1000px) { .reviews-container .review_user-avatar { margin-bottom: 0; } } .reviews-container .review_user-data { flex: 1; } .reviews-container .review_user-data .review-date { font-size: 14px; line-height: 26px; letter-spacing: 0px; color: #a3a3a3; font-family: "Geometria"; } .reviews-container .review_user-data .review_user-position { font-size: 14px; line-height: 26px; letter-spacing: 0px; color: #a3a3a3; margin-bottom: 12px; } .reviews-container .review_user-data .review_user-name { font-size: 24px; line-height: 34px; letter-spacing: 0px; text-align: left; } .reviews-container .review_user-data .review-userPosition { font-size: 17px; line-height: 15px; letter-spacing: 0px; font-family: "Praho Pro"; vertical-align: top; } @media all and (min-width: 1px) { .reviews-container .review_user-data .rating-list { margin-bottom: 7px; } } @media all and (min-width: 1000px) { .reviews-container .review_user-data .rating-list { margin-bottom: 27px; } } .reviews-container .reviews_user-link { display: block; } .reviews-container.mod_no-slider .reviews-list { display: flex; flex-wrap: wrap; justify-content: space-between; } @media all and (min-width: 767px) { .reviews-container.mod_no-slider .reviews-list__item { flex: 0 0 calc(50% - 50px); margin-right: 50px; } } .reviews-container.mod_no-slider .reviews-list__item { margin-right: 0; max-width: unset; margin-bottom: 60px; flex: 100%; } @media all and (min-width: 767px) { .reviews-container.mod_no-slider .review_user-data .rating-list { margin-bottom: 12px; } } .reviews-container.mod_no-slider .review_user-data .rating-list { margin-bottom: 7px; } .reviews-container.mod_no-slider .reviews-list__item.mod_hidden { display: none; } @media (min-width: 1px) and (max-width: 539px) { .reviews-container.mod_no-slider .review_user-avatar { margin-bottom: 4px; } } .reviews-container.mod_no-slider .review_user-avatar { width: 164px; height: 166px; } .reviews-container.mod_no-slider .reviews-list__title { font-size: 24px; } @media (min-width: 1px) and (max-width: 539px) { .reviews-container.mod_no-slider .reviews-list__text p, .reviews-container.mod_no-slider .reviews-list__text div { font-size: 14px; } } .reviews-container.mod_no-slider .reviews-list__text p, .reviews-container.mod_no-slider .reviews-list__text div { font-size: 16px; color: #767676; } .reviews-action { padding-bottom: 50px; text-align: center; } .reviews-action .reviews-action__title { margin-bottom: 15px; font-size: 36px; line-height: 1; } .reviews-action .reviews-action__text { margin-bottom: 17px; font-size: 18px; color: #767676; } .reviews-action .button-border-bottom { margin: 0 auto; } .reviews-wrapper { position: fixed; top: 0; width: 100%; height: 100%; z-index: -999999; background-color: rgba(255, 255, 255, 0.95); opacity: 0; transition: all 0.4s; } .reviews-wrapper.active { z-index: 999999; opacity: 1; } .reviews-wrapper.active .reviews-modal { opacity: 1; } .reviews-wrapper .main-menu__close { display: flex; padding: 20px 0 0; justify-content: flex-end; } .reviews-wrapper .js-modal-close { transition: all 0.4s; cursor: pointer; display: inline-block; } .reviews-wrapper .js-modal-close:hover { transform: rotate(90deg); } @media (min-width: 1px) and (max-width: 539px) { .reviews-wrapper .reviews-modal { width: calc(100vw - 40px); } } .reviews-wrapper .reviews-modal { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; background-color: #fff; line-height: 25px; font-family: "Geometria", sans-serif; padding: 60px 20px; text-align: center; opacity: 0; transition: all 0.4s; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); } .reviews-wrapper .reviews-title { font-size: 16px; text-transform: uppercase; margin-bottom: 10px; } .reviews-wrapper .reviews-additional { font-size: 15px; line-height: 25px; margin-bottom: 15px; } .reviews-wrapper .reviews-social { width: 230px; display: flex; justify-content: space-between; margin: 0 auto; } .reviews-wrapper .reviews-social-item { height: 60px; width: 60px; border-radius: 50%; border: 1px solid #eaeaea !important; display: flex; cursor: pointer; } .reviews-wrapper .reviews-social-item:hover svg { fill: white; } .reviews-wrapper .reviews-social-item svg { width: 25px; margin: auto; } .reviews-new-list { padding-bottom: 85px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; } @media (max-width: 1000px) { .reviews-new-list { display: block; padding-bottom: 65px; } } .reviews-new-list .reviews-list__text--expand { padding-top: 30px; font-weight: normal; font-size: 16px; line-height: 20px; color: #1E1E1E; border-bottom: 1px solid #1E1E1E; max-width: -moz-fit-content; max-width: fit-content; cursor: pointer; padding-bottom: 4px; } .reviews-new-list .review__item { padding: 40px 50px 40px 38px; background-color: #F5F5F5; display: grid; grid-template-columns: 160px auto; grid-gap: 20px; align-items: baseline; } .reviews-new-list .review__item.mod_hidden { display: none; } @media (max-width: 1000px) { .reviews-new-list .review__item { margin-bottom: 20px; grid-template-columns: 1fr; padding: 38px 20px; } } .reviews-new-list .review-author-socials { margin-top: 8px; } .reviews-new-list .review-author { font-weight: normal; font-size: 16px; line-height: 1.2; } @media (max-width: 767px) { .reviews-new-list .review-author { font-size: 20px; margin-bottom: 6px; } } .reviews-new-list .review-author-position, .reviews-new-list .review-author-socials, .reviews-new-list .review-published { font-weight: normal; font-size: 14px; line-height: 18px; color: #A3A3A3; } .reviews-new-list .review-rating-list { display: grid; grid-template-columns: repeat(5, max-content); grid-gap: 8px; padding: 15px 0 12px; } @media (max-width: 767px) { .reviews-new-list .review-rating-list { padding: 8px 0 10px; } } .reviews-new-list .review-title { font-weight: normal; font-size: 24px; line-height: 1.2; } @media (max-width: 767px) { .reviews-new-list .review-title { margin-top: 22px; margin-bottom: 14px; } } .reviews-new-list .review-text { font-weight: normal; color: #767676; letter-spacing: 0.416px; font-size: 16px; line-height: 24px; overflow: hidden; display: block; max-height: 100px; } .page_home .person { color: #252525; text-align: center; padding-top: 0; } .page_home .person_title { text-align: center; } @media all and (min-width: 1px) { .page_home .person_title { margin-bottom: 30px; } } @media all and (min-width: 1000px) { .page_home .person_title { margin-bottom: 50px; } } .page_home .person-title { font-family: "Geometria"; font-weight: 300; font-size: 20px; letter-spacing: 10.8px; color: #1e1e1e; } @media all and (min-width: 1px) { .page_home .person-title { margin-bottom: 20px; } } @media all and (min-width: 1000px) { .page_home .person-title { margin-bottom: 45px; } } .page_home .person-images { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .page_home .person-images > * { width: calc(100% / 2 - 20px); margin-left: 10px; margin-right: 10px; } .page_home .person-images { margin-left: auto; margin-right: auto; } @media all and (min-width: 1000px) { .page_home .person-images { width: 800px; } } @media all and (min-width: 1px) { .page_home .person-images { margin-bottom: 30px; } } @media all and (min-width: 1000px) { .page_home .person-images { margin-bottom: 35px; } } @media all and (min-width: 1000px) { .page_home .person-images { display: flex; flex-wrap: wrap; margin-left: -22.5px; margin-right: -22.5px; } .page_home .person-images > * { width: calc(100% / 2 - 45px); margin-left: 22.5px; margin-right: 22.5px; } .page_home .person-images { margin-left: auto; margin-right: auto; } } .page_home .person-image img { -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; height: 100%; } .page_home .list__image-wrapper, .page_home .gallery__item-link { height: 100%; } .page_home .person-description-wrapper { max-width: 600px; margin: 0 auto; } .page_home .person-description-wrapper .blog-list__title { margin-bottom: 30px; max-width: 600px; } .page_home .person-name { font-family: "Praho Pro"; line-height: 60px; margin-bottom: 30px; display: block; } @media all and (min-width: 1px) { .page_home .person-name { font-size: 25px; } } @media all and (min-width: 767px) { .page_home .person-name { font-size: 50px; } } .page_home .person-summary { font-size: 16px; margin-bottom: 40px; } .page_home .person-article-link { font-family: "Geometria"; font-size: 16px; letter-spacing: 6.08px; color: #415571; text-transform: uppercase; } .page_home .blog-list__more, .page_home .gallery__item-link { display: block; } .page_home .blog-list__more a { letter-spacing: 2.4px; margin-top: 0; color: #a3a3a3; } .page_home .blog-list__more a:after { background: #a3a3a3; } .page_home .gallery__item-link { padding-bottom: 163.38%; } .page_home .person .blog-list__text { font-family: "Geometria"; color: #767676; } .page_home .person .blog-list__title { color: #333744; } .page_home .person .blog-list__title:hover { color: #234d87; } @media all and (min-width: 1px) { .page_home .photo-news-wrapper { margin-bottom: 30px; } } @media all and (min-width: 1000px) { .page_home .photo-news-wrapper { margin-bottom: 85px; } } .page_home .photo-news-wrapper { padding: 0; } .photo-news-wrapper { display: flex; justify-content: space-between; } @media (min-width: 1000px) and (max-width: 1239px) { .photo-news-wrapper { justify-content: space-around; } } @media all and (min-width: 767px) { .photo-news-wrapper { padding: 0 30px; } } @media all and (min-width: 1px) { .photo-news-wrapper { flex-direction: column; } } @media all and (min-width: 1000px) { .photo-news-wrapper { flex-direction: row; } } @media all and (min-width: 1px) { .photo-news-wrapper { align-items: center; } } @media all and (min-width: 1000px) { .photo-news-wrapper { align-items: flex-start; } } .photo-news-wrapper .photo-news-item { flex: 0 335px; text-align: center; } @media all and (min-width: 1px) { .photo-news-wrapper .photo-news-item { max-width: 100%; } } @media all and (min-width: 1000px) { .photo-news-wrapper .photo-news-item { max-width: 300px; } } @media all and (min-width: 1240px) { .photo-news-wrapper .photo-news-item { max-width: 335px; } } @media all and (min-width: 1px) { .photo-news-wrapper .photo-news-item { margin-bottom: 40px; } } @media all and (min-width: 1000px) { .photo-news-wrapper .photo-news-item { margin-bottom: 0; } } .photo-news-wrapper .photo-news-item .list__image-wrapper { height: 475px; margin-bottom: 19px; } @media (max-width: 1000px) { .photo-news-wrapper .photo-news-item .list__image-wrapper { height: auto; padding-bottom: 142%; } } .photo-news-wrapper .photo-news-item .blog-list__image-img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media all and (min-width: 1px) { .photo-news-wrapper .photo-news-item .blog-list__category { margin-bottom: 20px; } } @media all and (min-width: 1000px) { .photo-news-wrapper .photo-news-item .blog-list__category { margin-bottom: 45px; } } @media all and (min-width: 1px) { .photo-news-wrapper .photo-news-item .blog-list__title { font-size: 24px; } } @media all and (min-width: 1000px) { .photo-news-wrapper .photo-news-item .blog-list__title { font-size: 32px; } } @media all and (min-width: 1px) { .photo-news-wrapper .photo-news-item .blog-list__title { line-height: 26px; } } @media all and (min-width: 1000px) { .photo-news-wrapper .photo-news-item .blog-list__title { line-height: 40px; } } @media all and (min-width: 1px) { .photo-news-wrapper .photo-news-item .blog-list__title { margin-bottom: 20px; } } @media all and (min-width: 1000px) { .photo-news-wrapper .photo-news-item .blog-list__title { margin-bottom: 26px; } } .photo-news-wrapper .photo-news-item .blog-list__title a { color: #333744; } .photo-news-wrapper .photo-news-item .blog-list__title a:hover { color: #234d87; } .photo-news-wrapper .photo-news-item .blog-list__text { font-size: 16px; line-height: 26px; color: #8c8c8c; } @media all and (min-width: 1px) { .photo-news-wrapper .photo-news-item .blog-list__text { margin-bottom: 20px; } } @media all and (min-width: 1000px) { .photo-news-wrapper .photo-news-item .blog-list__text { margin-bottom: 43px; } } .photo-news-redirect-wrapper { text-align: center; } @media all and (min-width: 767px) { .photo-news-redirect-wrapper { margin-bottom: 50px; } } .photo-news-redirect-wrapper .photo-news-redirect { letter-spacing: 2.4px; text-transform: uppercase; font-size: 12px; margin-top: 0; } .breadcrumbs { display: none; } .breadcrumbs-list { margin: auto; display: flex; flex-wrap: wrap; align-items: center; color: #a3a3a3; text-transform: uppercase; font-family: "Geometria"; } @media all and (min-width: 1px) { .breadcrumbs-list { font-size: 12px; line-height: normal; letter-spacing: 1.2px; } } .breadcrumbs-list span { margin: 0 5px; } .breadcrumbs-list a { padding: 5px 0; font: inherit; color: inherit; } .breadcrumbs-list .mod_hidden { display: none; } @media (max-width: 1000px) { .breadcrumbs-list.mod_showmen { justify-content: flex-start !important; } } .main-screen .main-screen__arrows { position: absolute; z-index: 1; left: 50%; bottom: 30px; transform: translateX(-50%); } .main-screen .main-screen__arrow { display: block; width: 18px; height: 14px; opacity: 0; animation: caretHint 2s infinite; } .main-screen .main-screen__arrow:nth-of-type(2) { animation-delay: 0.15s; } .main-screen .main-screen__arrow:nth-of-type(3) { animation-delay: 0.3s; } .main-screen { margin-bottom: 35px; } .page_contacts .main-screen, .page_about .main-screen, .page--top .main-screen { margin-bottom: 0; } @keyframes caretHint { 0% { opacity: 0; } 34% { opacity: 1; } 67% { opacity: 0; } } .page_blog .section-title, .page_blog-category .section-title, .page_photo-blog .section-title, .page_photo-blog-category .section-title { max-width: 100%; } .hidden-select { z-index: 200; position: absolute; opacity: 0; width: 100%; height: 100%; display: block; top: 0; left: 0; cursor: pointer; } .blog-nav { margin-top: 25px; } .blog-nav_title, .blog-nav_item, .blog-nav_selected-category { position: relative; padding: 0 6px; color: #8c8c8c; font-size: 12px; line-height: 22px; letter-spacing: 0.15em; text-transform: uppercase; font-family: "Geometria"; } .blog-nav_item, .blog-nav_selected-category { display: inline-block; } .blog-nav_link { padding: 0; color: #8c8c8c; } .blog-nav_list { display: inline-block; padding-top: 8px; padding-bottom: 8px; background: #fff; } .page_blog .blog-nav_list, .page_blog-category .blog-nav_list, .page_photo-blog .blog-nav_list, .page_photo-blog-category .blog-nav_list, .page_video-blog .blog-nav_list, .page_video-blog-category .blog-nav_list, .page_restaurants .blog-nav_list, .page_restaurants-place .blog-nav_list, .page_partners .blog-nav_list, .page_agencies-categories .blog-nav_list, .page_video .blog-nav_list, .page_video-categories .blog-nav_list, .page_foto .blog-nav_list, .page_foto-categories .blog-nav_list, .page_all-members .blog-nav_list { display: inline-block; } @media (max-width: 799px) { .page_blog .blog-nav_list, .page_blog-category .blog-nav_list, .page_photo-blog .blog-nav_list, .page_photo-blog-category .blog-nav_list, .page_video-blog .blog-nav_list, .page_video-blog-category .blog-nav_list, .page_restaurants .blog-nav_list, .page_restaurants-place .blog-nav_list, .page_partners .blog-nav_list, .page_agencies-categories .blog-nav_list, .page_video .blog-nav_list, .page_video-categories .blog-nav_list, .page_foto .blog-nav_list, .page_foto-categories .blog-nav_list, .page_all-members .blog-nav_list { position: absolute; z-index: 11; width: 100%; top: 62px; display: none; padding-top: 8px; padding-bottom: 8px; background: #fff; } } @media (max-width: 799px) { .page_blog .blog-nav_title, .page_blog-category .blog-nav_title, .page_photo-blog .blog-nav_title, .page_photo-blog-category .blog-nav_title, .page_video-blog .blog-nav_title, .page_video-blog-category .blog-nav_title, .page_restaurants .blog-nav_title, .page_restaurants-place .blog-nav_title, .page_partners .blog-nav_title, .page_agencies-categories .blog-nav_title, .page_video .blog-nav_title, .page_video-categories .blog-nav_title, .page_foto .blog-nav_title, .page_foto-categories .blog-nav_title, .page_all-members .blog-nav_title { display: none; } } .page_blog .blog-nav_title:empty, .page_blog-category .blog-nav_title:empty, .page_photo-blog .blog-nav_title:empty, .page_photo-blog-category .blog-nav_title:empty, .page_video-blog .blog-nav_title:empty, .page_video-blog-category .blog-nav_title:empty, .page_restaurants .blog-nav_title:empty, .page_restaurants-place .blog-nav_title:empty, .page_partners .blog-nav_title:empty, .page_agencies-categories .blog-nav_title:empty, .page_video .blog-nav_title:empty, .page_video-categories .blog-nav_title:empty, .page_foto .blog-nav_title:empty, .page_foto-categories .blog-nav_title:empty, .page_all-members .blog-nav_title:empty { display: none; } .page_blog .blog-nav_title, .page_blog .blog-nav_item, .page_blog .blog-nav_selected-category, .page_blog-category .blog-nav_title, .page_blog-category .blog-nav_item, .page_blog-category .blog-nav_selected-category, .page_photo-blog .blog-nav_title, .page_photo-blog .blog-nav_item, .page_photo-blog .blog-nav_selected-category, .page_photo-blog-category .blog-nav_title, .page_photo-blog-category .blog-nav_item, .page_photo-blog-category .blog-nav_selected-category, .page_video-blog .blog-nav_title, .page_video-blog .blog-nav_item, .page_video-blog .blog-nav_selected-category, .page_video-blog-category .blog-nav_title, .page_video-blog-category .blog-nav_item, .page_video-blog-category .blog-nav_selected-category, .page_restaurants .blog-nav_title, .page_restaurants .blog-nav_item, .page_restaurants .blog-nav_selected-category, .page_restaurants-place .blog-nav_title, .page_restaurants-place .blog-nav_item, .page_restaurants-place .blog-nav_selected-category, .page_partners .blog-nav_title, .page_partners .blog-nav_item, .page_partners .blog-nav_selected-category, .page_agencies-categories .blog-nav_title, .page_agencies-categories .blog-nav_item, .page_agencies-categories .blog-nav_selected-category, .page_video .blog-nav_title, .page_video .blog-nav_item, .page_video .blog-nav_selected-category, .page_video-categories .blog-nav_title, .page_video-categories .blog-nav_item, .page_video-categories .blog-nav_selected-category, .page_foto .blog-nav_title, .page_foto .blog-nav_item, .page_foto .blog-nav_selected-category, .page_foto-categories .blog-nav_title, .page_foto-categories .blog-nav_item, .page_foto-categories .blog-nav_selected-category, .page_all-members .blog-nav_title, .page_all-members .blog-nav_item, .page_all-members .blog-nav_selected-category { display: inline-block; } @media (max-width: 799px) { .page_blog .blog-nav_item, .page_blog-category .blog-nav_item, .page_photo-blog .blog-nav_item, .page_photo-blog-category .blog-nav_item, .page_video-blog .blog-nav_item, .page_video-blog-category .blog-nav_item, .page_restaurants .blog-nav_item, .page_restaurants-place .blog-nav_item, .page_partners .blog-nav_item, .page_agencies-categories .blog-nav_item, .page_video .blog-nav_item, .page_video-categories .blog-nav_item, .page_foto .blog-nav_item, .page_foto-categories .blog-nav_item, .page_all-members .blog-nav_item { text-align: left; display: block; } } .blog-nav_item { display: inline-block; padding: 6px; } .blog-nav_selected { position: relative; padding: 10px 0; display: none; text-align: left; } @media (max-width: 799px) { .blog-nav_selected { padding: 13px 20px; background-color: #fbfbfb; display: block; } } .blog-nav_selected-dropdown { position: absolute; right: 20px; top: 16px; width: 15px; height: 15px; } .blog-nav_selected-category { padding: 0; } .reservation-wrapper { position: fixed; top: 0; width: 100%; height: 100vh; display: flex; z-index: -999999; background-color: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; } .reservation-wrapper.active { z-index: 99999999; opacity: 1; visibility: visible; } .reservation-modal { display: flex; justify-content: center; align-items: stretch; margin: auto; max-width: 1600px; } .reservation-modal .picture-container { flex: 1.6667 1 1000px; max-width: 1000px; background-position: center; background-size: cover; } @media all and (min-width: 1px) { .reservation-modal .picture-container { display: none; } } @media all and (min-width: 1240px) { .reservation-modal .picture-container { display: block; } } .reservation-modal .reservation-pic { -o-object-fit: cover; object-fit: cover; } .reservation-modal .text-container { max-width: 600px; background-color: #fff; display: flex; position: relative; } @media all and (min-width: 1px) { .reservation-modal .text-container { flex: 1; } } @media all and (min-width: 1240px) { .reservation-modal .text-container { flex: 1 0 600px; } } @media all and (min-width: 1px) { .reservation-modal .text-container { color: #333744; padding: 42px 17px 46px; } } .reservation-modal .main-menu__close { position: absolute; right: 30px; top: 30px; cursor: pointer; } .reservation-modal .main-menu__close:hover .ic-close:before { transform: rotate(90deg); } .reservation-modal .reservation-form { margin: auto; max-width: 400px; } .reservation-modal .form-title { font-family: "Praho Pro"; color: #000; } @media all and (min-width: 1px) { .reservation-modal .form-title { font-size: 20px; line-height: 28px; letter-spacing: 0px; margin-bottom: 28px; } } @media all and (min-width: 1240px) { .reservation-modal .form-title { font-size: 32px; line-height: 28px; letter-spacing: 0px; margin-bottom: 35px; } } @media all and (min-width: 1px) { .reservation-modal .form-text { font-size: 14px; line-height: 22px; letter-spacing: 0px; margin-bottom: 35px; } } @media all and (min-width: 1240px) { .reservation-modal .form-text { font-size: 16px; line-height: 26px; letter-spacing: 0px; margin-bottom: 45px; } } .reservation-modal .form-input { font-size: 16px; line-height: 26px; letter-spacing: 0px; border: none; border-bottom: 1px solid #eaeaea; text-transform: unset; color: #000; padding-left: 0; } .reservation-modal .form-input::-moz-placeholder { color: #a3a3a3; } .reservation-modal .form-input::placeholder { color: #a3a3a3; } .reservation-modal .form-input.input-error { border-bottom-color: #f15762; } .reservation-modal .form-input-container:not(:last-child) { margin-bottom: 40px; } @media all and (min-width: 1px) { .reservation-modal .form-contact { margin-bottom: 40px; } } @media all and (min-width: 1240px) { .reservation-modal .form-contact { margin-bottom: 50px; } } .reservation-modal .contacts { padding-top: 10px; } @media all and (min-width: 1240px) { .reservation-modal .social_col { width: 200px; display: inline-flex; } } .public-offer { display: flex; align-items: center; letter-spacing: 0.1px; } @media screen and (max-width: 540px) { .public-offer { font-size: 13px; } } .public-offer a { color: inherit; position: relative; display: inline-block; transition: all 0.3s; } .public-offer a:hover { color: #415571; } .public-offer a:hover:after { background-color: #415571; } .public-offer a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #c4c4c4; transition: all 0.3s; } .public-offer input[type=checkbox]:checked + .checkbox-image:after { content: url("/img/payment-check.png"); } .public-offer input[type=checkbox] { display: none; } .public-offer .checkbox-image { display: inline-block; width: 18px; height: 18px; margin-bottom: 2px; border: 1px solid #eee; margin-right: 10px; vertical-align: text-bottom; position: relative; cursor: pointer; } .public-offer .checkbox-image:after { content: ""; position: absolute; width: 100%; height: 100%; transform: translate(20%, -30%); } .js-participate { margin-bottom: 15px; } .js-participate.mod_inactive { border: 1px solid #eaeaea; color: #ccc !important; background: none !important; cursor: default; } .page_restaurants-place .main-screen-white, .page_partners .main-screen-white, .page_agencies-categories .main-screen-white, .page_restaurants .main-screen-white { padding: 58px 0 45px; } @media (max-width: 768px) { .page_restaurants-place .main-screen-white, .page_partners .main-screen-white, .page_agencies-categories .main-screen-white, .page_restaurants .main-screen-white { padding: 50px 30px 45px; } } .page_masters .main-screen-white { padding: 58px 30px 45px; } @media all and (min-width: 1000px) { .page_masters .main-screen-white { padding: 0px 0 90px; } } .page_masters .main-screen-white .main-screen-white_heading { font-size: 40px; } @media all and (min-width: 1000px) { .page_masters .main-screen-white .main-screen-white_heading { font-size: 60px; } } @media (max-width: 768px) { .main-screen-white { padding: 50px 30px 45px; } } @media (min-width: 1px) and (max-width: 539px) { .main-screen-white { padding: 35px 20px 45px !important; text-align: left; } .main-screen-white .main-screen-white_text { padding-left: 0 !important; } } @media all and (min-width: 1px) { .main-screen-white .main-screen-white_pad { margin-bottom: 10px; } } @media all and (min-width: 1000px) { .main-screen-white .main-screen-white_pad { margin-bottom: 16px; } } .main-screen-white .main-screen-white_heading { padding-bottom: 3px; margin-top: 0; position: relative; cursor: pointer; display: inline; transition: all 0.3s ease; } .main-screen-white .main-screen-white_heading:hover .members-filter-btn { border-color: black; } .main-screen-white .members-filter-btn { font-size: 28px; display: inline; white-space: nowrap; border-bottom: 1px solid #b0bfd4; max-width: -moz-fit-content; max-width: fit-content; padding-bottom: 3px; transition: all 0.3s ease; } @media all and (min-width: 1000px) { .main-screen-white .members-filter-btn { font-size: 40px; } } .main-screen-white .members-filter-btn svg { width: 12px; } @media all and (min-width: 1000px) { .main-screen-white .members-filter-btn svg { min-width: 18px; } } .main-screen-white .members-filter-btn svg { transform: translate(0, -5px); } @media all and (min-width: 1px) { .main-screen-white .main-screen-white_links { margin-bottom: 15px; } } @media all and (min-width: 767px) { .main-screen-white .main-screen-white_links { margin-bottom: 18px; } } @media all and (min-width: 1000px) { .main-screen-white .main-screen-white_links { margin-bottom: 10px; } } .main-screen-white .main-screen-white_links { padding-bottom: 5px; font-family: "Geometria"; font-size: 12px; line-height: normal; letter-spacing: 1.2px; color: #a3a3a3; text-transform: uppercase; justify-content: center; } .main-screen-white .main-screen-white_links span { margin: 0 5px; } .main-screen-white { text-align: center; padding: 58px 0 84px; max-width: 780px; margin: auto; } .main-screen-white .main-screen-white_heading { font-size: 28px; } @media all and (min-width: 1000px) { .main-screen-white .main-screen-white_heading { font-size: 40px; } } .main-screen-white .main-screen-white_heading { font-family: "Praho Pro"; color: #000; margin-bottom: 10px; } @media (max-width: 768px) { .main-screen-white .main-screen-white_text { line-height: 1.5; padding: 0 25px; margin-top: 40px; } } .main-screen-white .main-screen-white_text { margin-top: 25px; line-height: 1.6em; font-size: 16px; font-family: "Geometria"; color: #767676; } .main-screen-white .filters { display: grid; grid-template-columns: 1fr; max-width: -moz-fit-content; max-width: fit-content; justify-items: flex-start; margin-top: 0; } @media all and (min-width: 1000px) { .main-screen-white .filters { grid-template-columns: calc(50% - 20px) calc(50% - 20px); max-width: 100%; margin: auto; grid-gap: 40px; align-items: center; } .main-screen-white .filters .mod_justify-self { justify-self: end; } } .main-screen-white .filters .main-screen-white_heading { align-items: center; } .main-screen-white .filters.mod_one { display: grid; grid-template-columns: 1fr; max-width: -moz-fit-content; max-width: fit-content; justify-items: center; } .footer .footer__container { display: grid; grid-gap: 10px; grid-template-columns: 1fr 1fr 1fr; align-items: center; border-top: 1px solid #eaeaea; padding: 19px 0 19px; flex-wrap: wrap; } .footer .footer__about { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-right: auto; } .footer .footer__about .mod_full-width { width: 100%; } .footer .mod_center { text-align: center; } .footer .mod_right { text-align: right; } .footer .footer__about-logo { height: 25px; width: 170px; margin-right: 29px; } .footer .footer__about-years, .footer .footer__policy a, .footer .footer__dev-by { text-transform: uppercase; font-family: "Geometria"; font-size: 12px; line-height: 2.08; letter-spacing: normal; text-align: left; color: #8c8c8c; } .footer .footer__policy a { padding-bottom: 0; } .footer .footer__dev-by { text-transform: none; } .footer .footer__dev { display: flex; justify-content: flex-start; align-items: center; margin-left: auto; } .footer .emind-logo { width: 25px; height: 25px; margin-left: 10px; } .footer .footer__dev-by { display: flex; margin-left: 40px; } .footer .footer__socials { display: flex; justify-content: center; align-items: center; } .footer .footer__social { padding: 13px; } .footer .footer__social:hover .mod_hover-black { fill: #000 !important; } @media (max-width: 999px) { .footer .footer__container { display: flex; flex-direction: column; } .footer .footer__about { margin: 0; order: 1; } .footer .footer__socials { order: 0; } .footer .footer__dev { margin: 0 0 13px 0; } } .footer.mod_mobile .footer__container { padding: 29px 0 16px; } .footer.mod_mobile .footer__about { order: unset; flex-direction: column; } .footer.mod_mobile .footer__about-logo { margin: 0px 0 4px; } .footer.mod_mobile .footer__dev-by { margin: 0 0 21px; } .footer.mod_mobile .footer__socials { order: unset; padding: 10px 0; } .footer.mod_mobile .footer__dev { flex-direction: column; } @media (max-width: 767px) { .footer .footer__phone { text-align: center; padding: 30px 0 5px; } } .footer .footer-icon { width: 20px; } .m-gallery:last-child .gallery-description { border-bottom: none; } .gallery-description.mod_no-awards .gallery-description__location { margin-right: 0; } .gallery-description.mod_no-awards .gallery-description__contacts { margin-left: auto; } .gallery-description.mod_no-awards .gallery-description__awards { display: none; } .gallery-description.mod_no-awards .gallery-description__title { flex: auto; } @media (min-width: 1px) and (max-width: 539px) { .gallery-description { border: none; padding: 25px 0 0; } } .gallery-description { display: flex; justify-content: flex-start; align-items: flex-start; padding: 16px 0; border-bottom: 1px solid #eaeaea; color: #333744; } @media all and (min-width: 1000px) { .gallery-description { padding: 33px 0 20px; } } @media all and (min-width: 540px) { .gallery-description { justify-content: space-between; } } @media all and (min-width: 1240px) { .gallery-description { justify-content: flex-start; } } .gallery-description .gallery-description__title { font-family: "Praho Pro", sans-serif; font-size: 25px; } @media (min-width: 1240px) { .gallery-description .gallery-description__title { flex: 0 0 25%; } } .gallery-description .gallery-description__title a { line-height: 16px; vertical-align: top; } .gallery-description .gallery-description__title a:hover { color: #234d87; } .gallery-description .gallery-description__awards { display: flex; justify-content: flex-end; align-items: center; margin-left: auto; margin-right: -5px; flex-wrap: wrap; display: none; } @media (min-width: 1240px) { .gallery-description .gallery-description__awards { display: flex; } } .gallery-description .gallery-description__contacts { display: flex; justify-content: flex-start; align-items: center; padding-bottom: 3px; flex: 0 0 auto; flex-wrap: nowrap; transform: translateY(-2px); } @media (min-width: 1px) and (max-width: 539px) { .gallery-description .gallery-description__contacts { display: none; } } @media (min-width: 1px) and (max-width: 539px) { .gallery-description .gallery-description__phone { display: none; } } .gallery-description .gallery-description__phone { border-bottom-style: dotted !important; font-family: "Geometria"; font-size: 16px; padding-bottom: 2px; position: relative; width: -moz-fit-content; width: fit-content; } .gallery-description .gallery-description__phone-link:not(.mod-no-hover):hover:before { opacity: 1; } .gallery-description .gallery-description__phone-link:before { transition: 0.3s; opacity: 0; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); font-family: "Geometria"; color: #a3a3a3; font-size: 14px; position: absolute; left: calc(100% + 20px); top: -12px; padding: 11px 17px; content: attr(data-popup); display: block; border-radius: 6px; background: #fff; min-width: 150px; text-align: center; z-index: 20; } .gallery-description .gallery-description__location { padding-top: 2px; font-size: 16px; line-height: 20px; margin: 0 25px 0 22px; color: #333744; } .gallery-description .gallery-description__location svg { fill: #333744; } .gallery-description .gallery-description__location span { margin: 0 5px; } .gallery-description .gallery-description__socials { transform: translateY(-1px); display: flex; } .gallery-description .gallery-description__socials svg { width: 16px; height: 16px; } .gallery-description .gallery-description__socials .mod_youtube-higher { width: 24px; } .gallery-description .gallery-description__award-text { display: flex; justify-content: flex-start; align-items: center; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; } .gallery-description .gallery-description__award-text span { margin-left: 5px; margin-right: 5px; } .gallery-description .gallery-description__award-text:before { display: block; content: ""; width: 25px; height: 25px; background: url("/img/svg/achievement_left.svg") center/contain no-repeat; } .gallery-description .gallery-description__award-text:after { display: block; content: ""; width: 25px; height: 25px; background: url("/img/svg/achievement_right.svg") center/contain no-repeat; } .gallery-description .gallery-description__socials { margin: 0 25px 0 15px; } .gallery-description .gallery-description__social-link { padding: 3px 7px; display: flex; } .gallery-description .gallery-description__social-link > * { margin: auto; } @media (min-width: 1px) and (max-width: 539px) { .gallery-description .gallery-description__social-link { padding: 10px; } } .gallery-description .gallery-description__social:hover .mod_hover-black { fill: #000 !important; } .gallery-description .gallery-description__awards .awards { flex-direction: row; justify-content: flex-end; flex-wrap: wrap; } .gallery-description .gallery-description__awards .awards .mod_third { display: none; } .gallery-description .gallery-description__awards .awards .hidden-description { width: auto; max-width: 500px; right: 0; left: unset; transform: translate(0, -100%); } .gallery-description .gallery-description__awards .award-wrapper { width: auto; margin-left: 10px; } .personal-award-title { display: flex; justify-content: flex-start; align-items: center; position: relative; font-size: 14px; text-transform: uppercase; text-align: center; cursor: pointer; } .personal-award-title:hover > .hidden-description { opacity: 1; } .personal-award-title.mod_award-hover:hover:after { filter: grayscale(1); } .personal-award-title.mod_award-hover:hover:before { filter: grayscale(1); } .personal-award-title .hidden-description { padding: 12px 20px; position: absolute; opacity: 0; transition: 0.3s; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); font-size: 14px; right: 5px; top: -20px; text-align: center; border-radius: 6px; background: #fff; color: black; transform: translateY(-100%); pointer-events: none; z-index: 9999; white-space: nowrap; } .personal-award-title.mod_award-hover span { text-overflow: ellipsis; max-width: 370px; white-space: nowrap; overflow: hidden; } .personal-award-title span { margin-left: 5px; margin-right: 5px; } .personal-award-title .full-award-description { display: flex; justify-content: center; align-items: center; padding: 14px 0px; } .personal-award-title .full-award-description:before { display: block; content: ""; width: 25px; height: 25px; background: url("/img/svg/achievement_left.svg") center/contain no-repeat; } .personal-award-title .full-award-description:after { display: block; content: ""; width: 25px; height: 25px; background: url("/img/svg/achievement_right.svg") center/contain no-repeat; } .personal-award-title:before { display: block; content: ""; width: 25px; height: 25px; background: url("/img/svg/achievement_left.svg") center/contain no-repeat; transition: all 0.3s; } .personal-award-title:after { display: block; content: ""; width: 25px; height: 25px; background: url("/img/svg/achievement_right.svg") center/contain no-repeat; transition: all 0.3s; } @media all and (min-width: 1px) { .personal-award-title { margin-bottom: 10px; } } @media all and (min-width: 1000px) { .personal-award-title { margin-bottom: 0; } } .rating-container { position: relative; } @media all and (min-width: 1px) { .rating-container { display: block; } } @media all and (min-width: 1240px) { .rating-container { display: inline-block; } } @media all and (min-width: 1px) { .rating-container { margin: 0 auto; } } @media all and (min-width: 1240px) { .rating-container { margin: 0; } } .rating-container.mod_without-total { display: block; width: -moz-fit-content; width: fit-content; } .rating-container.mod_without-total .rating-details_inner { background-color: white; padding: 0 20px 0; } .rating-container.mod_without-total .rating-details::after { background-color: white; } .rating-container.mod_without-total .rating-details_main { padding-bottom: 0; } .rating-details { position: relative; font-family: "Geometria"; box-sizing: border-box; min-width: 300px; background: #fff; z-index: 300; color: #a3a3a3; text-transform: uppercase; font-size: 12px; transition: all 0.3s; } @media all and (min-width: 1px) { .rating-details { margin-left: 0; } } @media all and (min-width: 1240px) { .rating-details { margin-left: -20px; } } @media (min-width: 1240px) { .rating-details { max-width: 300px; } } .rating-details:after { position: absolute; display: block; content: ""; height: 20px; width: 100%; bottom: -20px; background-color: white; } .rating-details .rating-details_inner { position: relative; padding: 20px 20px 0; background-color: #fff; } .rating-details .rating-details_main { display: flex; flex-direction: column; align-items: flex-start; padding-bottom: 20px; } @media all and (min-width: 1px) { .rating-details .rating-details_main { align-items: center; } } @media all and (min-width: 1240px) { .rating-details .rating-details_main { align-items: flex-start; } } @media all and (min-width: 1px) { .rating-details .rating-details_main { justify-content: center; } } @media all and (min-width: 1240px) { .rating-details .rating-details_main { justify-content: space-between; } } .rating-details .rating-details_list { position: absolute; left: 0px; width: 100%; visibility: hidden; background-color: #fff; padding: 0 20px 30px; display: flex; justify-content: space-between; flex-wrap: wrap; opacity: 0; transition: all 0.3s; border-top: 1px solid #e9ebee; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); } .rating-details .rating-details_list-inner { flex: 0 0 45%; display: flex; align-items: center; } .rating-details .rating-details_list-inner:nth-child(1), .rating-details .rating-details_list-inner:nth-child(2) { margin-top: 18px; } .rating-details .rating-details_item-text { font-size: 12px; color: #8c8c8c; margin-left: 14px; } .rating-details .mod_offsets { margin: 7px 0px; } .rating-details .rating-details_all-rates { letter-spacing: 1.2px; padding: 5px 0; cursor: pointer; font-size: 14px; font-family: "Geometria"; text-transform: lowercase; } @media (min-width: 1px) and (max-width: 539px) { .rating-details .rating-details_all-rates { display: none; } } .rating-details .rating-details_all-rates .mod_dotted-border { border-bottom: 1px dotted #a3a3a3; } .rating-details .dash { display: block; width: 20px; height: 1px; background-color: #a3a3a3; } @media (min-width: 1px) and (max-width: 539px) { .rating-details .dash { display: none; } } .rating-details .rating-details_star { display: inline-block; width: 21px; height: 21px; margin-right: 5px; } .rating-details .star-full { background: url("/img/svg/star-full.svg") center/cover no-repeat; } .rating-details .star-half { background: url("/img/svg/star-half.svg") center/cover no-repeat; } .rating-details .star-weak { background: url("/img/svg/star-weak.svg") center/cover no-repeat; } .rating-details .mod_weeker { opacity: 0.3; } .rating-captcha { display: inline-block; margin-top: 12px; padding: 10px 12px; border: 1px solid #e9ebee; border-radius: 8px; background: #fafafa; } .rating-captcha .cf-turnstile { display: flex; justify-content: center; } .rating-captcha .soc-feedback__error { display: block; margin-top: 8px; color: #c53f3f; } .page_home .blog-list .blog-list__category-link, .page_blog .blog-list .blog-list__category-link, .page_blog-category .blog-list .blog-list__category-link, .articles-slider .blog-list__category-link, .article-list .blog-list__category-link, .page_all-members .blog-list__category-link { letter-spacing: 2.4px; font-size: 12px; line-height: 25px; } .page_home .blog-list .blog-list__category, .page_blog .blog-list .blog-list__category, .page_blog-category .blog-list .blog-list__category, .articles-slider .blog-list__category, .article-list .blog-list__category, .page_all-members .blog-list__category { margin: 21px 0 14px; } .page_home .blog-list .blog-list__title a, .page_blog .blog-list .blog-list__title a, .page_blog-category .blog-list .blog-list__title a, .articles-slider .blog-list__title a, .article-list .blog-list__title a, .page_all-members .blog-list__title a { font-size: 45px; line-height: 52px; font-family: "Praho Pro"; color: #333744; } .page_home .blog-list .blog-list__title a:hover, .page_blog .blog-list .blog-list__title a:hover, .page_blog-category .blog-list .blog-list__title a:hover, .articles-slider .blog-list__title a:hover, .article-list .blog-list__title a:hover, .page_all-members .blog-list__title a:hover { color: #234d87; } .page_home .blog-list .blog-list__title, .page_blog .blog-list .blog-list__title, .page_blog-category .blog-list .blog-list__title, .articles-slider .blog-list__title, .article-list .blog-list__title, .page_all-members .blog-list__title { font-size: 22px; line-height: 28px; font-family: "Praho Pro"; color: #333744; } .page_home .blog-list .blog-list__title:hover, .page_blog .blog-list .blog-list__title:hover, .page_blog-category .blog-list .blog-list__title:hover, .articles-slider .blog-list__title:hover, .article-list .blog-list__title:hover, .page_all-members .blog-list__title:hover { color: #234d87; } .page_home .blog-list .blog-list__title, .page_blog .blog-list .blog-list__title, .page_blog-category .blog-list .blog-list__title, .articles-slider .blog-list__title, .article-list .blog-list__title, .page_all-members .blog-list__title { margin-bottom: 16px; } .page_home .blog-list .blog-list__text--date, .page_blog .blog-list .blog-list__text--date, .page_blog-category .blog-list .blog-list__text--date, .articles-slider .blog-list__text--date, .article-list .blog-list__text--date, .page_all-members .blog-list__text--date { letter-spacing: 2.4px; margin-top: 18px; font-size: 12px; } .page_home .blog-list a.blog-list__descr:hover .blog-list__title, .page_blog .blog-list a.blog-list__descr:hover .blog-list__title, .page_blog-category .blog-list a.blog-list__descr:hover .blog-list__title, .articles-slider a.blog-list__descr:hover .blog-list__title, .article-list a.blog-list__descr:hover .blog-list__title, .page_all-members a.blog-list__descr:hover .blog-list__title { color: #234d87; } .page_home .blog-list .blog-list__text, .page_blog .blog-list .blog-list__text, .page_blog-category .blog-list .blog-list__text, .articles-slider .blog-list__text, .article-list .blog-list__text, .page_all-members .blog-list__text { letter-spacing: 0.416px; font-size: 16px; font-family: "Geometria"; color: #767676; } .page_home .blog-list .blog-list__main .blog-list__text, .page_blog .blog-list .blog-list__main .blog-list__text, .page_blog-category .blog-list .blog-list__main .blog-list__text, .articles-slider .blog-list__main .blog-list__text, .article-list .blog-list__main .blog-list__text, .page_all-members .blog-list__main .blog-list__text { letter-spacing: 0.416px; font-size: 16px; font-family: "Geometria"; color: #767676; } .page_home .blog-list .blog-list__main .blog-list__category, .page_blog .blog-list .blog-list__main .blog-list__category, .page_blog-category .blog-list .blog-list__main .blog-list__category, .articles-slider .blog-list__main .blog-list__category, .article-list .blog-list__main .blog-list__category, .page_all-members .blog-list__main .blog-list__category { margin-bottom: 10px; } .page_home .blog-list .blog-list__main .blog-list__title, .page_blog .blog-list .blog-list__main .blog-list__title, .page_blog-category .blog-list .blog-list__main .blog-list__title, .articles-slider .blog-list__main .blog-list__title, .article-list .blog-list__main .blog-list__title, .page_all-members .blog-list__main .blog-list__title { font-size: 45px; line-height: 52px; font-family: "Praho Pro"; color: #333744; } .page_home .blog-list .blog-list__main .blog-list__title:hover, .page_blog .blog-list .blog-list__main .blog-list__title:hover, .page_blog-category .blog-list .blog-list__main .blog-list__title:hover, .articles-slider .blog-list__main .blog-list__title:hover, .article-list .blog-list__main .blog-list__title:hover, .page_all-members .blog-list__main .blog-list__title:hover { color: #234d87; } .page_home .blog-list .blog-list__main .blog-list__title, .page_blog .blog-list .blog-list__main .blog-list__title, .page_blog-category .blog-list .blog-list__main .blog-list__title, .articles-slider .blog-list__main .blog-list__title, .article-list .blog-list__main .blog-list__title, .page_all-members .blog-list__main .blog-list__title { margin-bottom: 29px; } .persons-list__item .list__image-wrapper { margin-bottom: 20px; } .persons-list__item .blog-list__category { margin-top: 25px; margin-bottom: 14px; } .persons-list__item .blog-list__category-link { letter-spacing: 2.4px; font-size: 12px; line-height: 25px; } .persons-list__item .persons-list__title { font-size: 32px; line-height: 40px; font-family: "Praho Pro"; color: #333744; } .persons-list__item .persons-list__title:hover { color: #234d87; } .persons-list__item .persons-list__title { margin-bottom: 24px; } .persons-list__item .persons-list__title--sm { font-size: 22px; line-height: 25px; } .persons-list__item .persons-list__text { letter-spacing: 0.416px; font-size: 16px; font-family: "Geometria"; color: #767676; } .persons-list__item a.persons-list__descr:hover .persons-list__title { color: #234d87; } @media all and (min-width: 1px) { .m-gallery.mod_video { margin-top: 23px; } } @media all and (min-width: 767px) { .m-gallery.mod_video { margin-top: 40px; } } @media all and (min-width: 1px) { .m-gallery.mod_video { margin-bottom: 23px !important; } } @media all and (min-width: 767px) { .m-gallery.mod_video { margin-bottom: 30px; } } @media (max-width: 999px) { .m-gallery.mod_video .m-gallery__container { max-width: 100%; display: flex; } } @media (max-width: 999px) { .m-gallery.mod_video .logo { margin-right: 5px; } } @media (max-width: 999px) { .m-gallery.mod_video .logo .m-gallery__logo, .m-gallery.mod_video .logo .m-gallery__logo .m-gallery__logo-inner, .m-gallery.mod_video .logo .m-gallery__logo .m-gallery__logo-image { height: 100%; } } .m-gallery-description { color: #767676; } @media (min-width: 1240px) { .galleries-list.mod-overflow-visible { overflow: visible; } } @media (max-width: 767px) { .galleries-list.mod_agency { margin: 0 -20px; } .galleries-list.mod_agency .m-gallery__list { height: 225px !important; } .galleries-list.mod_agency .gallery-description { padding-left: 20px; padding-right: 20px; } .galleries-list.mod_agency .m-gallery { margin-right: -5px; } .galleries-list.mod_agency .bottom-line > .col-item { margin-top: 2px; } .galleries-list.mod_agency .top-line > .col-item:first-child { margin-right: 2px; } .galleries-list.mod_agency .m-gallery.mod_video .logo { margin-right: 2px; } .galleries-list.mod_agency .m-gallery .logo { width: 180px; } .galleries-list.mod_agency .m-gallery__logo, .galleries-list.mod_agency .m-gallery__logo-inner { width: 100%; } } .restaurant-gallery { height: 400px; min-height: 400px; grid-template-columns: 320px 1fr 1fr 1fr; grid-gap: 4px; place-items: stretch; overflow-y: hidden; } @media (max-width: 1000px) { .restaurant-gallery { padding: 0 0 0 0; margin-right: -20px; height: 100%; min-height: 263px; grid-template-columns: 184px 168px 269px 236px 18px; grid-gap: 2px; overflow-x: scroll; } } .restaurant-gallery .image-wrapper { min-height: 400px; position: relative; } @media (max-width: 1000px) { .restaurant-gallery .image-wrapper { min-height: 263px; } } .restaurant-gallery .image-wrapper { background-color: #eaeaea; } .restaurant-gallery .image-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .restaurant-gallery.mod_photo { grid-template-columns: 320px repeat(7, auto); } @media (max-width: 1000px) { .restaurant-gallery.mod_photo { grid-template-columns: 184px repeat(7, auto); } } .restaurant-gallery.mod_photo .image-wrapper { aspect-ratio: var(--gallery-aspect-ratio); } .galleries-video-masters .video-masters__description { display: flex; margin: 60px 0 30px; } .galleries-video-masters .video-masters__description:first-of-type { margin-top: 0; } .galleries-video-masters .video-masters__logo { display: flex; width: 60px; height: 60px; overflow: hidden; margin-right: 16px; } .galleries-video-masters .m-gallery__logo-image { width: 60px; height: 60px; position: static; border-radius: 50%; } .galleries-video-masters .video-masters__info { display: flex; flex-direction: column; align-items: flex-start; } .galleries-video-masters .video-masters__title { font-family: "Praho Pro", sans-serif; font-size: 20px; margin-bottom: 7px; } .galleries-video-masters .video-master__phone { font-size: 14px; padding-bottom: 2px; border-bottom: 1px solid #eaeaea; } .galleries-video-masters .m-gallery__item--video { padding-bottom: 50%; } .galleries-video-masters .m-gallery__item--video img { height: 2px !important; } @media (min-width: 1240px) { .wrap.mod_pad-videografy { padding-top: 23px; } } @media (max-width: 768px) { .video-slider { margin: 0 -20px; } } .video-slider { font-size: 0; } .video-slider iframe { pointer-events: inherit; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; } .video-slider .played iframe { opacity: 1; visibility: visible; } @media (min-width: 1px) and (max-width: 539px) { .video-slider .video-slider__item { padding-bottom: 56.25%; } } .video-slider .video-slider__item { transition: all 1s ease; opacity: 0; padding-bottom: 38.3%; position: relative; display: inline-block; height: 100%; } .video-slider .video-slider__item:hover .video-link__play { transform: scale(1.05); } .video-slider .video-slider__item.mod_loaded { opacity: 1; } .video-slider .video-slider__item.mod_loaded .video-link__play { opacity: 1; } .video-slider .video-slider__link { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; } @media (max-width: 999px) { .video-slider__controls { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-around; right: 0; transform: translateY(-50%); } .video-slider__controls .video-slider__prev, .video-slider__controls .video-slider__next { display: grid; place-items: center; color: white !important; } } .video-slider__controls { position: absolute; bottom: -59px; right: 20px; height: 30px; z-index: 400; display: flex; align-items: center; } .video-slider__controls .video-slider__prev, .video-slider__controls .video-slider__next { cursor: pointer; transition: all 0.4s ease; color: #252525; } .video-slider__controls .video-slider__prev { margin-right: 25px; } .video-slider__controls .video-slider__prev:hover { transform: translateX(-3px); } .video-slider__controls .video-slider__next:hover { transform: translateX(3px); } .login-modal_container { display: block; } .login__overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 20; background: rgba(0, 0, 0, 0.6); display: none; } @media all and (min-width: 1000px) { .login-modal { height: 100vh; width: 100vw; } } .login-modal { padding: 40px; background: #fff; height: 100%; width: 100%; display: flex; flex-direction: column; } .login-modal .close-container { width: 100%; } .login-modal .login-modal_close { margin: 30px auto; max-width: 1200px; font-size: 30px; color: #1c1c1a; text-align: left; } .login-modal .login-modal_close a { cursor: pointer; } .login-modal .login-modal_control { position: relative; margin: auto; } .login-modal .login-modal_input { text-transform: none; color: #252525; border: none; padding-left: 0; padding-bottom: 14px; margin-bottom: 30px; font-size: 24px; font-family: "Praho Pro"; border-bottom: 1px solid #cdcdcd; } .login-modal .login-modal_input::-moz-placeholder { opacity: 0.3; } .login-modal .login-modal_input::placeholder { opacity: 0.3; } .login-modal .login-modal_tip { display: none; position: absolute; top: -40px; left: -10px; padding: 10px; color: #b2b2b2; } .login-modal p { text-align: center; font-size: 14px; color: #b2b2b2; } .login-modal .login-btn { text-align: center; margin-top: 20px; transition: 0.3s ease; } .login-modal svg { transition: 0.3s ease; cursor: pointer; fill: #cdcdcd; } .login-modal svg:hover { fill: #000; } .login-modal svg.mod_filled { fill: #000; } .login-modal .remind-me-password-modal { z-index: 300; background-color: #fff; padding: 40px; display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .login-modal .remind-me-password-modal p { margin-bottom: 12px; color: #000; } .login-modal .remind-me-password-modal button { transition: all 0.3s ease; margin-top: 30px; border: 1px solid; height: 50px; min-width: 150px; padding: 0 20px; } .login-modal .login-forgot-btn { display: block; margin: 0 auto 60px; border: none; background: none; font-family: "Geometria"; font-size: 14px; font-style: normal; font-stretch: normal; line-height: 1.86; letter-spacing: normal; text-align: center; color: #767676; } .password-reset .login-modal_input { margin-top: 20px; margin-bottom: 25px; max-width: 360px; } .password-reset .invalid-feedback { color: red; display: block; margin: 0 0 15px; } .password-reset .password-reset_action { display: block; margin: 0 auto 80px; border: none; font-weight: 500; height: 50px; text-transform: uppercase; font-size: 14px; padding: 0 10px; cursor: pointer; fill: #cdcdcd; transition: 0.3s ease; } .password-reset .password-reset_action:hover { fill: black; } .password-reset .login-modal_control { width: 100%; } .password-reset .login-modal_form { display: flex; flex-direction: column; justify-content: center; align-items: center; } /*spinner*/ .lds-ripple { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-ripple div { position: absolute; border: 4px solid #fff; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .lds-ripple div:nth-child(2) { animation-delay: -0.5s; } @keyframes lds-ripple { 0% { top: 28px; left: 28px; width: 0; height: 0; opacity: 1; } 100% { top: -1px; left: -1px; width: 58px; height: 58px; opacity: 0; } } .spinner-modal { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background-color: rgb(178.5, 178.5, 178.5); position: fixed; z-index: 9999; display: flex; justify-content: center; align-items: center; } .lds-ellipsis { display: block; margin: auto; position: relative; width: 64px; height: 64px; } .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #000; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 6px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 6px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 26px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 45px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } /*spinner ends*/ .confirm-modal { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 300px; height: 200px; z-index: 9999; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; } .confirm-modal .confirm-modal_actions { display: flex; justify-content: center; align-items: center; } .confirm-modal .mod_default { display: flex; justify-content: center; align-items: center; height: 40px; padding: 0 10px; margin: 0 5px; border: 1px solid; transition: all 0.3s; } .confirm-modal .mod_default:hover { background-color: black; color: white; } .confirm-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1000; } .button-border-bottom { display: flex; margin: 30px auto; justify-content: center; align-items: center; border-bottom: 1px solid transparent; text-transform: uppercase; transition: all 0.3s; color: #000; } .button-border-bottom svg { margin-left: 10px; } .button-border-bottom:hover { border-color: #000; } .button-border-bottom .mod_processing { animation: process-more 0.6s linear infinite; } @keyframes process-more { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } .article-list { display: grid; } @media all and (min-width: 1px) { .article-list { grid-template-columns: repeat(2, calc(50% - 10px)); } } @media all and (min-width: 1000px) { .article-list { grid-template-columns: repeat(4, 1fr); } } @media all and (min-width: 1px) { .article-list { grid-gap: 20px; } } @media all and (min-width: 1240px) { .article-list { grid-gap: 50px; } } .article-list .article-list-btn { grid-column: 1/-1; } .article-list .article .blog-list__image--wrapper { display: block; } @media (min-width: 1px) and (max-width: 539px) { .article-list .article .blog-list__title { font-size: 18px; line-height: 1.2; font-family: "Praho Pro"; color: #333744; } .article-list .article .blog-list__title:hover { color: #234d87; } } .article-list .article.mod_hidden { display: none; } .article-video-list { display: block; } @media all and (min-width: 1000px) { .article-video-list { display: grid; grid-template-columns: repeat(3, 3fr); grid-gap: 60px; } } .article-video-list .article.mod_hidden { display: none; } .article-video-list .article-list-btn { grid-column: 1/-1; } @media all and (min-width: 1px) { .article-video-list .video-news-card { margin-bottom: 62px; } } @media all and (min-width: 1000px) { .article-video-list .video-news-card { margin-bottom: 0; } } .related-subscribers-list { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin: 0 -15px; } @media all and (min-width: 1px) { .related-subscribers-list .related-subscriber { flex: 0 0 100%; } } @media all and (min-width: 767px) { .related-subscribers-list .related-subscriber { flex: 0 0 50%; } } @media all and (min-width: 1000px) { .related-subscribers-list .related-subscriber { flex: 0 0 25%; } } .related-subscribers-list .related-subscriber { padding: 0 15px; } .related-subscribers-list .related-subscriber.mod_hidden { display: none; } .tags-container { border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; } .tags-container .tags { display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; max-width: 760px; margin: auto; padding: 20px 0; } .tags-container .tags__label { margin-right: 17px; font-size: 18px; color: #767676; } .tags-container .tag { margin-right: 8px; font-size: 18px; font-family: "Praho Pro"; color: #000; text-decoration: underline; } .tags-container.mod_no-border { border: none; margin-bottom: 26px; } .cookie { display: flex; justify-content: center; align-items: center; position: fixed; bottom: 0; left: 0; min-height: 80px; width: 100%; padding: 20px; padding-right: 40px; background: rgba(255, 255, 255, 0.9); text-align: center; font-family: "Geometria"; font-size: 16px; color: #4f4f4f; box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.15); letter-spacing: 1.6px; z-index: 999999999; } .cookie p { margin: 0; } .cookie .cookie-close { position: absolute; top: 20px; right: 10px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; line-height: 0; font-size: 24px; letter-spacing: 0; color: #4f4f4f; cursor: pointer; transition: all 0.3s; } .cookie .cookie-close:hover { background-color: rgba(0, 0, 0, 0.2); } @media (min-width: 670px) { .cookie .cookie-close { top: calc((100% - 24px) / 2); right: 12px; } } .cookie.accepted { display: none; } .news-mailing-form { padding: 72px 20px; background: #F5F5F5; max-width: 1140px; margin: 0 auto 93px; } @media all and (min-width: 1000px) { .news-mailing-form { padding: 86px 0; margin: 0 auto 106px; } } @media all and (min-width: 1000px) { .news-mailing-form .news-mailing-form__inner { display: flex; justify-content: center; align-items: center; } } .news-mailing-form .news-mailing-form__description { text-align: left; } @media all and (min-width: 1000px) { .news-mailing-form .news-mailing-form__description { margin-right: 177px; max-width: 350px; } } .news-mailing-form .news-mailing-form__description h2 { margin: 0 0 15px; font-family: "Praho Pro"; font-size: 22px; font-weight: 400; line-height: 1; color: #000; } @media all and (min-width: 1000px) { .news-mailing-form .news-mailing-form__description h2 { font-size: 34px; line-height: 48px; margin: 0 0 10px; } } .news-mailing-form .news-mailing-form__description p { font-size: 15px; color: #828282; line-height: 19px; margin-bottom: 23px; } @media all and (min-width: 1000px) { .news-mailing-form .news-mailing-form__description p { line-height: 21px; margin-bottom: 0; } } .news-mailing-form .news-mailing-form__form { position: relative; margin: auto; text-align: center; width: 100%; } @media all and (min-width: 1000px) { .news-mailing-form .news-mailing-form__form { min-width: 360px; margin: 0; width: auto; } } .news-mailing-form .news-mailing-form__send { position: absolute; right: 0; bottom: 6px; display: flex; cursor: pointer; transition: all 0.3s; } .news-mailing-form .news-mailing-form__send svg { transition: all 0.3s; fill: #828282; } .news-mailing-form .news-mailing-form__send span { font-weight: 400; font-size: 15px; color: #8C8C8C; text-transform: uppercase; } .news-mailing-form .news-mailing-form__input { padding: 14px 14px 8px 0; border: none; border-bottom: 1px solid #828282; font-family: "Geometria"; font-size: 14px; text-transform: none; background: none; height: auto; letter-spacing: normal; } .news-mailing-form .news-mailing-form__input:focus, .news-mailing-form .news-mailing-form__input:hover { border-bottom: 1px solid #333; } .news-mailing-form .news-mailing-form__input:focus ~ .news-mailing-form__send svg, .news-mailing-form .news-mailing-form__input:hover ~ .news-mailing-form__send svg { fill: #333; transform: rotateZ(20deg); } .news-mailing-form .news-mailing-form__input:focus ~ .news-mailing-form__send span, .news-mailing-form .news-mailing-form__input:hover ~ .news-mailing-form__send span { color: black; } .news-mailing-form .news-mailing-form__input::-moz-placeholder { letter-spacing: normal; text-decoration: none; color: #BDBDBD; text-transform: none; font-size: 14px; } .news-mailing-form .news-mailing-form__input::placeholder { letter-spacing: normal; text-decoration: none; color: #BDBDBD; text-transform: none; font-size: 14px; } @media all and (min-width: 1000px) { .page_home .insta-list { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1px) and (max-width: 539px) { .insta-block { padding-top: 30px; } } @media all and (min-width: 1px) { .insta-block .insta-list { margin-bottom: 80px; } } @media all and (min-width: 1000px) { .insta-block .insta-list { margin-bottom: 85px; } } @media all and (min-width: 1px) { .insta-block .insta-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media all and (min-width: 1240px) { .insta-block .insta-list { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media all and (min-width: 1px) { .insta-block .insta-list { grid-gap: 0.4rem; } } @media all and (min-width: 1240px) { .insta-block .insta-list { grid-gap: 1rem; } } .insta-block .insta-item { width: 100%; overflow: hidden; position: relative; padding-bottom: 100%; background-color: #f8f8f8; } @media all and (min-width: 1240px) { .insta-block .insta-item.mod_only-mobile { display: none; } } .insta-block .insta-img-wrapper { position: absolute; width: 100%; height: 100%; } .insta-block .insta-img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .insta-block .insta-img .insta-lazyload { opacity: 0; -o-object-position: top; object-position: top; width: 100%; height: 100%; transition: 0.3s; } .insta-block .insta-img .insta-lazyload.loaded { opacity: 1; } .insta-block .insta-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; background-color: rgba(0, 0, 0, 0); transition: background-color 0.35s ease; } .insta-block .insta-link:hover { background-color: rgba(0, 0, 0, 0.1); } .insta-block .list-title { text-align: center; line-height: 1.2; color: #8c8c8c; font-size: 14px; letter-spacing: 1.8px; text-transform: uppercase; font-family: "Geometria"; } @media all and (min-width: 1px) { .insta-block .list-title { margin-top: 40px; } } @media all and (min-width: 1240px) { .insta-block .list-title { margin-top: 100px; } } @media all and (min-width: 1px) { .insta-block .list-title { margin-bottom: 40px; } } @media all and (min-width: 1240px) { .insta-block .list-title { margin-bottom: 100px !important; } } .insta-block .list-title.mod_left { text-align: left; } .common-footer { position: relative; } .common-footer .footer_switcher-container { display: grid; grid-template-columns: auto auto; justify-content: flex-start; grid-gap: 40px 21px; margin: 26px 0; } @media (max-width: 767px) { .common-footer .footer_switcher-container { margin: 41px 0 21px; grid-template-columns: auto; grid-gap: 21px; } } .common-footer .domain_switcher { display: flex; } .common-footer .domain_switcher .switcher_link { position: relative; font-size: 14px; color: #8C8C8C; text-transform: uppercase; line-height: 18px; display: block; width: -moz-fit-content; width: fit-content; } .common-footer .domain_switcher .switcher_link:after { content: ""; background-color: #a3a3a3; height: 1px; position: absolute; bottom: 0; width: 0; left: 50%; transition: all 0.08s linear; } .common-footer .domain_switcher .switcher_link:hover, .common-footer .domain_switcher .switcher_link.mod_active { color: #415571; } .common-footer .domain_switcher .switcher_link:hover:after, .common-footer .domain_switcher .switcher_link.mod_active:after { background-color: #415571; width: 100%; left: 0; opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } @media (min-width: 1000px) { .common-footer .domain_switcher .switcher_link { margin-bottom: 0; line-height: 1.8; } } .common-footer .domain_switcher .mod_dash { position: relative; font-size: 14px; color: #8C8C8C; text-transform: uppercase; line-height: 18px; margin: 0 10px; } .common-footer span, .common-footer p { margin: 0; padding: 0; line-height: normal; } .common-footer .common-footer_container { border-top: 1px solid #eaeaea; padding-top: 48px; padding-bottom: 46px; } @media (min-width: 1000px) { .common-footer .common-footer_container { padding-top: 46px; padding-bottom: 44px; } } .common-footer .common-footer_row.mod_row { display: flex; align-items: center; justify-content: space-between; } .common-footer .common-footer_row:not(:last-of-type) { margin-bottom: 42px; } @media (min-width: 1000px) { .common-footer .common-footer_row { display: flex; align-items: center; justify-content: space-between; } .common-footer .common-footer_row:not(:last-of-type) { margin-bottom: 52px; } .common-footer .common-footer_row.mod_no-mb { margin-bottom: 0 !important; } } .common-footer .common-footer_ls { margin-bottom: 41px; } @media (min-width: 1000px) { .common-footer .common-footer_ls { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; } } .common-footer .common-footer_logo { display: block; width: -moz-fit-content; width: fit-content; margin-bottom: 41px; } .common-footer .common-footer_logo img { width: 194px; height: auto; } @media (min-width: 1000px) { .common-footer .common-footer_logo { margin-right: 75px; margin-bottom: 0; } } .common-footer .footer-phone { font-size: 14px; line-height: 18px; color: #000000; } .common-footer .footer-address { font-size: 14px; line-height: 18px; color: #8C8C8C; margin: 10px 0 35px; } @media (min-width: 1000px) { .common-footer .footer-address { margin: 0; } } @media (min-width: 1000px) { .common-footer .footer-social { display: flex; align-items: center; } } .common-footer .footer-social .social-link { position: relative; font-size: 12px; color: #767676; text-transform: uppercase; display: block; width: -moz-fit-content; width: fit-content; } .common-footer .footer-social .social-link:not(:last-of-type) { margin-bottom: 17px; } .common-footer .footer-social .social-link:after { content: ""; position: absolute; left: 0; bottom: -2px; display: block; width: 0; height: 1px; background: #828282; transition: all 0.2s; } .common-footer .footer-social .social-link:hover { color: #000; } .common-footer .footer-social .social-link:hover:after { width: 100%; } @media (min-width: 1000px) { .common-footer .footer-social .social-link:not(:last-of-type) { margin-right: 20px; margin-bottom: 0; } } .common-footer .eula { font-size: 12px; line-height: 15px; color: #8C8C8C; text-decoration: none; text-transform: uppercase; } .common-footer .common-footer_text-link { position: relative; font-size: 14px; color: #8C8C8C; text-transform: uppercase; line-height: 18px; display: block; width: -moz-fit-content; width: fit-content; } .common-footer .common-footer_text-link:not(:last-of-type) { margin-bottom: 21px; } @media (min-width: 1000px) { .common-footer .common-footer_text-link:not(:last-of-type) { margin-bottom: 0; } .common-footer .common-footer_text-link:after { content: ""; background-color: #a3a3a3; height: 1px; position: absolute; bottom: 0; width: 0; left: 50%; transition: all 0.08s linear; } .common-footer .common-footer_text-link:hover { color: #415571; } .common-footer .common-footer_text-link:hover:after { background-color: #415571; width: 100%; left: 0; opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .common-footer .common-footer_text-link { margin-bottom: 0; line-height: 1.8; } .common-footer .common-footer_text-link:not(:last-of-type) { margin-right: 46px; } } .common-footer .dev-by_icon { display: block; width: 20px; height: 20px; margin-left: 12px; } .common-footer .dev-by { display: flex; align-items: center; font-size: 12px; line-height: 15px; color: #8C8C8C; } .common-footer .footer-whatsapp { --whatsapp-pulse-color: rgba(0, 0, 0, 0.3); --whatsapp-pulse-color-end: rgba(0, 0, 0, 0.1); --whatsapp-text-box-width: 120px; } .common-footer .footer-whatsapp.mod_en { --whatsapp-text-box-width: 120px; } .common-footer .footer-whatsapp { position: fixed; bottom: 20px; right: 20px; z-index: 109; border-radius: 50%; box-shadow: 0 0 0 3px var(--whatsapp-pulse-color); animation-name: whatsapp-pulse; animation-duration: 3s; animation-iteration-count: infinite; will-change: box-shadow; } .common-footer .footer-whatsapp .whatsapp-hidden-text { position: absolute; top: 0; bottom: 0; right: 30px; display: block; width: 0; color: white; font-size: 16px; line-height: 42px; background-color: black; font-weight: 300; margin: auto; white-space: nowrap; height: 42px; padding-left: 10px; overflow: hidden; transition: 0.3s; animation-name: whatsapp-show-text; animation-duration: 16s; animation-iteration-count: infinite; } @media (min-width: 1200px) { .common-footer .footer-whatsapp { bottom: 20px; } .common-footer .footer-whatsapp:hover svg { transform: scale(1.02); } } .common-footer .footer-whatsapp.fixed { position: fixed; right: 20px; bottom: 20px; } .common-footer .footer-whatsapp svg { position: relative; z-index: 20; display: block; width: 57px; height: 57px; fill: rgb(0, 0, 0); transition: all 0.2s; } @keyframes whatsapp-pulse { 0% { box-shadow: 0 0 0 3px var(--whatsapp-pulse-color); } 50% { box-shadow: 0 0 0 13px var(--whatsapp-pulse-color-end); } 100% { box-shadow: 0 0 0 3px var(--whatsapp-pulse-color); } } @keyframes whatsapp-show-text { 0% { width: 0; } 59% { width: 0; } 70% { width: var(--whatsapp-text-box-width); } 95% { width: var(--whatsapp-text-box-width); } 100% { width: 0; } } .awards { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; } .awards .award-wrapper { display: flex; justify-content: flex-start; align-items: center; } @media all and (min-width: 1px) { .awards .award-wrapper { justify-content: center; } } @media all and (min-width: 1240px) { .awards .award-wrapper { justify-content: flex-start; } } .awards .award-wrapper { position: relative; font-size: 14px; text-align: center; margin: 0 0 10px; width: 100%; } @media (min-width: 1240px) { .awards .award-wrapper { width: auto; } } .awards .award-wrapper .award { display: flex; justify-content: flex-start; align-items: center; max-width: 100%; } .awards .award-wrapper .award-text { margin: 1px 7px 0; display: block; width: 100%; max-width: 100%; text-transform: uppercase; } .awards .award-wrapper .mod_visible { cursor: pointer; } .awards .award-wrapper .award .award-text { max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .awards .award-wrapper .mod_visible .award-text:before { content: ""; display: block; } .awards .award-wrapper .award-icon { min-width: 20px; width: 20px; transition: transform 0.1s; fill: #deb443; } .awards .award-wrapper .award-icon.mod_hidden { display: none; } .awards .award-wrapper .award-icon-left { fill: #D2D2D2; } .awards .award-wrapper .award-info { transition: all 0.3s ease; fill: #D2D2D2; } .awards .award-wrapper .mod_visible:hover + .hidden-description { opacity: 1; } .awards .award-wrapper.mod_awards-hover .mod_visible:hover .award-info { fill: black; } .awards .award-wrapper .hidden-description { padding: 12px 20px; position: absolute; opacity: 0; transition: 0.3s; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); font-size: 14px; left: 50%; top: -8px; text-align: center; border-radius: 6px; background: #fff; color: black; transform: translate(-50%, -100%); pointer-events: none; z-index: 9999; width: auto; max-width: 100%; text-transform: uppercase; } @media (min-width: 1240px) { .awards .award-wrapper .hidden-description { max-width: 500px; transform: translate(0%, -100%); left: 0; } } .awards .award-wrapper .hidden-description .award { width: -moz-max-content; width: max-content; max-width: 100%; } @media (min-width: 1240px) { .awards .award-wrapper .hidden-description .award { max-width: 460px; } } .awards .award-wrapper .hidden-description .award-text { margin: 0; white-space: normal; } .top100-popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.5); } .top100-popup .close-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; } .top100-popup.mod_opened { display: flex; opacity: 0; animation-name: show-up; animation-fill-mode: forwards; animation-duration: 0.5s; } @keyframes show-up { 0% { opacity: 0; } 100% { opacity: 1; } } .top100-popup.mod_opened .popup-content { opacity: 0; animation-name: fade-in-right; animation-fill-mode: forwards; animation-duration: 0.5s; transform: translate3d(-100%, 0, 0); } @keyframes fade-in-right { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; transform: translateZ(0); } } .top100-popup .popup-content { z-index: 9999; position: relative; overflow-y: auto; overflow-x: hidden; } .top100-popup .popup-close { position: absolute; right: 9px; top: 9px; cursor: pointer; } @media (max-width: 1239px) { .top100-popup .popup-close { right: 17px; top: 17px; } } .top100-popup .cross-close { top: 26px; right: 35px; position: absolute; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; cursor: pointer; transition: 0.3s ease; } @media (max-width: 1239px) { .top100-popup .cross-close { right: 20px; top: 20px; } } .top100-popup .cross-close .cross_line { position: absolute; left: 0; height: 1px; background-color: #333; transform-origin: center center; transition: 0.2s ease; width: 34px; } @media (max-width: 1239px) { .top100-popup .cross-close .cross_line { width: 27px; } } .top100-popup .cross-close .mod_1 { top: 12px; transform: rotate(45deg); } .top100-popup .cross-close .mod_2 { bottom: 11px; transform: rotate(-45deg); } @media all and (min-width: 1240px) { .top100-popup .cross-close:hover .mod_1 { transform: rotate(135deg); } .top100-popup .cross-close:hover .mod_2 { transform: rotate(45deg); } } .photo-news-card { width: 100%; flex: 0 0 30.3333333333%; text-align: center; } @media all and (min-width: 1px) { .photo-news-card { margin-bottom: 40px; } } @media all and (min-width: 1000px) { .photo-news-card { margin-bottom: 0; } } .photo-news-card .list__image-wrapper { margin-bottom: 19px; } .photo-news-card .blog-list__image-img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media all and (min-width: 1px) { .photo-news-card .blog-list__category { margin-bottom: 20px; } } @media all and (min-width: 1000px) { .photo-news-card .blog-list__category { margin-bottom: 45px; } } @media all and (min-width: 1px) { .photo-news-card .blog-list__title { font-size: 24px; } } @media all and (min-width: 1000px) { .photo-news-card .blog-list__title { font-size: 32px; } } @media all and (min-width: 1px) { .photo-news-card .blog-list__title { line-height: 26px; } } @media all and (min-width: 1000px) { .photo-news-card .blog-list__title { line-height: 40px; } } @media all and (min-width: 1px) { .photo-news-card .blog-list__title { margin-bottom: 20px; } } @media all and (min-width: 1000px) { .photo-news-card .blog-list__title { margin-bottom: 26px; } } .photo-news-card .blog-list__title a { color: #333744; } .photo-news-card .blog-list__title a:hover { color: #234d87; } .photo-news-card .blog-list__text { font-size: 16px; line-height: 26px; color: #8c8c8c; } @media all and (min-width: 1px) { .photo-news-card .blog-list__text { margin-bottom: 20px; } } @media all and (min-width: 1000px) { .photo-news-card .blog-list__text { margin-bottom: 43px; } } .video-news-card .blog-list__category { margin: 24px 0 14px; } .video-news-card .blog-list__title { margin: 0; font-size: 22px; line-height: 28px; margin-bottom: 16px; } .video-news-card .blog-list__text { letter-spacing: 0.416px; line-height: 24px; font-size: 16px; font-family: "Geometria"; color: #767676; margin-left: 0; margin-right: 0; } .video-news-card .blog-list__author { text-transform: uppercase; display: block; letter-spacing: 2.4px; font-size: 12px; color: rgba(0, 0, 0, 0.3); margin-top: 18px; } .video-news-card .blog-list__image { cursor: pointer; } .video-news-card .blog-list__image:hover .video-link__play { transform: scale(1.05); } .v-gallery-chunk { width: 100%; height: 100%; background-color: #e1e4e6; } /* events domain styles */ .events-home .title-category-links { max-width: 568px; padding: 35px 0 50px; margin: auto; font-family: "Geometria"; font-weight: normal; font-size: 16px; text-align: center; color: #000000; transition: all 200ms cubic-bezier(0.77, 0, 0.175, 1); line-height: 1.6em; } .events-home .title-category-links .title-category-link:hover, .events-home .title-category-links .title-category-link.active { color: #fff; background-color: #1E1E1E; border-bottom: 1px solid #1E1E1E; } .events-home .title-category-links .title-category-link { line-height: 1.2; cursor: pointer; display: inline-block; border-bottom: 1px solid #b0bfd4; color: #333744; } .events-home .sub-heading { font-family: "Praho Pro"; margin-bottom: 25px; font-size: 28px; line-height: 100%; font-weight: 400; color: #000000; } @media (min-width: 1200px) { .events-home .sub-heading { font-size: 36px; } } .events-home .sub-heading { margin-bottom: 32px; margin-top: 0; } .events-home .link-container { padding: 30px 0 83px; text-align: center; } .events-home .uppercase-link { font-weight: 300; font-size: 14px; line-height: 18px; text-align: center; text-transform: uppercase; color: #8C8C8C; border-bottom: 1px solid transparent; transition: all 0.3s ease; } .events-home .uppercase-link:hover { color: #415571; border-bottom-color: #415571; } .online-events { --section-margin-bottom: 110px; --card-bg: #f5f5f5; --text-gray: #767676; } @media (max-width: 1000px) { .online-events { --section-margin-bottom: 90px; } } @media (max-width: 1000px) { .online-events h2 { font-size: 28px; line-height: 1.2; } } .online-events h2 { font-size: 36px; } .online-events .online-events_heading { padding: 147px 0 122px; max-width: 860px; } @media (max-width: 1000px) { .online-events .online-events_heading { padding: var(--section-margin-bottom) 0 68px; } } @media (max-width: 1000px) { .online-events .online-events_heading h1 { font-size: 36px; line-height: 120%; margin-bottom: 36px; } } .online-events .online-events_heading h1 { font-size: 60px; line-height: 120%; text-transform: uppercase; } .online-events .online-events_heading .online-events_lead-text { max-width: 600px; font-size: 24px; line-height: 32px; color: var(--text-gray); } @media (max-width: 1000px) { .online-events .online-events_heading .online-events_lead-text { font-size: 16px; line-height: 28px; } } .online-events .online-events_examples { margin-bottom: var(--section-margin-bottom); } .online-events .online-events_examples .example_list { display: flex; overflow: auto; padding-top: 35px; } .online-events .online-events_examples .example-item_inner { position: relative; padding-bottom: 65.5172413793%; background-color: var(--card-bg); } .online-events .online-events_examples .example_item { flex: 0 0 45%; margin-right: 30px; display: flex; flex-direction: column; cursor: pointer; } .online-events .online-events_examples .example_item:hover .video-play-btn { transform: translate(-50%, -50%) scale(1.05); } .online-events .online-events_examples .example_item .video-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 30; width: 65px; height: 65px; transition: all 0.3s ease; } .online-events .online-events_examples .example_item.mod_first, .online-events .online-events_examples .example_item.mod_last { background-color: white; flex: 0 0 calc((100% - 1200px) / 2 - 30px); } .online-events .online-events_examples .example_item-description-container { width: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); padding: 51px 44px 25px; position: absolute; bottom: 0; left: 0; z-index: 20; } @media (max-width: 1000px) { .online-events .online-events_examples .example_item-description-container { display: none; } } @media (max-width: 1000px) { .online-events .online-events_examples .example_item-description { display: none; } } .online-events .online-events_examples .example_item-description { font-size: 20px; line-height: 28px; color: white; } .online-events .online-events_examples .example_item-description p { margin-bottom: 0; } .online-events .online-events_examples .example_item-description h3 { font-size: 22px; line-height: 1.2; color: inherit; } .online-events .online-events_examples .example_item-description.mod_mobile { display: none; position: static; color: black; } @media (max-width: 1000px) { .online-events .online-events_examples .example_item-description.mod_mobile { display: block; } } .online-events .online-events_examples .example_item img { position: absolute; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1000px) { .online-events .online-events_examples .example_list { padding-top: 25px; } .online-events .online-events_examples .example_item { flex: 0 0 calc(100% - 40px); } .online-events .online-events_examples .example_item-description.mod_mobile { margin-top: 18px; } .online-events .online-events_examples .example_item-description.mod_mobile h3 { font-size: 22px; line-height: 28px; color: #333744; margin-bottom: 16px; } .online-events .online-events_examples .example_item-description.mod_mobile p { letter-spacing: 0.416px; font-size: 16px; line-height: 24px; color: var(--text-gray); } .online-events .online-events_examples .example_item { margin-right: 10px; } .online-events .online-events_examples .example_item.mod_first, .online-events .online-events_examples .example_item.mod_last { flex: 0 0 10px; } .online-events .online-events_examples .example_item .video-play-btn { width: 45px; height: 45px; } } .online-events .online-events_possibility { padding: 76px 71px; background-color: var(--card-bg); } .online-events .online-events_possibility .possibilities { display: flex; flex-wrap: wrap; padding-top: 40px; color: #333744; text-transform: uppercase; } .online-events .online-events_possibility .possibility_list { padding-right: 117px; } .online-events .online-events_possibility .possibility_list p { margin-bottom: 26px; } .online-events .online-events_possibility .possibility_list:last-of-type { padding-right: 0; } @media (max-width: 767px) { .online-events .online-events_possibility { margin: 0 -20px; padding: 72px 40px 56px 15px; } .online-events .online-events_possibility .possibilities { padding-top: 26px; } .online-events .online-events_possibility .possibility_list { padding-right: 0; font-size: 16px; line-height: 28px; } .online-events .online-events_possibility .possibility_list p { margin-bottom: 30px; } } .online-events .online-events_process { padding: var(--section-margin-bottom) 0; } .online-events .online-events_process .process_list { padding-top: 15px; display: grid; grid-template-columns: repeat(2, calc(50% - 40px)); grid-gap: 50px 20px; font-size: 16px; line-height: 28px; align-items: center; color: #000000; } .online-events .online-events_process .process_item { display: flex; align-items: center; padding-right: 20px; } .online-events .online-events_process .process_text { height: 100%; padding-top: 22px; } .online-events .online-events_process .clipped-counter { position: relative; min-width: 58px; height: 66px; opacity: 0.4; } .online-events .online-events_process .clipped-counter .clip-number, .online-events .online-events_process .clipped-counter .clip-line { position: absolute; width: 100%; height: 100%; } .online-events .online-events_process .clipped-counter .clip-number { display: grid; align-items: center; font-size: 34px; clip-path: polygon(0px 0px, 57px 0px, 23px 66px, 0px 66px); background-color: white; z-index: 20; color: grey; } .online-events .online-events_process .clipped-counter .clip-number.mod_first { padding-left: 5px; } .online-events .online-events_process .clipped-counter .clip-line { clip-path: polygon(0px 0px, 58px 0px, 24px 66px, 0px 66px); background-color: gray; z-index: 1; } .online-events .online-events_process .mobile-counter { display: none; } @media (max-width: 1000px) { .online-events .online-events_process .process_list { grid-template-columns: 1fr 1fr; grid-gap: 40px 30px; align-items: baseline; } .online-events .online-events_process .process_item { padding-right: 0; display: block; font-size: 16px; line-height: 28px; } .online-events .online-events_process .clipped-counter { display: none; } .online-events .online-events_process .mobile-counter { color: grey; display: block; opacity: 0.4; font-size: 12px; line-height: 100%; margin-bottom: 10px; } } .online-events .online-events_how-mach { padding: 75px 71px; margin-bottom: var(--section-margin-bottom); background-color: var(--card-bg); } .online-events .online-events_how-mach .online-events_form { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 60px; align-items: flex-end; padding-top: 22px; } .online-events .online-events_how-mach .online-events_form label { width: 100%; } .online-events .online-events_how-mach .online-events_form input { width: 100%; font-size: 14px; line-height: 18px; color: #333744; border: none; border-bottom: 1px solid #828282; background-color: transparent; text-transform: none; padding: 0; letter-spacing: 0; height: 30px; } .online-events .online-events_how-mach .online-events_form input::-moz-placeholder { color: #BDBDBD; } .online-events .online-events_how-mach .online-events_form input::placeholder { color: #BDBDBD; } .online-events .online-events_how-mach .online-events_form input:focus { border-bottom: 1px solid #1E1E1E; } .online-events .online-events_how-mach .online-events_form .online-events_submit { width: -moz-fit-content; width: fit-content; font-weight: 300; font-size: 14px; line-height: 18px; text-transform: uppercase; border-bottom: 1px solid transparent; color: #1E1E1E; transition: all 0.3s ease; padding-bottom: 5px; } .online-events .online-events_how-mach .online-events_form .online-events_submit:hover { border-bottom-color: #1E1E1E; } @media (max-width: 1000px) { .online-events .online-events_how-mach { padding: 90px 23px; } .online-events .online-events_how-mach .online-events_form { grid-template-columns: 1fr; grid-gap: 26px; padding-top: 4px; } .online-events .online-events_how-mach .online-events_submit { margin-top: 15px; } } .online-events .online-events_studio { margin-bottom: var(--section-margin-bottom); } .online-events .online-events_studio .studio-list { display: flex; overflow: auto; padding-top: 20px; } .online-events .online-events_studio .studio-item { position: relative; flex: 0 0 50%; margin-right: 26px; padding-bottom: 33.3333333333%; background-color: var(--card-bg); } .online-events .online-events_studio .studio-item.mod_first, .online-events .online-events_studio .studio-item.mod_last { background-color: white; flex: 0 0 calc((100% - 1200px) / 2 - 26px); } .online-events .online-events_studio .studio-item img { position: absolute; display: block; top: 0; height: 100%; width: 100%; } @media (max-width: 1000px) { .online-events .online-events_studio .studio-list { flex-wrap: wrap; padding: 5px 20px 0; } .online-events .online-events_studio .studio-item { padding-bottom: 66.6666666667%; flex: 0 0 100%; margin-right: 0; margin-bottom: 5px; } .online-events .online-events_studio .studio-item.mod_first, .online-events .online-events_studio .studio-item.mod_last { display: none; } } .online-events .online-events_equipment { margin-bottom: var(--section-margin-bottom); } .online-events .online-events_equipment .equipment_list { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; padding-top: 15px; } .online-events .online-events_equipment .equipment_item { display: flex; flex-direction: column; min-height: 230px; height: auto; min-width: 264px; padding: 32px 24px; background-color: var(--card-bg); color: #333744; } .online-events .online-events_equipment .equipment_item p { font-size: 14px; line-height: 1.6; } .online-events .online-events_equipment .equipment_item h3 { margin: 0 0 12px; } .online-events .online-events_equipment .equipment_item-icon { height: 30px; margin-bottom: 25px; } .online-events .online-events_equipment .equipment_list.mod_mobile { display: none; } @media (max-width: 1239px) { .online-events .online-events_equipment .equipment_list { display: none; } .online-events .online-events_equipment .equipment_list.mod_mobile { margin: 0 -20px; grid-gap: 0; display: flex; overflow: auto; } .online-events .online-events_equipment .equipment_list.mod_mobile .equipment_item { margin-right: 15px; } .online-events .online-events_equipment .equipment_list.mod_mobile .equipment_item.mod_first, .online-events .online-events_equipment .equipment_list.mod_mobile .equipment_item.mod_last { height: 100%; min-width: 1px; opacity: 0; width: 1px; padding: 0; margin-right: 20px; } } .online-events .online-events_prices { display: grid; grid-template-columns: calc(60% - 128px) calc(40% - 90px); grid-gap: 94px; padding: var(--section-margin-bottom) 0; border-bottom: 1px solid #EAEAEA; border-top: 1px solid #EAEAEA; } .online-events .online-events_prices h2 { margin-bottom: 40px; } .online-events .online-events_prices .text { font-size: 20px; font-weight: 400; line-height: 28px; color: #333744; } .online-events .online-events_prices .text p { line-height: 1.44; } .online-events .online-events_prices .text b { font-weight: 500; } .online-events .online-events_prices .prices_additional .anchor-link { margin-top: 44px; width: -moz-fit-content; width: fit-content; font-weight: 300; font-size: 14px; line-height: 18px; text-transform: uppercase; border-bottom: 1px solid transparent; color: #1E1E1E; transition: all 0.3s ease; padding-bottom: 5px; } .online-events .online-events_prices .prices_additional .anchor-link:hover { border-bottom-color: #1E1E1E; } .online-events .online-events_prices .text .price { color: #8C8C8C; margin-bottom: 30px; } .online-events .online-events_prices .text p { margin-bottom: 20px; } @media (max-width: 1000px) { .online-events .online-events_prices { grid-template-columns: 1fr; grid-gap: 36px; } .online-events .online-events_prices .text .price { font-size: 16px; line-height: 28px; } .online-events .online-events_prices .text { font-size: 16px; line-height: 28px; } .online-events .online-events_prices .text p { margin-bottom: 12px; } .online-events .online-events_prices .prices_additional button { margin-top: 10px; } } .online-events .online-events_powered { padding: var(--section-margin-bottom) 0; } .online-events .online-events_powered .powered_list { display: flex; justify-content: space-between; align-items: center; padding-top: 15px; } .online-events .online-events_powered .powered_list div { max-width: 140px; } @media (max-width: 1000px) { .online-events .online-events_powered .powered_list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; } .online-events .online-events_powered .powered_list div { max-width: 120px; } } html .text-content { padding-top: 40px; } html body .page { min-height: calc(100vh - 100px); }