/* Start:/local/templates/.default/html/build/styles/styles.css?1678535686217096*/ @charset "UTF-8"; @-webkit-keyframes iziT-revealIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, 1); transform: scale3d(.3, .3, 1) } to { opacity: 1 } } @keyframes iziT-revealIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, 1); transform: scale3d(.3, .3, 1) } to { opacity: 1 } } @-webkit-keyframes iziT-slideIn { 0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes iziT-slideIn { 0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes iziT-bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(280px); transform: translateX(280px) } 50% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px) } 70% { -webkit-transform: translateX(10px); transform: translateX(10px) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes iziT-bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(280px); transform: translateX(280px) } 50% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px) } 70% { -webkit-transform: translateX(10px); transform: translateX(10px) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes iziT-bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(-280px); transform: translateX(-280px) } 50% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px) } 70% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes iziT-bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(-280px); transform: translateX(-280px) } 50% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px) } 70% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes iziT-bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-200px); transform: translateY(-200px) } 50% { opacity: 1; -webkit-transform: translateY(10px); transform: translateY(10px) } 70% { -webkit-transform: translateY(-5px); transform: translateY(-5px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes iziT-bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-200px); transform: translateY(-200px) } 50% { opacity: 1; -webkit-transform: translateY(10px); transform: translateY(10px) } 70% { -webkit-transform: translateY(-5px); transform: translateY(-5px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes iziT-bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(200px); transform: translateY(200px) } 50% { opacity: 1; -webkit-transform: translateY(-10px); transform: translateY(-10px) } 70% { -webkit-transform: translateY(5px); transform: translateY(5px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes iziT-bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(200px); transform: translateY(200px) } 50% { opacity: 1; -webkit-transform: translateY(-10px); transform: translateY(-10px) } 70% { -webkit-transform: translateY(5px); transform: translateY(5px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes iziT-fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes iziT-fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes iziT-fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes iziT-fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @-webkit-keyframes iziT-fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes iziT-fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @-webkit-keyframes iziT-fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes iziT-fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @-webkit-keyframes iziT-fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes iziT-fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @-webkit-keyframes iziT-flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg) } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes iziT-flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg) } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @-webkit-keyframes iziT-fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes iziT-fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes iziT-fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes iziT-fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @-webkit-keyframes iziT-fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes iziT-fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @-webkit-keyframes iziT-fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0) } } @keyframes iziT-fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0) } } @-webkit-keyframes iziT-fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0) } } @keyframes iziT-fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0) } } @-webkit-keyframes iziT-flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } @keyframes iziT-flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } @-webkit-keyframes mmfadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes mmfadeIn { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes mmfadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes mmfadeOut { 0% { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes mmslideIn { 0% { -webkit-transform: translateY(15%); transform: translateY(15%) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes mmslideIn { 0% { -webkit-transform: translateY(15%); transform: translateY(15%) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes mmslideOut { 0% { -webkit-transform: translateY(0); transform: translateY(0) } to { -webkit-transform: translateY(-10%); transform: translateY(-10%) } } @keyframes mmslideOut { 0% { -webkit-transform: translateY(0); transform: translateY(0) } to { -webkit-transform: translateY(-10%); transform: translateY(-10%) } } .iziToast-capsule { font-size: 0; height: 0; width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: height .5s cubic-bezier(.25, .8, .25, 1), -webkit-transform .5s cubic-bezier(.25, .8, .25, 1); -o-transition: transform .5s cubic-bezier(.25, .8, .25, 1), height .5s cubic-bezier(.25, .8, .25, 1); transition: transform .5s cubic-bezier(.25, .8, .25, 1), height .5s cubic-bezier(.25, .8, .25, 1); transition: transform .5s cubic-bezier(.25, .8, .25, 1), height .5s cubic-bezier(.25, .8, .25, 1), -webkit-transform .5s cubic-bezier(.25, .8, .25, 1) } .iziToast-capsule, .iziToast-capsule * { -webkit-box-sizing: border-box; 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, .9); border-color: rgba(238, 238, 238, .9); width: 100%; pointer-events: all; cursor: default; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 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, .2) } .iziToast > .iziToast-progressbar > div { height: 2px; width: 100%; background: rgba(0, 0, 0, .3); border-radius: 0 0 3px 3px } .iziToast.iziToast-balloon:before { content: ''; position: absolute; right: 8px; left: auto; width: 0; height: 0; top: 100%; border-right: 0 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, .1) } .iziToast > .iziToast-close { position: absolute; right: 0; top: 0; border: 0; padding: 0; opacity: .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: 0 } .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; 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: .02em; background: rgba(0, 0, 0, .1); color: #000; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .2); box-shadow: 0 0 0 1px rgba(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 { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .6); box-shadow: 0 0 0 1px rgba(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: .02em; cursor: pointer; background: rgba(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, .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 { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .6); box-shadow: 0 0 0 1px rgba(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 { 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-message, .iziToast > .iziToast-body .iziToast-title { padding: 0; font-size: 14px; line-height: 16px; text-align: left; float: left; white-space: normal } .iziToast > .iziToast-body .iziToast-title { color: #000; margin: 0 } .iziToast > .iziToast-body .iziToast-message { margin: 0 0 10px; color: rgba(0, 0, 0, .6) } .iziToast.iziToast-animateInside .iziToast-buttons-child, .iziToast.iziToast-animateInside .iziToast-icon, .iziToast.iziToast-animateInside .iziToast-inputs-child, .iziToast.iziToast-animateInside .iziToast-message, .iziToast.iziToast-animateInside .iziToast-title { 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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, .iziToast-wrapper-topLeft .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-topRight { top: 0; right: 0; text-align: right } .iziToast-wrapper-topCenter { top: 0; left: 0; right: 0; text-align: center } .iziToast-wrapper-bottomCenter, .iziToast-wrapper-center { bottom: 0; left: 0; right: 0; text-align: center } .iziToast-wrapper-center { top: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; 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-message, .iziToast-rtl .iziToast-body .iziToast-texts, .iziToast-rtl .iziToast-body .iziToast-title { float: right; text-align: right } .iziToast-rtl .iziToast-body .iziToast-icon { left: auto; right: 0 } .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, .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, .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, .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 { -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .6); box-shadow: 0 0 0 1px rgba(255, 255, 255, .6) } .iziToast.iziToast-color-red { background: rgba(255, 175, 180, .9); border-color: rgba(255, 175, 180, .9) } .iziToast.iziToast-color-orange { background: rgba(255, 207, 165, .9); border-color: rgba(255, 207, 165, .9) } .iziToast.iziToast-color-yellow { background: rgba(255, 249, 178, .9); border-color: rgba(255, 249, 178, .9) } .iziToast.iziToast-color-blue { background: rgba(157, 222, 255, .9); border-color: rgba(157, 222, 255, .9) } .iziToast.iziToast-color-green { background: rgba(166, 239, 184, .9); border-color: rgba(166, 239, 184, .9) } .iziToast.iziToast-layout2 .iziToast-body .iziToast-message, .iziToast.iziToast-layout2 .iziToast-body .iziToast-texts { width: 100% } .iziToast.iziToast-layout3 { border-radius: 2px } .iziToast.iziToast-layout3::after { display: none } .iziToast .revealIn, .iziToast.revealIn { -webkit-animation: iziT-revealIn 1s cubic-bezier(.25, 1.6, .25, 1) both; animation: iziT-revealIn 1s cubic-bezier(.25, 1.6, .25, 1) both } .iziToast .slideIn, .iziToast.slideIn { -webkit-animation: iziT-slideIn 1s cubic-bezier(.16, .81, .32, 1) both; animation: iziT-slideIn 1s cubic-bezier(.16, .81, .32, 1) both } .iziToast.bounceInLeft { -webkit-animation: iziT-bounceInLeft .7s ease-in-out both; animation: iziT-bounceInLeft .7s ease-in-out both } .iziToast.bounceInRight { -webkit-animation: iziT-bounceInRight .85s ease-in-out both; animation: iziT-bounceInRight .85s ease-in-out both } .iziToast.bounceInDown { -webkit-animation: iziT-bounceInDown .7s ease-in-out both; animation: iziT-bounceInDown .7s ease-in-out both } .iziToast.bounceInUp { -webkit-animation: iziT-bounceInUp .7s ease-in-out both; animation: iziT-bounceInUp .7s ease-in-out both } .iziToast .fadeIn, .iziToast.fadeIn { -webkit-animation: iziT-fadeIn .5s ease both; animation: iziT-fadeIn .5s ease both } .iziToast.fadeInUp { -webkit-animation: iziT-fadeInUp .7s ease both; animation: iziT-fadeInUp .7s ease both } .iziToast.fadeInDown { -webkit-animation: iziT-fadeInDown .7s ease both; animation: iziT-fadeInDown .7s ease both } .iziToast.fadeInLeft { -webkit-animation: iziT-fadeInLeft .85s cubic-bezier(.25, .8, .25, 1) both; animation: iziT-fadeInLeft .85s cubic-bezier(.25, .8, .25, 1) both } .iziToast.fadeInRight { -webkit-animation: iziT-fadeInRight .85s cubic-bezier(.25, .8, .25, 1) both; animation: iziT-fadeInRight .85s cubic-bezier(.25, .8, .25, 1) both } .iziToast.flipInX { -webkit-animation: iziT-flipInX .85s cubic-bezier(.35, 0, .25, 1) both; animation: iziT-flipInX .85s cubic-bezier(.35, 0, .25, 1) both } .iziToast.fadeOut { -webkit-animation: iziT-fadeOut .7s ease both; animation: iziT-fadeOut .7s ease both } .iziToast.fadeOutDown { -webkit-animation: iziT-fadeOutDown .7s cubic-bezier(.4, .45, .15, .91) both; animation: iziT-fadeOutDown .7s cubic-bezier(.4, .45, .15, .91) both } .iziToast.fadeOutUp { -webkit-animation: iziT-fadeOutUp .7s cubic-bezier(.4, .45, .15, .91) both; animation: iziT-fadeOutUp .7s cubic-bezier(.4, .45, .15, .91) both } .iziToast.fadeOutLeft { -webkit-animation: iziT-fadeOutLeft .5s ease both; animation: iziT-fadeOutLeft .5s ease both } .iziToast.fadeOutRight { -webkit-animation: iziT-fadeOutRight .5s ease both; animation: iziT-fadeOutRight .5s ease both } .iziToast.flipOutX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation: iziT-flipOutX .7s cubic-bezier(.4, .45, .15, .91) both; animation: iziT-flipOutX .7s cubic-bezier(.4, .45, .15, .91) both } .iziToast-overlay.fadeIn { -webkit-animation: iziT-fadeIn .5s ease both; animation: iziT-fadeIn .5s ease both } .iziToast-overlay.fadeOut { -webkit-animation: iziT-fadeOut .7s ease both; animation: iziT-fadeOut .7s ease both } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto } .col-1, .col-2, .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-2, .col-3 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4, .col-5, .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-5, .col-6 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7, .col-8, .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-8, .col-9 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10, .col-11, .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-11, .col-12 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .pull-0 { right: auto } .pull-1 { right: 8.33333% } .pull-2 { right: 16.66667% } .pull-3 { right: 25% } .pull-4 { right: 33.33333% } .pull-5 { right: 41.66667% } .pull-6 { right: 50% } .pull-7 { right: 58.33333% } .pull-8 { right: 66.66667% } .pull-9 { right: 75% } .pull-10 { right: 83.33333% } .pull-11 { right: 91.66667% } .pull-12 { right: 100% } .push-0 { left: auto } .push-1 { left: 8.33333% } .push-2 { left: 16.66667% } .push-3 { left: 25% } .push-4 { left: 33.33333% } .push-5 { left: 41.66667% } .push-6 { left: 50% } .push-7 { left: 58.33333% } .push-8 { left: 66.66667% } .push-9 { left: 75% } .push-10 { left: 83.33333% } .push-11 { left: 91.66667% } .push-12 { left: 100% } .offset-1 { margin-left: 8.33333% } .offset-2 { margin-left: 16.66667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333% } .offset-5 { margin-left: 41.66667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333% } .offset-8 { margin-left: 66.66667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333% } .offset-11 { margin-left: 91.66667% } .flex-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .flex-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .flex-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .flex-column, .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-column { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-column-reverse, .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-column-reverse { -webkit-box-orient: vertical !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } .invisible { visibility: hidden } .hidden-xl-down, .hidden-xs-up, .visible-print-block, .visible-print-inline, .visible-print-inline-block { display: none !important } html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; -webkit-font-variant-ligatures: none; font-variant-ligatures: none; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-family: "Rubik", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; font-size: 16px; line-height: 1.5 } *, ::after, ::before { -webkit-box-sizing: inherit; box-sizing: inherit } @-ms-viewport { width: device-width } body { margin: 0 } .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh } .main { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; padding-bottom: 0 } @supports (-ms-ime-align:auto) { .main { overflow: hidden } } .wrapper { max-width: 1600px; margin: 0 auto; padding: 0 15px } .unwrapper { padding: -15px } img { max-width: 100%; height: auto } img:only-child { vertical-align: bottom } .img-circle { border-radius: 50% } svg { fill: currentColor } @font-face { font-display: swap; font-family: "Roboto"; font-style: normal; font-weight: 100; src: url(/local/templates/.default/html/build/styles/../fonts/roboto/roboto-100.woff2) format("woff2"), url(/local/templates/.default/html/build/styles/../fonts/roboto/roboto-100.woff) format("woff") } @font-face { font-display: swap; font-family: "Rubik"; font-style: normal; font-weight: 300; src: url(/local/templates/.default/html/build/styles/../fonts/rubik/rubik-300.woff2) format("woff2"), url(/local/templates/.default/html/build/styles/../fonts/rubik/rubik-300.woff) format("woff") } @font-face { font-display: swap; font-family: "Rubik"; font-style: normal; font-weight: 400; src: url(/local/templates/.default/html/build/styles/../fonts/rubik/rubik-400.woff2) format("woff2"), url(/local/templates/.default/html/build/styles/../fonts/rubik/rubik-400.woff) format("woff") } @font-face { font-display: swap; font-family: "Rubik"; font-style: italic; font-weight: 400; src: url(/local/templates/.default/html/build/styles/../fonts/rubik/rubik-400i.woff2) format("woff2"), url(/local/templates/.default/html/build/styles/../fonts/rubik/rubik-400i.woff) format("woff") } @font-face { font-display: swap; font-family: "Rubik"; font-style: normal; font-weight: 500; src: url(/local/templates/.default/html/build/styles/../fonts/rubik/rubik-500.woff2) format("woff2"), url(/local/templates/.default/html/build/styles/../fonts/rubik/rubik-500.woff) format("woff") } @font-face { font-display: swap; font-family: "Rubik"; font-style: italic; font-weight: 500; src: url(/local/templates/.default/html/build/styles/../fonts/rubik/rubik-500i.woff2) format("woff2"), url(/local/templates/.default/html/build/styles/../fonts/rubik/rubik-500i.woff) format("woff") } ::-moz-selection { background-color: rgba(59, 93, 93, .85); color: #fff } ::selection { background-color: rgba(59, 93, 93, .85); color: #fff } img::-moz-selection, svg::-moz-selection { background-color: rgba(59, 93, 93, .15) } img::selection, svg::selection { background-color: rgba(59, 93, 93, .15) } .footer ::-moz-selection, .selection-invert ::-moz-selection { background-color: rgba(140, 198, 62, .85) } .footer ::selection, .selection-invert ::selection { background-color: rgba(140, 198, 62, .85) } .footer img::-moz-selection, .footer svg::-moz-selection, .selection-invert img::-moz-selection, .selection-invert svg::-moz-selection { background-color: rgba(140, 198, 62, .15) } .footer img::selection, .footer svg::selection, .selection-invert img::selection, .selection-invert svg::selection { background-color: rgba(140, 198, 62, .15) } b, strong { font-weight: 500 } .form-error, .text-small, .waysite__item, blockquote cite, small { font-size: .875em; line-height: 1.25 } .text-extra-small { font-size: .75em; line-height: 1.25 } .item__name, .text-closely { line-height: 1.25 } blockquote cite { color: gray } p { margin: .5em 0 0 } .row + p:not([class]), p + .row { margin-top: -.5rem } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 1em 0 0; font-family: "Rubik", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; line-height: 1.15 } .h1, h1 { font-weight: 400; font-size: 3.75rem } .h2, .h3, h2, h3 { font-weight: 500; font-size: 2.5rem } .h3, h3 { font-size: 1.5rem } .h4, .h5, .h6, h4, h5, h6 { font-weight: 500; font-size: 1.25rem } .h5, .h6, h5, h6 { font-size: 1.125rem } .h6, h6 { font-weight: 400 } .h6 + p, h6 + p { margin-top: 0 } ol:not([class]), ul:not([class]) { padding: 0; margin: .5em 0 .75em } ol:not([class]) ol:not([class]), ol:not([class]) ul:not([class]), ul:not([class]) ol:not([class]), ul:not([class]) ul:not([class]) { margin: .25em 0 .5em } ol:not([class]) li, ul:not([class]) li { position: relative; margin: .25rem 0 0 1.25rem } ul:not([class]):not([type]) { list-style: none } ul:not([class]):not([type]) li::before { padding-right: .3em; position: absolute; right: 100%; content: "\2014" } ul:not([class]):not([type]) li li::before { content: "\2022"; text-align: center } ol:not([class]):not([type]):not([start]) { list-style-type: none; counter-reset: num } ol:not([class]):not([type]):not([start]) li { margin-left: 3ch } ol:not([class]):not([type]):not([start]) li::before { position: absolute; -webkit-box-sizing: content-box; box-sizing: content-box; padding-right: .3em; right: 100%; font-weight: 500; content: counter(num) "."; counter-increment: num } ol:not([class]):not([type]):not([start]) ol { counter-reset: num-2lvl } ol:not([class]):not([type]):not([start]) ol li { margin-left: 4ch } ol:not([class]):not([type]):not([start]) ol li::before { content: counter(num) "." counter(num-2lvl); counter-increment: num-2lvl } p + ol:not([class]), p + ul:not([class]) { margin-top: -.25em } blockquote { margin: .5em 0; border-left: 8px solid #3b5d5d; padding: .75em 0 .75em 1.25em } blockquote > :first-child { margin-top: 0 } blockquote > :last-child { margin-bottom: 0 } blockquote cite::before { margin-right: .3em; content: "\2014" } .text-nowrap, .text-truncate { white-space: nowrap } .text-truncate { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis } .text-left { text-align: left !important } .text-right { text-align: right !important } .about-header, .landing-content__lawn-types, .text-center { text-align: center !important } .text-lowercase { text-transform: lowercase } .text-uppercase { text-transform: uppercase } .text-capitalize { text-transform: capitalize } .mt-xs { margin-top: .5rem } .mb-xs { margin-bottom: .5rem } .ml-xs { margin-left: .5rem } .mr-xs, .mx-xs { margin-right: .5rem } .mx-xs { margin-left: .5rem } .my-xs { margin-top: .5rem; margin-bottom: .5rem } .mt-sm { margin-top: 1rem } .footer__phone, .mb-sm { margin-bottom: 1rem } .ml-sm { margin-left: 1rem } .mr-sm, .mx-sm { margin-right: 1rem } .mx-sm { margin-left: 1rem } .my-sm { margin-top: 1rem; margin-bottom: 1rem } .mt-md { margin-top: 1.875rem } .mb-md { margin-bottom: 1.875rem } .ml-md { margin-left: 1.875rem } .footer__phone, .mr-md, .mx-md { margin-right: 1.875rem } .mx-md { margin-left: 1.875rem } .my-md { margin-top: 1.875rem; margin-bottom: 1.875rem } .mt-lg { margin-top: 2rem } .mb-lg { margin-bottom: 2rem } .ml-lg { margin-left: 2rem } .mr-lg, .mx-lg { margin-right: 2rem } .mx-lg { margin-left: 2rem } .my-lg { margin-top: 2rem; margin-bottom: 2rem } .mt-xl { margin-top: 3rem } .mb-xl { margin-bottom: 3rem } .ml-xl { margin-left: 3rem } .mr-xl, .mx-xl { margin-right: 3rem } .mx-xl { margin-left: 3rem } .my-xl { margin-top: 3rem; margin-bottom: 3rem } .mt-2xl { margin-top: 4rem } .mb-2xl { margin-bottom: 4rem } .ml-2xl { margin-left: 4rem } .mr-2xl, .mx-2xl { margin-right: 4rem } .mx-2xl { margin-left: 4rem } .my-2xl { margin-top: 4rem; margin-bottom: 4rem } .mt-3xl { margin-top: 5rem } .mb-3xl { margin-bottom: 5rem } .ml-3xl { margin-left: 5rem } .mr-3xl, .mx-3xl { margin-right: 5rem } .mx-3xl { margin-left: 5rem } .my-3xl { margin-top: 5rem; margin-bottom: 5rem } .mt-none { margin-top: 0 } .mb-none { margin-bottom: 0 } .ml-none { margin-left: 0 } .mr-none, .mx-none { margin-right: 0 } .mx-none { margin-left: 0 } .card__info-retail-price .price, .card__info-trade-price .price, .item__price, .my-none { margin-top: 0; margin-bottom: 0 } .table-responsive, table:not([class]) { margin: .5rem 0 .75rem; border-spacing: 0; border-collapse: collapse } .table-responsive td:not([valign]), .table-responsive th:not([valign]), table:not([class]) td:not([valign]), table:not([class]) th:not([valign]) { vertical-align: top } .table-responsive th:not([align]), table:not([class]) th:not([align]) { text-align: left } .table-responsive th, table:not([class]) th { padding: .5rem 1.5rem; font-weight: 500; border-bottom: 1px solid gray } .table-responsive tbody td, table:not([class]) tbody td { padding: 1rem 1.5rem; border-bottom: 1px solid #ccc; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s } table:not([class]) { display: inline-block; overflow-x: auto; max-width: 100%; vertical-align: top; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .15)), to(rgba(0, 0, 0, .15))) 0 0, -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .15)), to(rgba(0, 0, 0, .15))) 100% 0; background: -webkit-linear-gradient(rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .15) 100%) 0 0, -webkit-linear-gradient(rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .15) 100%) 100% 0; background: -o-linear-gradient(rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .15) 100%) 0 0, -o-linear-gradient(rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .15) 100%) 100% 0; background: linear-gradient(rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .15) 100%) 0 0, linear-gradient(rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .15) 100%) 100% 0; background-attachment: scroll, scroll; background-size: 1px 100%, 1px 100%; background-repeat: no-repeat, no-repeat } table:not([class]) tbody tr:last-child td { border-bottom: none } table:not([class]) td:first-child, table:not([class]) th:first-child { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 100%); background-size: 2px 100%; background-repeat: no-repeat } table:not([class]) td:last-child, table:not([class]) th:last-child { background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(right, #fff 50%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(right, #fff 50%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to left, #fff 50%, rgba(255, 255, 255, 0) 100%); background-position: 100% 0; background-size: 2px 100%; background-repeat: no-repeat } table:not([class]) td:only-child, table:not([class]) th:only-child { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0) 100%), -webkit-linear-gradient(right, #fff 50%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0) 100%), -o-linear-gradient(right, #fff 50%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, #fff 50%, rgba(255, 255, 255, 0) 100%); background-position: 0 0, 100% 0; background-size: 2px 100%, 2px 100%; background-repeat: no-repeat, no-repeat } .text-danger { color: #dc3545 } .text-success { color: #28a745 } .text-warning { color: #ffc107 } .text-gray, .waysite__item { color: gray } .footer, .landing-content__lawn-types, .landing-lawn, .landing-use, .text-white { color: #fff } .bg-black { background-color: #000 } a, a u { text-decoration: none; border-color: inherit; border-bottom-width: 1px; border-bottom-style: solid; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; border-bottom-color: rgba(59, 93, 93, .3); background-image: -webkit-gradient(linear, left top, right top, from(#8cc63e), to(#8cc63e)); background-image: -webkit-linear-gradient(left, #8cc63e 0%, #8cc63e 100%); background-image: -o-linear-gradient(left, #8cc63e 0%, #8cc63e 100%); background-image: linear-gradient(to right, #8cc63e 0%, #8cc63e 100%); background-repeat: no-repeat; background-size: 100% 0; background-position: 0 100% } a { background-color: transparent; -webkit-text-decoration-skip: objects; outline-color: inherit; color: #3b5d5d; -webkit-transition-property: color, border-color, background-size; -o-transition-property: color, border-color, background-size; transition-property: color, border-color, background-size } @supports (-ms-ime-align:auto) { a { -webkit-transition-property: none; -o-transition-property: none; transition-property: none } } a:active, a:hover { outline-width: 0 } a u { -webkit-transition-property: border-color, background-size; -o-transition-property: border-color, background-size; transition-property: border-color, background-size } @supports (-ms-ime-align:auto) { a u { -webkit-transition-property: none; -o-transition-property: none; transition-property: none } } a[href^=tel] { text-decoration: none; color: inherit; border: 0 } a:hover { color: #fff } a:hover, a:hover u { -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s; background-size: 100% 100% } .dashed, .dashed u { border-bottom-style: dashed } .header__logo a, .no-border, .preview { border-bottom: none; background-image: none } .link-danger { color: #dc3545; background-image: -webkit-gradient(linear, left top, right top, from(#dc3545), to(#dc3545)); background-image: -webkit-linear-gradient(left, #dc3545 0%, #dc3545 100%); background-image: -o-linear-gradient(left, #dc3545 0%, #dc3545 100%); background-image: linear-gradient(to right, #dc3545 0%, #dc3545 100%) } .link-danger, .link-danger u { border-bottom-color: rgba(220, 53, 69, .3) } .link-danger:hover { color: #fff } .link-danger:hover, .link-danger:hover u { border-bottom-color: rgba(255, 255, 255, .3) } .link-danger.dashed, .link-danger.dashed u { border-bottom-color: rgba(220, 53, 69, .5) } .link-danger.dashed:hover, .link-danger.dashed:hover u, .link-success.dashed:hover, .link-success.dashed:hover u, .link-warning.dashed:hover, .link-warning.dashed:hover u { border-bottom-color: rgba(255, 255, 255, .5) } .link-success { color: #28a745; background-image: -webkit-gradient(linear, left top, right top, from(#28a745), to(#28a745)); background-image: -webkit-linear-gradient(left, #28a745 0%, #28a745 100%); background-image: -o-linear-gradient(left, #28a745 0%, #28a745 100%); background-image: linear-gradient(to right, #28a745 0%, #28a745 100%) } .link-success, .link-success u { border-bottom-color: rgba(40, 167, 69, .3) } .link-success:hover { color: #fff } .link-success:hover, .link-success:hover u { border-bottom-color: rgba(255, 255, 255, .3) } .link-success.dashed, .link-success.dashed u { border-bottom-color: rgba(40, 167, 69, .5) } .link-warning { color: #ffc107; background-image: -webkit-gradient(linear, left top, right top, from(#ffc107), to(#ffc107)); background-image: -webkit-linear-gradient(left, #ffc107 0%, #ffc107 100%); background-image: -o-linear-gradient(left, #ffc107 0%, #ffc107 100%); background-image: linear-gradient(to right, #ffc107 0%, #ffc107 100%) } .link-warning, .link-warning u { border-bottom-color: rgba(255, 193, 7, .3) } .link-warning:hover { color: #fff } .link-warning:hover, .link-warning:hover u, .link-white, .link-white u { border-bottom-color: rgba(255, 255, 255, .3) } .link-warning.dashed, .link-warning.dashed u { border-bottom-color: rgba(255, 193, 7, .5) } .link-white { color: #fff; background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)); background-image: -webkit-linear-gradient(left, #fff 0%, #fff 100%); background-image: -o-linear-gradient(left, #fff 0%, #fff 100%); background-image: linear-gradient(to right, #fff 0%, #fff 100%) } .link-white:hover { color: #3b5d5d } .link-white:hover, .link-white:hover u { border-bottom-color: rgba(59, 93, 93, .3) } .link-white.dashed, .link-white.dashed u { border-bottom-color: rgba(255, 255, 255, .5) } .link-white.dashed:hover, .link-white.dashed:hover u { border-bottom-color: rgba(59, 93, 93, .5) } .link-black { color: #000; background-image: -webkit-gradient(linear, left top, right top, from(#000), to(#000)); background-image: -webkit-linear-gradient(left, #000 0%, #000 100%); background-image: -o-linear-gradient(left, #000 0%, #000 100%); background-image: linear-gradient(to right, #000 0%, #000 100%) } .link-black, .link-black u { border-bottom-color: rgba(0, 0, 0, .3) } .link-black:hover { color: #fff } .link-black:hover, .link-black:hover u { border-bottom-color: rgba(255, 255, 255, .3) } .link-black.dashed, .link-black.dashed u { border-bottom-color: rgba(0, 0, 0, .5) } .link-black.dashed:hover, .link-black.dashed:hover u, .link-gray.dashed:hover, .link-gray.dashed:hover u, .link-primary.dashed:hover, .link-primary.dashed:hover u, .link-red.dashed:hover, .link-red.dashed:hover u { border-bottom-color: rgba(255, 255, 255, .5) } .link-primary { color: #3b5d5d; background-image: -webkit-gradient(linear, left top, right top, from(#3b5d5d), to(#3b5d5d)); background-image: -webkit-linear-gradient(left, #3b5d5d 0%, #3b5d5d 100%); background-image: -o-linear-gradient(left, #3b5d5d 0%, #3b5d5d 100%); background-image: linear-gradient(to right, #3b5d5d 0%, #3b5d5d 100%) } .link-primary, .link-primary u { border-bottom-color: rgba(59, 93, 93, .3) } .link-primary:hover { color: #fff } .link-primary:hover, .link-primary:hover u { border-bottom-color: rgba(255, 255, 255, .3) } .link-primary.dashed, .link-primary.dashed u { border-bottom-color: rgba(59, 93, 93, .5) } .link-gray { color: gray; background-image: -webkit-gradient(linear, left top, right top, from(gray), to(gray)); background-image: -webkit-linear-gradient(left, gray 0%, gray 100%); background-image: -o-linear-gradient(left, gray 0%, gray 100%); background-image: linear-gradient(to right, gray 0%, gray 100%) } .link-gray, .link-gray u { border-bottom-color: rgba(128, 128, 128, .3) } .link-gray:hover { color: #fff } .link-gray:hover, .link-gray:hover u { border-bottom-color: rgba(255, 255, 255, .3) } .link-gray.dashed, .link-gray.dashed u { border-bottom-color: rgba(128, 128, 128, .5) } .link-red { color: #d71d40; background-image: -webkit-gradient(linear, left top, right top, from(#d71d40), to(#d71d40)); background-image: -webkit-linear-gradient(left, #d71d40 0%, #d71d40 100%); background-image: -o-linear-gradient(left, #d71d40 0%, #d71d40 100%); background-image: linear-gradient(to right, #d71d40 0%, #d71d40 100%) } .link-red, .link-red u { border-bottom-color: rgba(215, 29, 64, .3) } .link-red:hover { color: #fff } .link-red:hover, .link-red:hover u { border-bottom-color: rgba(255, 255, 255, .3) } .link-red.dashed, .link-red.dashed u { border-bottom-color: rgba(215, 29, 64, .5) } .btn, .btn-outline { -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 100%; display: inline-block; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-transition-property: border-color, background-color, color; -o-transition-property: border-color, background-color, color; transition-property: border-color, background-color, color; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; outline: 0 !important; font-family: inherit; font-weight: 400 } .btn-outline:hover, .btn:hover { -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } .btn-outline.disabled, .btn-outline:disabled, .btn-outline[disabled], .btn.disabled, .btn:disabled, .btn[disabled], fieldset[disabled] .btn, fieldset[disabled] .btn-outline { pointer-events: none } .btn--block, .btn-outline--block { display: block; width: 100%; padding: 0; text-align: center } .btn, .btn--lg, .btn--xl { padding: calc((40px - 1rem * 1.25) / 2) 24px; border: 0 solid transparent; border-radius: 20px; font-size: 1rem; line-height: 1.25 } .btn--lg, .btn--xl { padding: calc((54px - 1rem * 1.25) / 2) 32.4px; border-radius: 27px } .btn--xl { padding: calc((68px - 1.125rem * 1.25) / 2) 40.8px; border-radius: 34px; font-size: 1.125rem } .btn--primary { background-color: #3b5d5d; color: #fff } .btn--primary:hover, .btn--secondary { background-color: #8cc63e; color: #fff } .btn--primary.active, .btn--primary:active, .btn--primary:focus { background-color: #273e3e; color: #fff } .btn--primary.disabled, .btn--primary:disabled, .btn--primary[disabled], fieldset[disabled] .btn--primary { background-color: #91b9b9; color: #fff } .btn--secondary:hover { background-color: #a3d265; color: #fff } .btn--secondary.active, .btn--secondary:active, .btn--secondary:focus { background-color: #71a130; color: #fff } .btn--secondary.disabled, .btn--secondary:disabled, .btn--secondary[disabled], fieldset[disabled] .btn--secondary { background-color: #deefc8; color: #fff } .btn--danger { background-color: #dc3545; color: #fff } .btn--danger:hover { background-color: #e4606d; color: #fff } .btn--danger.active, .btn--danger:active, .btn--danger:focus { background-color: #bd2130; color: #fff } .btn--danger.disabled, .btn--danger:disabled, .btn--danger[disabled], fieldset[disabled] .btn--danger { background-color: #f6cdd1; color: #fff } .btn--success { background-color: #28a745; color: #fff } .btn--success:hover { background-color: #34ce57; color: #fff } .btn--success.active, .btn--success:active, .btn--success:focus { background-color: #1e7e34; color: #fff } .btn--success.disabled, .btn--success:disabled, .btn--success[disabled], fieldset[disabled] .btn--success { background-color: #9be7ac; color: #fff } .btn--warning { background-color: #ffc107; color: #fff } .btn--warning:hover { background-color: #ffce3a; color: #fff } .btn--warning.active, .btn--warning:active, .btn--warning:focus { background-color: #d39e00; color: #fff } .btn--warning.disabled, .btn--warning:disabled, .btn--warning[disabled], fieldset[disabled] .btn--warning { background-color: #ffeeba; color: #fff } .btn-outline, .btn-outline--lg, .btn-outline--xl { padding: calc((40px - 1rem * 1.25 - 4px) / 2) 24px; border: 2px solid transparent; border-radius: 20px; font-size: 1rem; line-height: 1.25 } .btn-outline--lg, .btn-outline--xl { padding: calc((54px - 1rem * 1.25 - 4px) / 2) 32.4px; border-radius: 27px } .btn-outline--xl { padding: calc((68px - 1.125rem * 1.25 - 4px) / 2) 40.8px; border-radius: 34px; font-size: 1.125rem } .btn-outline--primary { background-color: transparent; color: #3b5d5d; border-color: #3b5d5d } .btn-outline--primary:hover { background-color: transparent; color: #273e3e } .btn-outline--primary.active, .btn-outline--primary:active, .btn-outline--primary:focus { background-color: transparent; color: #131f1f } .btn-outline--primary.disabled, .btn-outline--primary:disabled, .btn-outline--primary[disabled], fieldset[disabled] .btn-outline--primary { background-color: transparent; color: #91b9b9 } .btn-outline--primary:hover { border-color: #273e3e } .btn-outline--primary.active, .btn-outline--primary:active, .btn-outline--primary:focus { border-color: #131f1f } .btn-outline--primary.disabled, .btn-outline--primary:disabled, .btn-outline--primary[disabled], fieldset[disabled] .btn-outline--primary { border-color: #91b9b9 } .btn-outline--secondary { background-color: transparent; color: #8cc63e; border-color: #8cc63e } .btn-outline--secondary:hover { background-color: transparent; color: #71a130 } .btn-outline--secondary.active, .btn-outline--secondary:active, .btn-outline--secondary:focus { background-color: transparent; color: #557a24 } .btn-outline--secondary.disabled, .btn-outline--secondary:disabled, .btn-outline--secondary[disabled], fieldset[disabled] .btn-outline--secondary { background-color: transparent; color: #deefc8 } .btn-outline--secondary:hover { border-color: #71a130 } .btn-outline--secondary.active, .btn-outline--secondary:active, .btn-outline--secondary:focus { border-color: #557a24 } .btn-outline--secondary.disabled, .btn-outline--secondary:disabled, .btn-outline--secondary[disabled], fieldset[disabled] .btn-outline--secondary { border-color: #deefc8 } .btn-outline--danger { background-color: transparent; color: #dc3545; border-color: #dc3545 } .btn-outline--danger:hover { background-color: transparent; color: #bd2130 } .btn-outline--danger.active, .btn-outline--danger:active, .btn-outline--danger:focus { background-color: transparent; color: #921925 } .btn-outline--danger.disabled, .btn-outline--danger:disabled, .btn-outline--danger[disabled], fieldset[disabled] .btn-outline--danger { background-color: transparent; color: #f6cdd1 } .btn-outline--danger:hover { border-color: #bd2130 } .btn-outline--danger.active, .btn-outline--danger:active, .btn-outline--danger:focus { border-color: #921925 } .btn-outline--danger.disabled, .btn-outline--danger:disabled, .btn-outline--danger[disabled], fieldset[disabled] .btn-outline--danger { border-color: #f6cdd1 } .btn-outline--success { background-color: transparent; color: #28a745; border-color: #28a745 } .btn-outline--success:hover { background-color: transparent; color: #1e7e34 } .btn-outline--success.active, .btn-outline--success:active, .btn-outline--success:focus { background-color: transparent; color: #145523 } .btn-outline--success.disabled, .btn-outline--success:disabled, .btn-outline--success[disabled], fieldset[disabled] .btn-outline--success { background-color: transparent; color: #9be7ac } .btn-outline--success:hover { border-color: #1e7e34 } .btn-outline--success.active, .btn-outline--success:active, .btn-outline--success:focus { border-color: #145523 } .btn-outline--success.disabled, .btn-outline--success:disabled, .btn-outline--success[disabled], fieldset[disabled] .btn-outline--success { border-color: #9be7ac } .btn-outline--warning { background-color: transparent; color: #ffc107; border-color: #ffc107 } .btn-outline--warning:hover { background-color: transparent; color: #d39e00 } .btn-outline--warning.active, .btn-outline--warning:active, .btn-outline--warning:focus { background-color: transparent; color: #a07800 } .btn-outline--warning.disabled, .btn-outline--warning:disabled, .btn-outline--warning[disabled], fieldset[disabled] .btn-outline--warning { background-color: transparent; color: #ffeeba } .btn-outline--warning:hover { border-color: #d39e00 } .btn-outline--warning.active, .btn-outline--warning:active, .btn-outline--warning:focus { border-color: #a07800 } .btn-outline--warning.disabled, .btn-outline--warning:disabled, .btn-outline--warning[disabled], fieldset[disabled] .btn-outline--warning { border-color: #ffeeba } .btn-shadow--primary { -webkit-box-shadow: 0 20px 60px -20px #3b5d5d; box-shadow: 0 20px 60px -20px #3b5d5d } .btn-shadow--primary:hover { -webkit-box-shadow: 0 20px 60px -20px #4f7c7c; box-shadow: 0 20px 60px -20px #4f7c7c } .btn-shadow--primary.active, .btn-shadow--primary:active, .btn-shadow--primary:focus { -webkit-box-shadow: 0 20px 60px -20px #273e3e; box-shadow: 0 20px 60px -20px #273e3e } .btn-shadow--primary.disabled, .btn-shadow--primary:disabled, .btn-shadow--primary[disabled], fieldset[disabled] .btn-shadow--primary { -webkit-box-shadow: none; box-shadow: none } .btn-shadow--secondary { -webkit-box-shadow: 0 20px 60px -20px #8cc63e; box-shadow: 0 20px 60px -20px #8cc63e } .btn-shadow--secondary:hover { -webkit-box-shadow: 0 20px 60px -20px #a3d265; box-shadow: 0 20px 60px -20px #a3d265 } .btn-shadow--secondary.active, .btn-shadow--secondary:active, .btn-shadow--secondary:focus { -webkit-box-shadow: 0 20px 60px -20px #71a130; box-shadow: 0 20px 60px -20px #71a130 } .btn-shadow--secondary.disabled, .btn-shadow--secondary:disabled, .btn-shadow--secondary[disabled], fieldset[disabled] .btn-shadow--secondary { -webkit-box-shadow: none; box-shadow: none } .btn-shadow--danger { -webkit-box-shadow: 0 20px 60px -20px #dc3545; box-shadow: 0 20px 60px -20px #dc3545 } .btn-shadow--danger:hover { -webkit-box-shadow: 0 20px 60px -20px #e4606d; box-shadow: 0 20px 60px -20px #e4606d } .btn-shadow--danger.active, .btn-shadow--danger:active, .btn-shadow--danger:focus { -webkit-box-shadow: 0 20px 60px -20px #bd2130; box-shadow: 0 20px 60px -20px #bd2130 } .btn-shadow--danger.disabled, .btn-shadow--danger:disabled, .btn-shadow--danger[disabled], fieldset[disabled] .btn-shadow--danger { -webkit-box-shadow: none; box-shadow: none } .btn-shadow--success { -webkit-box-shadow: 0 20px 60px -20px #28a745; box-shadow: 0 20px 60px -20px #28a745 } .btn-shadow--success:hover { -webkit-box-shadow: 0 20px 60px -20px #34ce57; box-shadow: 0 20px 60px -20px #34ce57 } .btn-shadow--success.active, .btn-shadow--success:active, .btn-shadow--success:focus { -webkit-box-shadow: 0 20px 60px -20px #1e7e34; box-shadow: 0 20px 60px -20px #1e7e34 } .btn-shadow--success.disabled, .btn-shadow--success:disabled, .btn-shadow--success[disabled], fieldset[disabled] .btn-shadow--success { -webkit-box-shadow: none; box-shadow: none } .btn-shadow--warning { -webkit-box-shadow: 0 20px 60px -20px #ffc107; box-shadow: 0 20px 60px -20px #ffc107 } .btn-shadow--warning:hover { -webkit-box-shadow: 0 20px 60px -20px #ffce3a; box-shadow: 0 20px 60px -20px #ffce3a } .btn-shadow--warning.active, .btn-shadow--warning:active, .btn-shadow--warning:focus { -webkit-box-shadow: 0 20px 60px -20px #d39e00; box-shadow: 0 20px 60px -20px #d39e00 } .btn-shadow--warning.disabled, .btn-shadow--warning:disabled, .btn-shadow--warning[disabled], fieldset[disabled] .btn-shadow--warning { -webkit-box-shadow: none; box-shadow: none } .form { max-width: 700px } .form-group { margin: 1rem 0 } .form-group__line { margin: .25rem 0 } .form-group--horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .form-group--horizontal .form-group__label { -webkit-box-flex: 0; -ms-flex: 0 0 15ch; flex: 0 0 15ch; max-width: 15ch; margin-right: 5px; line-height: 1.25 } .form-group--horizontal .form-group__field { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: calc(100% - 15ch - 5px) } .form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; max-width: 100%; background-image: none; background-clip: padding-box; line-height: 1.25; font-family: inherit; font-weight: 400; -webkit-transition: border-color .3s, background-color .3s, color .3s; -o-transition: border-color .3s, background-color .3s, color .3s; transition: border-color .3s, background-color .3s, color .3s; outline: 0; border-width: 1px; border-style: solid; padding: calc((40px - 1rem * 1.25 - 2 * 1px) / 2) 16px; border-radius: 0; font-size: 1rem; color: #000; background-color: #fff; border-color: #ccc } .form-control--full-size, .form-control:not([size]):not(select) { width: 100% } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:focus { -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } textarea.form-control { resize: vertical; min-height: 80px } select.form-control:not([size]):not([multiple]) { background-position: center right 10px; background-repeat: no-repeat; height: 40px; padding-right: calc(16px + 10px) } .form-control--lg { border-width: 1px; border-style: solid; border-color: transparent; padding: calc((54px - 1rem * 1.25 - 2 * 1px) / 2) 21.6px; border-radius: 0; font-size: 1rem } select.form-control--lg:not([size]):not([multiple]) { height: 54px; padding-right: calc(21.6px + 10px) } .form-control--xl { border-width: 1px; border-style: solid; padding: calc((68px - 1.125rem * 1.25 - 2 * 1px) / 2) 27.2px; border-radius: 0; font-size: 1.125rem; color: #000; background-color: #fff; border-color: #ccc } select.form-control--xl:not([size]):not([multiple]) { height: 68px; padding-right: calc(27.2px + 10px) } .form-control::-webkit-input-placeholder { color: rgba(0, 0, 0, .5); opacity: 1 } .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder { color: rgba(0, 0, 0, .5); opacity: 1 } .form-control::placeholder { color: rgba(0, 0, 0, .5); opacity: 1 } select.form-control:not([size]):not([multiple]) { background-image: url("data:image/svg+xml;utf8,") } select.form-control--xl:focus::-ms-value, select.form-control:focus::-ms-value { color: #000; background-color: #fff } .form-control:focus { outline: 0; color: #000; background-color: #fff } .form-control:disabled, .form-control[readonly] { background-color: #e6e6e6; color: #000; opacity: 1 } .form-control:focus { border-color: #8c8c8c } .form-control:disabled, .form-control[readonly] { border-color: #ccc } select.form-control--xl:not([size]):not([multiple]):focus, select.form-control:not([size]):not([multiple]):focus { background-image: url("data:image/svg+xml;utf8,") } .form-control--xl::-webkit-input-placeholder { color: rgba(0, 0, 0, .5); opacity: 1 } .form-control--xl:-ms-input-placeholder, .form-control--xl::-ms-input-placeholder { color: rgba(0, 0, 0, .5); opacity: 1 } .form-control--xl::placeholder { color: rgba(0, 0, 0, .5); opacity: 1 } select.form-control--xl:not([size]):not([multiple]) { background-image: url("data:image/svg+xml;utf8,") } .form-control--xl:focus { outline: 0; color: #000; background-color: #fff } .form-control--xl:disabled, .form-control--xl[readonly] { background-color: #e6e6e6; color: #000; opacity: 1 } .form-control--xl:focus { border-color: #8c8c8c } .form-control--xl:disabled, .form-control--xl[readonly] { border-color: #ccc } .form-control.error { border-color: #dc3545 } .form-error { margin-top: .25rem; color: #dc3545 } .im-colormask { position: relative } .im-colormask > div { position: absolute; top: 8px; left: 16px; pointer-events: none } .im-colormask input[type=password] { color: transparent } .group__field { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto } .checkbox { position: relative; display: block; font-size: 1rem; line-height: 1.25; min-height: 1em; padding-left: 1.5em } .checkbox__label::before { position: absolute } .checkbox__label::after, .checkbox__label::before { top: .125em; left: 0; width: 1em; height: 1em; content: "" } .checkbox__label::before { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ccc; border-radius: 3px; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s } .checkbox__label::after { position: absolute; background-repeat: no-repeat; background-position: center center; background-size: .65em auto } .checkbox__input { position: absolute; z-index: -1; opacity: 0 } .checkbox__input:checked ~ .checkbox__label::before { background-color: #3b5d5d } .checkbox__input:checked ~ .checkbox__label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") } .checkbox__input:not(:disabled):not(:checked) ~ .checkbox__label:hover::before, .radio__input:not(:disabled):not(:checked) ~ .radio__label:hover::before { background-color: rgba(59, 93, 93, .5); -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } .checkbox__input:disabled ~ .checkbox__label, .radio__input:disabled ~ .radio__label { color: #ccc } .checkbox__input:disabled ~ .checkbox__label::after, .checkbox__input:disabled ~ .checkbox__label::before { opacity: .5 } .checkbox__input.error ~ .checkbox__label::before { background-color: rgba(220, 53, 69, .25) } .checkbox--filter { padding-left: 0 } .checkbox--filter .checkbox__label:after, .checkbox--filter .checkbox__label:before { content: none } .checkbox--filter .checkbox__label { display: inline-block; cursor: pointer; padding: 5px 15px; border: 2px solid transparent; border-radius: 16px } .checkbox--filter .checkbox__label u { text-decoration: none; color: #3b5d5d; border-bottom: 1px dashed rgba(59, 93, 93, .3) } .checkbox--filter .checkbox__label sup { color: gray; font-size: 10px } .checkbox--filter .checkbox__input:checked ~ .checkbox__label { border-color: #8cc63e } .checkbox--filter .checkbox__input:checked ~ .checkbox__label u { color: #8cc63e; border-bottom-color: transparent } .radio { position: relative; display: block; font-size: 1rem; line-height: 1.25; min-height: 1em; padding-left: 1.5em } .radio__label::before { position: absolute } .radio__label::after, .radio__label::before { top: .125em; left: 0; width: 1em; height: 1em; content: "" } .radio__label::before { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ccc; border-radius: 50%; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s } .radio__label::after { position: absolute; background-repeat: no-repeat; background-position: center center; background-size: .65em auto } .radio__input { position: absolute; z-index: -1; opacity: 0 } .radio__input:checked ~ .radio__label::before { background-color: #3b5d5d } .radio__input:checked ~ .radio__label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#ffffff'/%3E%3C/svg%3E") } .radio__input:disabled ~ .radio__label::after, .radio__input:disabled ~ .radio__label::before { opacity: .5 } .links-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-left: -12px } .links-group--lg { margin-left: -16.2px } .links-group--xl { margin-left: -20.4px } .links-group--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .links-group__item { max-width: 100%; border-bottom: none; line-height: 1.25; margin-top: .5rem; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis } .links-group__item:hover u { border-bottom-color: transparent } .links-group__item--pagination { padding-left: 0; padding-right: 0; text-align: center } .links-group__item { padding: calc((40px - 1rem * 1.25) / 2) 12px; font-size: 1rem; border-radius: 20px } .links-group__item--pagination { width: 40px } .links-group--lg .links-group__item { padding: calc((54px - 1rem * 1.25) / 2) 16.2px; font-size: 1rem; border-radius: 27px } .links-group--lg .links-group__item--pagination { width: 54px } .links-group--xl .links-group__item { padding: calc((68px - 1.125rem * 1.25) / 2) 20.4px; font-size: 1.125rem; border-radius: 34px } .links-group--xl .links-group__item--pagination { width: 68px } .links-group__item--active { background-color: #3b5d5d; color: #fff; pointer-events: none } .links-group__item--active u, .links-group__item--disabled u { border-bottom: none } .links-group__item--disabled { color: gray; pointer-events: none } .card__content > :last-child { margin-bottom: 0 } .card__name { display: block; line-height: 1.5 } .card__name:first-child { margin-top: 0 } .card__link, .google-map a { border-bottom: none } .card__image { display: block } .card__image img { width: 100%; vertical-align: bottom } .card--gray { padding: 30px; background-color: gray } .card--gray .card__image { margin: -30px -30px 30px } .card--gray .card__image + * { margin-top: 0 } .card--rounded { border-radius: 20px } .card--rounded .card__image img { border-top-left-radius: 20px; border-top-right-radius: 20px } .card--person { max-width: 200px } .card--news { padding: 20px; border-radius: 10px; background-color: #eeead8 } .card--news .card__image { margin: -20px -20px 20px } .card--news .card__image img { border-top-left-radius: 10px; border-top-right-radius: 10px } .card--item .card__image + *, .card--news .card__image + * { margin-top: 0 } .card--item { padding: 15px } .h-card { display: -webkit-box; display: -ms-flexbox; display: flex } .h-card__image { margin-right: 20px } .h-card__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .h-card__content > :first-child { margin-top: 0 } .h-card__content > :last-child { margin-bottom: 0 } .h-card--gray { padding: 30px; background-color: gray } .h-card--rounded { border-radius: 20px } .h-card--person { max-width: 200px } .h-card--news { padding: 20px; border-radius: 10px; background-color: #eeead8 } .h-card--item { padding: 15px } .card { position: relative; margin-bottom: 40px } .card--item:hover .card__content { z-index: 2 } .card--item:hover .card__content--hover { opacity: 1; visibility: visible } .card--item:hover .card__image img { /* opacity: .5*/ } .card--item .card__content .btn {opacity: 1 !important;} .card--item:hover .card__content--hover .btn, .card--item:hover .card__icons, .card--item:hover .card__image .btn { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .card--item .card__content { text-align: right; position: relative; z-index: 1 } .card--item .card__content--hover { opacity: 0; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: calc(100% + 90px); background-color: #fff; -webkit-box-shadow: 0 0 30px -5px gray; box-shadow: 0 0 30px -5px gray; padding-bottom: 30px } .card--item .card__content--hover .btn, .card--item .card__image .btn { opacity: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); -webkit-transition: opacity .2s, -webkit-transform .2s; -o-transition: opacity .2s, transform .2s; transition: opacity .2s, transform .2s; transition: opacity .2s, transform .2s, -webkit-transform .2s } .card--item .card__image { position: relative; margin: 0 0 20px; overflow: hidden } .card--item .card__image .btn { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 220px; height: 54px; margin: auto } .card--item .card__link { text-align: left } .card--item .card__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; text-align: left } .card--item .card__price sup { font-size: 12px; color: gray } .card--action u, .card--item .card__price-trade-value { font-size: 26px; font-weight: 500 } .card--item .card__price-trade-old { margin-top: 15px; font-weight: 500; text-decoration: line-through } .card--item .card__price-trade-old + p { margin-top: 0; color: #d71d40 } .card--item .card__price-retail-value { font-size: 20px; font-weight: 500 } .card--item .card__price-retail-old { margin-top: 15px; font-weight: 500; text-decoration: line-through; text-align: right } .card--item .card__price-retail-old + p { margin-top: 5px; color: #d71d40 } .card--item .card__icons { height: 32px; padding: 0 6px; position: absolute; bottom: 10px; right: 10px; background-color: #fff; border-radius: 16px; opacity: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); -webkit-transition: opacity .2s, -webkit-transform .2s; -o-transition: opacity .2s, transform .2s; transition: opacity .2s, transform .2s; transition: opacity .2s, transform .2s, -webkit-transform .2s } .card--item .card__icons a { position: relative; top: 6px; margin: 0 6px } .card--item .card__action { display: block; width: 100%; position: absolute; left: 0; bottom: 30px; padding: 0 30px } .card--action { padding: 0; margin-top: -20px; text-align: center } .card--action img { opacity: 1; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; will-change: opacity } .card--action:hover img { opacity: .5; -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } .card--action u { line-height: 30px; color: #fff; background-size: 100% 100%; border: 0 } .google-map { position: relative; background-color: #dfdfdf; height: 300px } .google-map--large { height: 600px } .google-map__marker { display: none } .modal { z-index: 999 } .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(59, 93, 93, .6); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 999 } .modal__container { position: relative; background-color: #fff; border-radius: 10px; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box } .modal--default .modal__container { max-width: 500px; padding: 30px } .modal--big .modal__container { max-width: 1200px; padding: 0 } .modal__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .modal__title { margin: 0 15px 0 0 } .modal__close { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 18px; height: 18px; padding: 0; border: 0; outline: 0; background-color: #dc3545; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; cursor: pointer; border-radius: 50%; position: absolute; top: 20px; right: 20px; z-index: 1 } .modal__close:focus, .modal__close:hover { background-color: #e4606d; -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } .modal__content { margin-bottom: 2rem } .micromodal-slide { display: none } .micromodal-slide.is-open { display: block } .micromodal-slide[aria-hidden=false] .modal__overlay { -webkit-animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1); animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1) } .micromodal-slide[aria-hidden=false] .modal__container { -webkit-animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1); animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1) } .micromodal-slide[aria-hidden=true] .modal__overlay { -webkit-animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1); animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1) } .micromodal-slide[aria-hidden=true] .modal__container { -webkit-animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1); animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1) } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform } .basket-link, .bookmark-link, .compare-link { position: relative; margin-left: 25px } .bookmark-link svg { fill: #3b5d5d; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .bookmark-link svg:last-of-type { position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0 } .bookmark-link--active svg, .bookmark-link:hover svg { fill: #8cc63e; -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } .bookmark-link--active svg:last-of-type, .bookmark-link:hover svg:last-of-type { visibility: visible; opacity: 1 } .compare-link svg { fill: #3b5d5d; -webkit-transition: fill .3s; -o-transition: fill .3s; transition: fill .3s } .basket-link:hover svg, .compare-link--active svg, .compare-link:hover svg { fill: #8cc63e; -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } .basket-link svg { fill: #3b5d5d; -webkit-transition: fill .3s; -o-transition: fill .3s; transition: fill .3s } .menu-opened .basket-link svg { fill: #fff } .basket-price { width: 60px; position: absolute; top: 0; left: 25px; color: gray; font-size: 12px; font-weight: 500; white-space: nowrap; text-align: center } .basket-price--mobile { color: #fff } .header { position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 10; padding: 20px 0; background-color: #f6f6f6; margin-bottom: 40px } .main--index .header { margin-bottom: 0 } .header__row { position: relative; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .header__logo { -webkit-box-flex: 0; -ms-flex: 0 0 156px; flex: 0 0 156px; width: 156px; height: 81px; background-image: url(/local/templates/.default/html/build/styles/../images/header-logo.png); background-repeat: no-repeat; background-size: 100% } .menu-opened .header__logo { background-image: url(/local/templates/.default/html/build/styles/../images/header-logo--white.png) } .header__logo a { display: block; width: 100%; height: 100% } .header__basket { padding-right: 60px; font-size: 16px } .header__basket-item { display: block; margin: 0 8px } .header__basket-item svg { vertical-align: top } .header__basket-item--mobile { display: inline-block; margin: 0 20px } .header__contacts { text-align: center } .header__contacts p { font-size: 18px; margin-top: 0 } .header__contacts a { font-size: 17px; font-weight: 500 } .header__request .btn { font-size: 14px } .footer { padding: 25px 0; background-color: #3b5d5d } .footer__phone, .waysite__item { display: inline-block } .map-wave { overflow: hidden; position: relative; padding-top: 50px } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .map-wave { -webkit-mask-image: url(/local/templates/.default/html/build/styles/../images/svg/map-wave-mask.svg); mask-image: url(/local/templates/.default/html/build/styles/../images/svg/map-wave-mask.svg); -webkit-mask-size: 100% 600px; mask-size: 100% 600px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; padding-top: 0 } } .map-wave__svg { position: absolute; top: 0; left: 0; right: 0; color: #fff } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .map-wave__svg { display: none } } .map-wave__svg svg { width: 100%; height: 200px } .contacts { position: relative; z-index: 1 } .contacts__requisites { margin-top: .5em; border-spacing: 0; border-collapse: collapse; vertical-align: top } .contacts__requisites td { padding: 0 } .contacts__requisites td:not(:first-child) { padding-left: 20px } .contacts__requisites tr:not(:first-child) td { padding-top: 5px } .preview { position: relative; display: block; overflow: hidden; color: #fff } .preview__image { vertical-align: bottom } .preview__blackout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: transparent; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s } .preview:hover .preview__blackout { background-color: rgba(0, 0, 0, .3); -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } .preview__blackout svg, .preview__title { opacity: 0; -webkit-transition: opacity .3s, -webkit-transform .3s } .preview__blackout svg { width: 30px; height: 30px; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -o-transition: transform .3s, opacity .3s; transition: transform .3s, opacity .3s; transition: transform .3s, opacity .3s, -webkit-transform .3s } .preview:hover .preview__blackout svg, .preview:hover .preview__title { opacity: 1; -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } .preview:hover .preview__blackout svg { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .preview__title { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -o-transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s } .preview:hover .preview__title { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .completed__item { margin-top: 30px } .shadowed--green { -webkit-box-shadow: 0 39px 62px -20px #2d4111; box-shadow: 0 39px 62px -20px #2d4111 } .shadowed--black { -webkit-box-shadow: 0 39px 62px -20px rgba(0, 0, 0, .75); box-shadow: 0 39px 62px -20px rgba(0, 0, 0, .75) } .index-slider { position: relative; overflow: hidden; color: #fff; text-align: center } .index-slider__list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100% } .index-slider__item { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; min-height: 500px; max-height: 770px; background-repeat: no-repeat; background-position: center; background-size: cover } .index-slider__item::before { content: ""; display: block; width: 100%; height: 0; padding-top: 56.25% } .index-slider__item::after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background-color: rgba(0, 0, 0, .4) } .index-slider__content { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 50px 0; z-index: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .index-slider__content .wrapper { width: 100% } .index-slider__title { margin: 0; font-weight: 600 !important; font-family: "Roboto", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; font-size: 5rem; line-height: 1.15 } .index-slider__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .index-slider__arrow--prev { left: 80px } .index-slider__arrow--next { right: 80px } .index-slider__pagination.card__slider-pagination { background-color: transparent } .index-slider__pagination.card__slider-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { border-color: transparent; background-color: #fff; background-clip: padding-box } .index-slider__pagination.card__slider-pagination .swiper-pagination-bullet-active { border-color: #fff } .arrow { -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 100%; display: inline-block; text-decoration: none; border: 0; vertical-align: middle; cursor: pointer; -webkit-transition-property: border-color, background-color, color; -o-transition-property: border-color, background-color, color; transition-property: border-color, background-color, color; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; outline: 0 !important; font-family: inherit; font-weight: 400; padding: 0; background-color: transparent } .arrow:hover, .arrow:hover svg { -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } .arrow.disabled, .arrow:disabled, .arrow[disabled], fieldset[disabled] .arrow { pointer-events: none } .arrow--block { display: block; width: 100%; padding: 0; text-align: center } .arrow svg { -webkit-transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s } .arrow--left:hover svg { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } .arrow--right:hover svg { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } .arrow--lg, .arrow--lg svg { width: 50px; height: 90px } .arrow--white { color: #fff } .item__image { display: block; margin-bottom: 30px } .item__name { font-size: 36px; font-weight: 300 } .item-preview__info .card__info-trade-price .price, .item__price { font-size: 30px; } .amount { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 25px } .amount-input { position: relative; margin-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 135px; flex: 0 0 135px; width: 135px } .amount-input__text, .amount-input__value { width: 100%; font-size: 20px; text-align: center } .amount-input__text { border: 1px solid #ccc; line-height: 66px; height: 68px; position: relative } .amount-input__text:after, .amount-input__text:before { left: 50%; -webkit-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); transform: translate(-50%, -10px); position: absolute; z-index: 1; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .amount-input__text:after { background: #3b5d5d; background: rgba(59, 93, 93, .8); border-radius: 5px; color: #fff; content: attr(title); padding: 5px 15px; font-size: .875rem; line-height: 1.5; max-width: 220px; min-width: 130px; width: 100%; top: 75px } .amount-input__text:before { border: solid; border-color: transparent transparent #3b5d5d; border-bottom-color: rgba(59, 93, 93, .8); border-width: 0 6px 6px; bottom: -10px; content: "" } .amount-input__text--tooltip::after, .amount-input__text--tooltip::before { opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } .amount-input__value { display: none; height: 100%; position: absolute; top: 0; left: 0; background-color: #fff; -moz-appearance: textfield; padding: 0 40px } .amount-input__value.active { display: block } .amount-input__value::-webkit-inner-spin-button, .amount-input__value::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .amount-input__btn { position: absolute; top: 50%; margin-top: -15px; padding: 0; width: 30px; height: 30px; background-color: transparent; color: gray; font-size: 30px; line-height: 30px } .amount-input__btn--plus { right: 5px } .amount-input__btn--minus { left: 5px } .amount-count { width: 14px; height: 14px; position: absolute; top: -4px; right: -8px; font-size: 9px; line-height: 14px; color: #fff; background-color: #8cc63e; border-radius: 50%; text-align: center } .menu { display: block; margin: 0; padding: 0; -webkit-columns: 2; columns: 2; max-width: 300px } .menu--mobile .menu__item { font-size: 16px; color: #fff; margin: 10px 0 } .menu--mobile .menu__item--active a, .menu__item { color: #3b5d5d } .menu--mobile .menu__item--phone, .menu--mobile .menu__item--request { padding-top: 20px } .menu__item { display: block; list-style-type: none; font-size: 15px; margin: 0 0 5px } .menu__item a:not([class]) { border-bottom: none } .menu__item--active a { color: #fff; background-size: 100% 100% } .mobile-btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 100%; display: inline-block; text-decoration: none; border: 0; vertical-align: middle; cursor: pointer; -webkit-transition-property: border-color, background-color, color; -o-transition-property: border-color, background-color, color; transition-property: border-color, background-color, color; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; outline: 0 !important; font-family: inherit; font-weight: 400; width: 32px; height: 20px; padding: 0; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mobile-btn:hover { -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } .mobile-btn.disabled, .mobile-btn:disabled, .mobile-btn[disabled], fieldset[disabled] .mobile-btn { pointer-events: none } .mobile-btn--block { display: block; width: 100%; padding: 0; text-align: center } .mobile-btn span { position: relative; width: 26px; height: 4px; background-color: #3b5d5d; -webkit-transition: background .25s; -o-transition: background .25s; transition: background .25s } .mobile-btn span::after, .mobile-btn span::before { content: ""; position: absolute; left: 0; height: 4px; background-color: #3b5d5d; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: top .25s .25s, width 0s .25s, -webkit-transform .25s; -o-transition: top .25s .25s, transform .25s, width 0s .25s; transition: top .25s .25s, transform .25s, width 0s .25s; transition: top .25s .25s, transform .25s, width 0s .25s, -webkit-transform .25s } .mobile-btn span::before { width: 32px; top: -8px } .mobile-btn span::after { top: 8px; width: 20px } .menu-opened .mobile-btn span { background-color: transparent; -webkit-transition: background .25s 0s; -o-transition: background .25s 0s; transition: background .25s 0s } .menu-opened .mobile-btn span::after, .menu-opened .mobile-btn span::before { top: 0; width: 32px; -webkit-transition: top .25s, width 0s .25s, -webkit-transform .25s .25s; -o-transition: top .25s, transform .25s .25s, width 0s .25s; transition: top .25s, transform .25s .25s, width 0s .25s; transition: top .25s, transform .25s .25s, width 0s .25s, -webkit-transform .25s .25s; background-color: #fff } .menu-opened .mobile-btn span::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg) } .menu-opened .mobile-btn span::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg) } .header-mobile { display: flex; flex-direction: column; align-items: center; position: absolute; z-index: 2; top: 0; left: 0; background-color: #3b5d5d; width: 100%; min-height: 100vh; padding: 70px 20px 40px; visibility: hidden; opacity: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition: opacity .2s, -webkit-transform .2s; -o-transition: opacity .2s, transform .2s; transition: opacity .2s, transform .2s; transition: opacity .2s, transform .2s, -webkit-transform .2s; -webkit-box-shadow: 0 10px 20px rgba(59, 93, 93, .5); box-shadow: 0 10px 20px rgba(59, 93, 93, .5) } .menu-opened .header-mobile { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .header-mobile__basket { margin-top: 40px } .header-mobile__basket svg { fill: #fff; -webkit-transition: none; -o-transition: none; transition: none } .item-preview { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 650px; overflow: hidden } .item-preview__info, .item-preview__slider { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; max-height: 650px } .item-preview__info { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding: 40px 40px 0; overflow: auto } .item-preview__info .card__info { padding-bottom: 40px } .item-preview__info .card__info-retail-price .price, .item-preview__info .card__info-trade-price .price--new u { font-size: 25px; } .item-preview__info .card__info-retail-price .price--new u { font-size: 26px } .item-preview__info .card__info-characteristics { padding-top: 40px } .item-preview__info .characteristics, .page-404 img { margin-bottom: 20px } .item-preview__slider { position: relative } .item-preview__slider .card__slider { position: static; height: 100%; padding-top: 0 } .range, .range__slider { position: relative } .range__slider { margin-top: 20px; border-radius: 3px; height: 5px; border-bottom: 5px solid #e2e1e2 } .range__header { margin-bottom: 3px; overflow: hidden } .range__values { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .range .noUi-base, .range .noUi-connects { position: absolute; width: 100%; height: 100%; left: 0 } .range .noUi-base { bottom: 0 } .range .noUi-connects { top: 0 } .range .noUi-connect, .range .noUi-origin { width: 100%; z-index: 1; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0 } .range .noUi-connect { height: 100%; left: 0; top: 0; border-radius: 3px; border-bottom: 5px solid #8cc63e } .range .noUi-origin { will-change: transform; position: absolute; bottom: 2px; right: 0 } .range .noUi-handle { position: absolute; bottom: -16px; right: -9px; width: 22px; height: 22px; border-radius: 50%; background-color: rgba(140, 198, 62, .3); outline: 0 } .range .noUi-handle.noUi-active, .range .noUi-handle:hover { background-color: rgba(140, 198, 62, .5); -webkit-box-shadow: 0 0 0 5px rgba(140, 198, 62, .5); box-shadow: 0 0 0 5px rgba(140, 198, 62, .5) } .range .noUi-handle-lower { right: -13px } .video, .video-frame { position: relative; background-image: url(/local/templates/.default/html/build/styles/../images/video-bg.png) } .video { width: 1122px; height: 631px; background-position: center; margin: 50px auto; background-size: cover } .video iframe, .video-frame iframe { position: absolute; border-radius: 10px; border: 0 } .video iframe { right: 0; bottom: 0; margin: auto; width: calc(100% - 128px); height: calc(100% - 102px); top: 0; left: 0 } .video-frame { background-size: contain } .video-frame--white { background-image: url(/local/templates/.default/html/build/styles/../images/video-bg-white.png) } .video-frame::before { display: block; padding-top: 56.23886%; content: "" } .video-frame iframe { width: 88.5918% !important; height: 83.83518% !important; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .card-label { position: absolute; top: 0; right: 0; text-transform: uppercase; font-size: 14px; line-height: 40px; letter-spacing: 1.5px; font-weight: 500; -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg) translateY(65px); -ms-transform: translateX(50%) translateY(-50%) rotate(45deg) translateY(65px); transform: translateX(50%) translateY(-50%) rotate(45deg) translateY(65px); padding: 0 60px; z-index: 1; will-change: transform } .card-label--big { font-size: 20px; line-height: 60px; padding: 0 120px; -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg) translateY(130px); -ms-transform: translateX(50%) translateY(-50%) rotate(45deg) translateY(130px); transform: translateX(50%) translateY(-50%) rotate(45deg) translateY(130px) } .card-label--action { color: #fff; background-color: rgba(215, 29, 64, .9) } .card-label--new { color: #3b5d5d; background-color: rgba(255, 255, 255, .9) } .reviews-slider { position: relative; overflow: hidden; max-width: 1100px; margin: 0 auto; padding: 60px 0 120px } .reviews-slider__list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100% } .reviews-slider__item { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100% } .reviews-slider__image { position: relative; display: inline-block; margin-left: 15px } .reviews-slider__image .preview { display: inline-block; -webkit-box-shadow: 0 20px 35px -10px rgba(53, 53, 53, .6); box-shadow: 0 20px 35px -10px rgba(53, 53, 53, .6) } .reviews-slider__image .preview--small { position: absolute; bottom: -60px; right: 0; width: 75%; -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg) } .reviews-slider .card__slider-pagination { bottom: 0 } .index-news { margin-top: 35px; padding: 45px 0 150px; background-image: -webkit-gradient(linear, left top, left bottom, from(#4f967d), to(#3b5d5d)); background-image: -webkit-linear-gradient(top, #4f967d, #3b5d5d); background-image: -o-linear-gradient(top, #4f967d, #3b5d5d); background-image: linear-gradient(to bottom, #4f967d, #3b5d5d); color: #fff } .index-items, .index-items::before { background-image: url(/local/templates/.default/html/build/styles/../images/index-items_bg.jpg); background-position: center } .index-items { padding: 100px 0 90px; position: relative } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .index-items { padding-bottom: 0; margin-bottom: 150px } } .index-items::before { position: absolute; height: 128px; left: 0; right: 0; bottom: 100% } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .index-items::before { content: ""; -webkit-mask-image: url(/local/templates/.default/html/build/styles/../images/svg/index-items-mask.svg); mask-image: url(/local/templates/.default/html/build/styles/../images/svg/index-items-mask.svg); -webkit-mask-size: 100% 128px; mask-size: 100% 128px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat } } .index-items::after { position: absolute; height: 100px; left: 0; right: 0; top: 100%; background-image: url(/local/templates/.default/html/build/styles/../images/index-items_bg.jpg); background-position: center } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .index-items::after { content: ""; -webkit-mask-image: url(/local/templates/.default/html/build/styles/../images/svg/index-items-footer-mask.svg); mask-image: url(/local/templates/.default/html/build/styles/../images/svg/index-items-footer-mask.svg); -webkit-mask-size: 100% 100px; mask-size: 100% 100px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat } } .index-items .item { min-height: 320px; margin-top: 100px } .index-items .item img { width: 100%; max-width: 320px } .index-items__button { position: relative; margin-top: 150px; z-index: 1 } .index-completed { margin-top: 50px } .card__container { background-image: url(/local/templates/.default/html/build/styles/../images/card-lawn--bg.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: 100%; padding-bottom: 55% } .card__header-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .card__slider { position: relative; width: 100%; height: 0; padding-top: 100%; overflow: hidden } @supports ((position:-webkit-sticky) or (position:sticky)) or (position:-webkit-sticky) { .card__slider { position: -webkit-sticky; position: sticky; top: 150px } } .card__slider iframe { width: 100%; height: 100%; border: 0 } .card__slider-container { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; -webkit-box-shadow: 0 30px 70px -20px #1e2b0d; box-shadow: 0 30px 70px -20px #1e2b0d } .card__slider-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100% } .card__slider-slide { width: 100%; height: 100%; -ms-flex-negative: 0; flex-shrink: 0; background-repeat: no-repeat; background-size: cover } .card__slider-pagination { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 7px 5px; border-radius: 15px; background-color: #fff } .card__slider-pagination .swiper-pagination { overflow: hidden; text-align: center; white-space: nowrap; font-size: 0 } .card__slider-pagination .swiper-pagination-bullet { position: relative; display: inline-block; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #fff; background-color: #3b5d5d; margin: 0 4px; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); -webkit-transition: left .2s, border-color .2s, -webkit-transform .2s; -o-transition: transform .2s, left .2s, border-color .2s; transition: transform .2s, left .2s, border-color .2s; transition: transform .2s, left .2s, border-color .2s, -webkit-transform .2s } .card__slider-pagination .swiper-pagination-bullet-active { border: 1px solid #3b5d5d; background-color: transparent; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .card__slider-pagination .swiper-pagination-bullet-active-next, .card__slider-pagination .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8) } .card__info { padding-top: 30px; overflow: hidden } .card__info-trade-price .price { font-size: 90px; line-height: 1; font-weight: 300 } .card__info-trade-price .price--new u { font-size: 45px } .card__info-retail-price { padding-top: 40px } .card__info-retail-price .price { font-size: 50px; line-height: 1; font-weight: 300 } .card__info-retail-price .price--new u { font-size: 25px } .card__info .price--new { color: #d71d40 } .card__info .price--new u { display: block; margin: 5px 0; color: #000; font-weight: 400; text-decoration: line-through } .card__info-characteristics { padding-top: 60px } .card__info-characteristics .characteristics { width: 100% } .card__info-characteristics .characteristics tbody td { width: 65%; padding: 7px 0; font-size: 16px; vertical-align: top; line-height: 24px; font-family: Open Sans, Helvetica Neue, sans-serif; } .card__info-characteristics .characteristics tbody td:first-of-type { width: 35%; color: #212529; padding-right: 20px; vertical-align: top; font-size: 16px; font-weight: 700; font-family: Open Sans, Helvetica Neue, sans-serif; line-height: 24px; white-space: nowrap; } .card__info-characteristics .characteristics tbody td:first-of-type::after { content: ":"; display: inline-block; } .card__info-certificates .preview { display: inline-block; margin: 20px 20px 0 0 } .card__info-description--full, .filter-hidden { display: none } .card__soput .item { margin-bottom: 80px } .card__soput .item--1 .item__image, .card__soput .item--4 .item__image { -webkit-filter: drop-shadow(0 15px 10px rgba(0, 0, 0, .3)) drop-shadow(0 60px 35px rgba(0, 0, 0, .15)); filter: drop-shadow(0 15px 10px rgba(0, 0, 0, .3)) drop-shadow(0 60px 35px rgba(0, 0, 0, .15)) } .card__soput .item--5 .item__image { -webkit-filter: drop-shadow(0 35px 10px rgba(0, 0, 0, .3)) drop-shadow(0 80px 25px rgba(0, 0, 0, .15)); filter: drop-shadow(0 35px 10px rgba(0, 0, 0, .3)) drop-shadow(0 80px 25px rgba(0, 0, 0, .15)) } .card__soput .item--2 .item__image { width: 330px; margin-bottom: 100px; -webkit-filter: drop-shadow(5px 25px 15px rgba(0, 0, 0, .4)); filter: drop-shadow(5px 25px 15px rgba(0, 0, 0, .4)); -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left } .card__soput .item--3 .item__image, .card__soput .item--6 .item__image { width: 300px; margin: -80px 0 230px; -webkit-filter: drop-shadow(25px 25px 15px rgba(0, 0, 0, .4)); filter: drop-shadow(25px 25px 15px rgba(0, 0, 0, .4)); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left } .card__soput .item--6 .item__image { margin: -210px 0 310px; -webkit-filter: drop-shadow(25px 0 15px rgba(0, 0, 0, .4)); filter: drop-shadow(25px 0 15px rgba(0, 0, 0, .4)); -webkit-transform: rotate(75deg); -ms-transform: rotate(75deg); transform: rotate(75deg) } .catalog__filter .form-group__field { margin-bottom: 30px } .catalog__filter .form-group__line { margin: 6px 0 0 -16px } .filter-btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; cursor: pointer; outline: 0 !important; font-size: 1.125rem; line-height: 1; margin-left: 15px } .filter-params__item { position: relative; display: inline-block; margin: 0 10px 15px 0 } .filter-params__item-label { padding: 3px 30px 3px 15px; border: 2px solid gray; border-radius: 16px; color: gray; -webkit-transition: background-color .3s, color .3s, border-color .3s; -o-transition: background-color .3s, color .3s, border-color .3s; transition: background-color .3s, color .3s, border-color .3s } .filter-params__item-close { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 12px; height: 12px; padding: 0; border: 0; outline: 0; background-color: #dc3545; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; cursor: pointer; border-radius: 50%; position: absolute; top: 11px; right: 11px; z-index: 1 } .filter-params__item-close:focus, .filter-params__item-close:hover { background-color: #fff; -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } .filter-params__item-close:focus + .filter-params__item-label, .filter-params__item-close:hover + .filter-params__item-label { color: #fff; border-color: #dc3545; background-color: #dc3545; -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } .remove-link { position: relative; display: inline-block; font-size: 12px; margin-right: 20px; margin-bottom: 10px } .remove-link:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-color: #d71d40; position: absolute; top: 3px; right: -20px } .landing-header { position: relative; z-index: 1; padding: 40px 0 } .landing-header::before { position: absolute; height: 80px; left: 0; right: 0; bottom: 100%; background-color: #fff } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-header::before { content: ""; -webkit-mask-image: url(/local/templates/.default/html/build/styles/../images/svg/index-items-mask.svg); mask-image: url(/local/templates/.default/html/build/styles/../images/svg/index-items-mask.svg); -webkit-mask-size: 100% 80px; mask-size: 100% 80px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat } } .landing-header::after { position: absolute; height: 80px; left: 0; right: 0; top: 100%; background-color: #fff } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-header::after { content: ""; -webkit-mask-image: url(/local/templates/.default/html/build/styles/../images/svg/index-items-footer-mask.svg); mask-image: url(/local/templates/.default/html/build/styles/../images/svg/index-items-footer-mask.svg); -webkit-mask-size: 100% 80px; mask-size: 100% 80px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat } } .landing-title { max-width: 600px; margin: 0 auto } .landing-use { position: relative; background-color: #000; background-image: url(/local/templates/.default/html/build/styles/../images/landing-use--bg.jpg); background-repeat: no-repeat; background-position: right center; padding: 140px 0 240px } .landing-use--landscape { min-height: 1200px; padding: 0 0 50px !important; background-image: url(/local/templates/.default/html/build/styles/../images/landing-use--bg-2.jpg); background-position: center !important; background-size: cover !important } .landing-use__top { position: relative; background-color: rgba(54, 92, 26, .8); padding-top: 50px; text-align: center } .landing-use__top::before { position: absolute; width: 100%; height: 133px; background-color: rgba(54, 92, 26, .8); top: 100%; left: 0; content: "" } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-use__top::before { -webkit-mask-image: url(/local/templates/.default/html/build/styles/../images/svg/lading-use-top--mask.svg); mask-image: url(/local/templates/.default/html/build/styles/../images/svg/lading-use-top--mask.svg); -webkit-mask-size: 100% 133px; mask-size: 100% 133px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat } } .landing-use:not(.landing-use--with-bottom)::after { position: absolute; height: 80px; left: 0; right: 0; bottom: 0; background-color: #fff } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-use:not(.landing-use--with-bottom)::after { content: ""; -webkit-mask-image: url(/local/templates/.default/html/build/styles/../images/svg/index-items-footer-mask.svg); mask-image: url(/local/templates/.default/html/build/styles/../images/svg/index-items-footer-mask.svg); -webkit-mask-size: 100% 80px; mask-size: 100% 80px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } } .landing-use__bottom { margin-top: 130px; text-align: center } .landing-items .item__price, .landing-use .h1 { font-size: 80px } .landing-use p:not([class]) { font-size: 20px } .landing-use-bottom, .landing-use-bottom::after { background-image: url(/local/templates/.default/html/build/styles/../images/landing-use--bg-3.jpg); background-repeat: no-repeat } .landing-use-bottom { color: #fff; position: relative; height: 285px; background-position: 50% -80px } .landing-use-bottom::after { position: absolute; height: 80px; left: 0; right: 0; bottom: 100%; background-position: top } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-use-bottom::after { content: ""; -webkit-mask-image: url(/local/templates/.default/html/build/styles/../images/svg/index-items-footer-mask-invert.svg); mask-image: url(/local/templates/.default/html/build/styles/../images/svg/index-items-footer-mask-invert.svg); -webkit-mask-size: 100% 80px; mask-size: 100% 80px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat } } .landing-import { background-image: url(/local/templates/.default/html/build/styles/../images/landing-import--bg.jpg); background-repeat: no-repeat; background-position: left 40px bottom 0; padding-bottom: 230px } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-import { background-position: left 40px bottom 40px } } .landing-import__info { padding-top: 70px } .landing-content__lawn-types .lawn-types__header p, .landing-import__info p, .landing-lawn li, .landing-lawn p { font-size: 18px } .landing-import__video { position: relative; font-size: 26px; font-weight: 700; margin: 35px 0 65px } .landing-import__video a { position: relative; padding-left: 75px; background-size: 0 } .landing-content__map::before, .landing-import__video a:before { content: ''; display: block; background-repeat: no-repeat; position: absolute } .landing-import__video a:before { top: -3px; background-size: 100%; width: 56px; height: 40px; left: 0; background-image: url(/local/templates/.default/html/build/styles/../images/youtube-link.png) } .landing-content__lawn-types .lawn-types__header h3, .landing-items .index-items__button { font-size: 30px } .landing-lawn { background-image: url(/local/templates/.default/html/build/styles/../images/landing-lawn--bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: -160px; padding: 180px 0 80px } .landing-content { overflow: hidden } .landing-content__lawn-types { background-color: #45786c; background-image: -webkit-gradient(linear, left top, right top, from(#4f967d), to(#3b5d5d)); background-image: -webkit-linear-gradient(left, #4f967d, #3b5d5d); background-image: -o-linear-gradient(left, #4f967d, #3b5d5d); background-image: linear-gradient(to right, #4f967d, #3b5d5d); padding: 70px 0 700px; position: relative } .landing-content__lawn-types .lawn-types__header { max-width: 680px; margin: 0 auto 50px } .landing-content__lawn-types .lawn-types__item--checked { position: relative } .landing-content__lawn-types .lawn-types__item--checked::before { position: absolute; z-index: -1; left: 50%; bottom: -20px; width: 100%; height: 454px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-image: url(/local/templates/.default/html/build/styles/../images/lawn-types__item--checked.png); background-repeat: no-repeat; background-position: bottom; background-size: 80% auto; content: "" } .landing-content__map { position: relative; margin-top: -270px } .landing-content__map::before { width: 2866px; height: 2098px; background-image: url(/local/templates/.default/html/build/styles/../images/landing-map.png); bottom: -920px; left: 50%; margin-left: -1680px; pointer-events: none } .landing-content__info { position: relative; padding: 160px 0 100px; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#dceae5)); background-image: -webkit-linear-gradient(top, transparent, #dceae5); background-image: -o-linear-gradient(top, transparent, #dceae5); background-image: linear-gradient(to bottom, transparent, #dceae5) } .landing-soput { padding: 80px 0 0 } .landing-certificates { background-image: url(/local/templates/.default/html/build/styles/../images/landing-certificates--bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 70px 0 } .landing-certificates__info { max-width: 380px; margin: 0 auto } .landing-certificates__info p:not([class]) { max-width: 280px } .landing-certificates__img { -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3) } .landing-content + .landing-certificates { margin-top: -20px; position: relative; z-index: 1 } .landing-completed { padding: 0 0 80px } .coming-soon { width: 100%; min-height: 100vh; padding: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } .about { position: relative; overflow: hidden } .about-slider { margin-top: 30px } .about-slider .card__slider { position: relative; top: 0; padding-top: 56.25% } .about-slider .card__slider-container { -webkit-box-shadow: none; box-shadow: none } .about-header__img { margin-top: -30px } .about-video { padding-top: 50px } .about-factories { position: relative; padding: 80px 0 } .about-factories:before { content: ''; width: 450px; height: 914px; background-image: url(/local/templates/.default/html/build/styles/../images/about-factories-img-3.png); position: absolute; bottom: 400px; right: -60px } .about-sport { min-height: 1200px; position: relative; padding-top: 10px } .about-sport .preview { display: inline-block; margin-top: 40px; -webkit-box-shadow: 0 20px 35px -10px rgba(53, 53, 53, .6); box-shadow: 0 20px 35px -10px rgba(53, 53, 53, .6) } .about-sport__slider { padding: 100px 0 50px } .about-sport .about-slider { margin-top: 80px } .about-sport .card__slider { margin: 0 } .about-reviews { padding: 40px 0 80px } .page-404 { width: 100%; min-height: 100vh; padding: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } .compare__list { overflow-x: auto; overflow-y: hidden; padding-top: 20px } .compare__list-items, .compare__list-props { display: -webkit-box; display: -ms-flexbox; display: flex } .compare__list-props .compare__item:not(:first-of-type) .text-gray, .compare__list-props .compare__item:not(:first-of-type) .waysite__item { visibility: hidden } .compare__item { -webkit-box-flex: 0; -ms-flex: 0 0 290px; flex: 0 0 290px; width: 290px } .compare__item .card { margin-bottom: 20px } .compare__props-item { padding: 15px } .compare__props-item:not(:last-of-type) { border-bottom: 1px solid #ccc } .basket { padding-top: 40px; border-bottom: 1px solid #ccc; margin-bottom: 40px; position: relative; overflow: hidden } .basket-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px } .basket-item__image { -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; width: 130px } .basket-item__image:hover + .basket-item__name a { color: #fff; background-size: 100% 100%; -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } .basket-item__name { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto; padding: 0 20px; font-size: 18px } .basket-item__price { -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; width: 150px; font-size: 18px; padding-right: 30px; text-align: right } .basket-item__amount { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px } .basket-item__amount .amount { margin-top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .basket-item__amount .amount-input { margin-right: 30px } .basket-item__amount .amount-price { font-weight: 500; font-size: 22px } .basket-item__remove { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; text-align: right } .basket-item__remove .remove-link { margin-bottom: 0 } .basket-total { padding-bottom: 80px } @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; -webkit-box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, .2), inset 0 0 5px rgba(0, 0, 0, .1), 0 8px 8px -5px rgba(0, 0, 0, .25); box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, .2), inset 0 0 5px rgba(0, 0, 0, .1), 0 8px 8px -5px rgba(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 { -webkit-box-shadow: inset 0 -10px 20px -10px rgba(255, 255, 255, .3), 0 10px 10px -5px rgba(0, 0, 0, .25); box-shadow: inset 0 -10px 20px -10px rgba(255, 255, 255, .3), 0 10px 10px -5px rgba(0, 0, 0, .25) } .iziToast.iziToast-balloon .iziToast-progressbar { background: 0 0 } .iziToast.iziToast-balloon:after { -webkit-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .25), inset 0 10px 20px -5px rgba(0, 0, 0, .25); box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .25), inset 0 10px 20px -5px rgba(0, 0, 0, .25) } .iziToast-target .iziToast:after { -webkit-box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, .2), inset 0 0 5px rgba(0, 0, 0, .1); box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, .2), inset 0 0 5px rgba(0, 0, 0, .1) } } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { padding-right: 15px; padding-left: 15px } .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto } .col-sm-1, .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-sm-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-3, .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-sm-5, .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7, .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-sm-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-sm-10, .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-sm-11, .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .pull-sm-0 { right: auto } .pull-sm-1 { right: 8.33333% } .pull-sm-2 { right: 16.66667% } .pull-sm-3 { right: 25% } .pull-sm-4 { right: 33.33333% } .pull-sm-5 { right: 41.66667% } .pull-sm-6 { right: 50% } .pull-sm-7 { right: 58.33333% } .pull-sm-8 { right: 66.66667% } .pull-sm-9 { right: 75% } .pull-sm-10 { right: 83.33333% } .pull-sm-11 { right: 91.66667% } .pull-sm-12 { right: 100% } .push-sm-0 { left: auto } .push-sm-1 { left: 8.33333% } .push-sm-2 { left: 16.66667% } .push-sm-3 { left: 25% } .push-sm-4 { left: 33.33333% } .push-sm-5 { left: 41.66667% } .push-sm-6 { left: 50% } .push-sm-7 { left: 58.33333% } .push-sm-8 { left: 66.66667% } .push-sm-9 { left: 75% } .push-sm-10 { left: 83.33333% } .push-sm-11 { left: 91.66667% } .push-sm-12 { left: 100% } .offset-sm-0 { margin-left: 0% } .offset-sm-1 { margin-left: 8.33333% } .offset-sm-2 { margin-left: 16.66667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333% } .offset-sm-5 { margin-left: 41.66667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333% } .offset-sm-8 { margin-left: 66.66667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333% } .offset-sm-11 { margin-left: 91.66667% } .flex-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .flex-sm-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .flex-sm-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .flex-sm-column, .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-sm-column { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-sm-column-reverse, .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } .hidden-sm-up { display: none !important } .wrapper { padding: 0 15px } .unwrapper { padding: -15px } .text-sm-left { text-align: left !important } .text-sm-right { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { padding-right: 15px; padding-left: 15px } .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto } .col-md-1, .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-md-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-3, .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-md-5, .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7, .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-md-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-md-10, .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-md-11, .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .pull-md-0 { right: auto } .pull-md-1 { right: 8.33333% } .pull-md-2 { right: 16.66667% } .pull-md-3 { right: 25% } .pull-md-4 { right: 33.33333% } .pull-md-5 { right: 41.66667% } .pull-md-6 { right: 50% } .pull-md-7 { right: 58.33333% } .pull-md-8 { right: 66.66667% } .pull-md-9 { right: 75% } .pull-md-10 { right: 83.33333% } .pull-md-11 { right: 91.66667% } .pull-md-12 { right: 100% } .push-md-0 { left: auto } .push-md-1 { left: 8.33333% } .push-md-2 { left: 16.66667% } .push-md-3 { left: 25% } .push-md-4 { left: 33.33333% } .push-md-5 { left: 41.66667% } .push-md-6 { left: 50% } .push-md-7 { left: 58.33333% } .push-md-8 { left: 66.66667% } .push-md-9 { left: 75% } .push-md-10 { left: 83.33333% } .push-md-11 { left: 91.66667% } .push-md-12 { left: 100% } .offset-md-0 { margin-left: 0% } .offset-md-1 { margin-left: 8.33333% } .offset-md-2 { margin-left: 16.66667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333% } .offset-md-5 { margin-left: 41.66667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333% } .offset-md-8 { margin-left: 66.66667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333% } .offset-md-11 { margin-left: 91.66667% } .flex-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .flex-md-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .flex-md-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .flex-md-column, .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-md-column { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-md-column-reverse, .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } .hidden-md-up { display: none !important } .wrapper { padding: 0 25px } .unwrapper { padding: -25px } .text-md-left { text-align: left !important } .text-md-right { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { padding-right: 15px; padding-left: 15px } .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto } .col-lg-1, .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-lg-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-3, .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-lg-5, .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7, .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-lg-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-lg-10, .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-lg-11, .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .pull-lg-0 { right: auto } .pull-lg-1 { right: 8.33333% } .pull-lg-2 { right: 16.66667% } .pull-lg-3 { right: 25% } .pull-lg-4 { right: 33.33333% } .pull-lg-5 { right: 41.66667% } .pull-lg-6 { right: 50% } .pull-lg-7 { right: 58.33333% } .pull-lg-8 { right: 66.66667% } .pull-lg-9 { right: 75% } .pull-lg-10 { right: 83.33333% } .pull-lg-11 { right: 91.66667% } .pull-lg-12 { right: 100% } .push-lg-0 { left: auto } .push-lg-1 { left: 8.33333% } .push-lg-2 { left: 16.66667% } .push-lg-3 { left: 25% } .push-lg-4 { left: 33.33333% } .push-lg-5 { left: 41.66667% } .push-lg-6 { left: 50% } .push-lg-7 { left: 58.33333% } .push-lg-8 { left: 66.66667% } .push-lg-9 { left: 75% } .push-lg-10 { left: 83.33333% } .push-lg-11 { left: 91.66667% } .push-lg-12 { left: 100% } .offset-lg-0 { margin-left: 0% } .offset-lg-1 { margin-left: 8.33333% } .offset-lg-2 { margin-left: 16.66667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333% } .offset-lg-5 { margin-left: 41.66667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333% } .offset-lg-8 { margin-left: 66.66667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333% } .offset-lg-11 { margin-left: 91.66667% } .flex-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .flex-lg-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .flex-lg-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .flex-lg-column, .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-lg-column { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-lg-column-reverse, .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } .hidden-lg-up { display: none !important } .wrapper { padding: 0 30px } .unwrapper { padding: -30px } .text-lg-left { text-align: left !important } .text-lg-right { text-align: right !important } .text-lg-center { text-align: center !important } .mt-xs-desktop { margin-top: .5rem } .mb-xs-desktop { margin-bottom: .5rem } .ml-xs-desktop { margin-left: .5rem } .mr-xs-desktop, .mx-xs-desktop { margin-right: .5rem } .mx-xs-desktop { margin-left: .5rem } .my-xs-desktop { margin-top: .5rem; margin-bottom: .5rem } .mt-sm-desktop { margin-top: 1rem } .mb-sm-desktop { margin-bottom: 1rem } .ml-sm-desktop { margin-left: 1rem } .mr-sm-desktop, .mx-sm-desktop { margin-right: 1rem } .mx-sm-desktop { margin-left: 1rem } .my-sm-desktop { margin-top: 1rem; margin-bottom: 1rem } .mt-md-desktop { margin-top: 1.875rem } .mb-md-desktop { margin-bottom: 1.875rem } .ml-md-desktop { margin-left: 1.875rem } .mr-md-desktop, .mx-md-desktop { margin-right: 1.875rem } .mx-md-desktop { margin-left: 1.875rem } .my-md-desktop { margin-top: 1.875rem; margin-bottom: 1.875rem } .mt-lg-desktop { margin-top: 2rem } .mb-lg-desktop { margin-bottom: 2rem } .ml-lg-desktop { margin-left: 2rem } .mr-lg-desktop, .mx-lg-desktop { margin-right: 2rem } .mx-lg-desktop { margin-left: 2rem } .my-lg-desktop { margin-top: 2rem; margin-bottom: 2rem } .mt-xl-desktop { margin-top: 3rem } .mb-xl-desktop { margin-bottom: 3rem } .ml-xl-desktop { margin-left: 3rem } .mr-xl-desktop, .mx-xl-desktop { margin-right: 3rem } .mx-xl-desktop { margin-left: 3rem } .my-xl-desktop { margin-top: 3rem; margin-bottom: 3rem } .mt-2xl-desktop { margin-top: 4rem } .mb-2xl-desktop { margin-bottom: 4rem } .ml-2xl-desktop { margin-left: 4rem } .mr-2xl-desktop, .mx-2xl-desktop { margin-right: 4rem } .mx-2xl-desktop { margin-left: 4rem } .my-2xl-desktop { margin-top: 4rem; margin-bottom: 4rem } .mt-3xl-desktop { margin-top: 5rem } .mb-3xl-desktop { margin-bottom: 5rem } .ml-3xl-desktop { margin-left: 5rem } .mr-3xl-desktop, .mx-3xl-desktop { margin-right: 5rem } .mx-3xl-desktop { margin-left: 5rem } .my-3xl-desktop { margin-top: 5rem; margin-bottom: 5rem } .mt-none-desktop { margin-top: 0 } .mb-none-desktop { margin-bottom: 0 } .ml-none-desktop { margin-left: 0 } .mr-none-desktop { margin-right: 0 } .mx-none-desktop { margin-left: 0; margin-right: 0 } .my-none-desktop { margin-top: 0; margin-bottom: 0 } .table-responsive tbody tr:hover td, table:not([class]) tbody tr:hover td { background-color: rgba(59, 93, 93, .1); -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s } .table-responsive tbody tr:last-child td { border-bottom: none } .shadowed--45deg.shadowed--black { -webkit-box-shadow: 39px 39px 62px -20px rgba(0, 0, 0, .75); box-shadow: 39px 39px 62px -20px rgba(0, 0, 0, .75) } .index-items__col:first-child .item { min-height: 430px } .index-items__col:nth-child(odd):not(:first-child) .item { min-height: 400px } .index-items__col:first-child .item img { max-width: 430px; -webkit-transform: rotateZ(-15deg); -ms-transform: rotate(-15deg); transform: rotateZ(-15deg) } .index-items__col:nth-child(even) .item img { -webkit-transform: rotateZ(15deg); -ms-transform: rotate(15deg); transform: rotateZ(15deg) } .index-items__col:nth-child(odd):not(:first-child) .item img { -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg) } .index-items .item .item__image { position: absolute; width: 100%; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .index-items__col:first-child .item .item__image { right: calc(100% + 15px); padding-right: 50px } .index-items__col:nth-child(even) .item .item__image { left: calc(100% + 15px); padding-left: 50px } .index-items__col:nth-child(odd):not(:first-child) .item .item__image { right: calc(100% + 15px); padding-right: 50px } .index-items .item .row { min-height: 320px; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .index-items__col:first-child .item .row { min-height: 430px } .index-items__col:nth-child(odd):not(:first-child) .item .row { min-height: 400px } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { padding-right: 15px; padding-left: 15px } .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto } .col-xl-1, .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-xl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-3, .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-xl-5, .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7, .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-xl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-xl-10, .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-xl-11, .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .pull-xl-0 { right: auto } .pull-xl-1 { right: 8.33333% } .pull-xl-2 { right: 16.66667% } .pull-xl-3 { right: 25% } .pull-xl-4 { right: 33.33333% } .pull-xl-5 { right: 41.66667% } .pull-xl-6 { right: 50% } .pull-xl-7 { right: 58.33333% } .pull-xl-8 { right: 66.66667% } .pull-xl-9 { right: 75% } .pull-xl-10 { right: 83.33333% } .pull-xl-11 { right: 91.66667% } .pull-xl-12 { right: 100% } .push-xl-0 { left: auto } .push-xl-1 { left: 8.33333% } .push-xl-2 { left: 16.66667% } .push-xl-3 { left: 25% } .push-xl-4 { left: 33.33333% } .push-xl-5 { left: 41.66667% } .push-xl-6 { left: 50% } .push-xl-7 { left: 58.33333% } .push-xl-8 { left: 66.66667% } .push-xl-9 { left: 75% } .push-xl-10 { left: 83.33333% } .push-xl-11 { left: 91.66667% } .push-xl-12 { left: 100% } .offset-xl-0 { margin-left: 0% } .offset-xl-1 { margin-left: 8.33333% } .offset-xl-2 { margin-left: 16.66667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333% } .offset-xl-5 { margin-left: 41.66667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333% } .offset-xl-8 { margin-left: 66.66667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333% } .offset-xl-11 { margin-left: 91.66667% } .flex-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .flex-xl-last { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .flex-xl-unordered { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .flex-xl-column, .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-xl-column { -webkit-box-orient: vertical !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-xl-column-reverse, .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } .hidden-xl-up { display: none !important } .wrapper { padding: 0 40px } .unwrapper { padding: -40px } .text-xl-left { text-align: left !important } .text-xl-right { text-align: right !important } .text-xl-center { text-align: center !important } .modal__container { width: calc(100% - 80px); max-height: calc(100vh - 80px) } } @media (min-width: 992px) and (max-width: 1199px) { .modal__container { width: calc(100% - 60px); max-height: calc(100vh - 60px) } } @media (min-width: 768px) and (max-width: 991px) { .mt-xs-tablet { margin-top: .5rem } .mb-xs-tablet { margin-bottom: .5rem } .ml-xs-tablet { margin-left: .5rem } .mr-xs-tablet, .mx-xs-tablet { margin-right: .5rem } .mx-xs-tablet { margin-left: .5rem } .my-xs-tablet { margin-top: .5rem; margin-bottom: .5rem } .mt-sm-tablet { margin-top: 1rem } .mb-sm-tablet { margin-bottom: 1rem } .ml-sm-tablet { margin-left: 1rem } .mr-sm-tablet, .mx-sm-tablet { margin-right: 1rem } .mx-sm-tablet { margin-left: 1rem } .my-sm-tablet { margin-top: 1rem; margin-bottom: 1rem } .mt-md-tablet { margin-top: 1.875rem } .mb-md-tablet { margin-bottom: 1.875rem } .ml-md-tablet { margin-left: 1.875rem } .mr-md-tablet, .mx-md-tablet { margin-right: 1.875rem } .mx-md-tablet { margin-left: 1.875rem } .my-md-tablet { margin-top: 1.875rem; margin-bottom: 1.875rem } .mt-lg-tablet { margin-top: 2rem } .mb-lg-tablet { margin-bottom: 2rem } .ml-lg-tablet { margin-left: 2rem } .mr-lg-tablet, .mx-lg-tablet { margin-right: 2rem } .mx-lg-tablet { margin-left: 2rem } .my-lg-tablet { margin-top: 2rem; margin-bottom: 2rem } .mt-xl-tablet { margin-top: 3rem } .mb-xl-tablet { margin-bottom: 3rem } .ml-xl-tablet { margin-left: 3rem } .mr-xl-tablet, .mx-xl-tablet { margin-right: 3rem } .mx-xl-tablet { margin-left: 3rem } .my-xl-tablet { margin-top: 3rem; margin-bottom: 3rem } .mt-2xl-tablet { margin-top: 4rem } .mb-2xl-tablet { margin-bottom: 4rem } .ml-2xl-tablet { margin-left: 4rem } .mr-2xl-tablet, .mx-2xl-tablet { margin-right: 4rem } .mx-2xl-tablet { margin-left: 4rem } .my-2xl-tablet { margin-top: 4rem; margin-bottom: 4rem } .mt-3xl-tablet { margin-top: 5rem } .mb-3xl-tablet { margin-bottom: 5rem } .ml-3xl-tablet { margin-left: 5rem } .mr-3xl-tablet, .mx-3xl-tablet { margin-right: 5rem } .mx-3xl-tablet { margin-left: 5rem } .my-3xl-tablet { margin-top: 5rem; margin-bottom: 5rem } .mt-none-tablet { margin-top: 0 } .mb-none-tablet { margin-bottom: 0 } .ml-none-tablet { margin-left: 0 } .mr-none-tablet { margin-right: 0 } .mx-none-tablet { margin-left: 0; margin-right: 0 } .my-none-tablet { margin-top: 0; margin-bottom: 0 } .modal__container { width: calc(100% - 50px); max-height: calc(100vh - 50px) } } @media (min-width: 576px) and (max-width: 767px) { .modal__container { width: calc(100% - 30px); max-height: calc(100vh - 30px) } } @media (max-width: 1399px) { .card--item .card__price-trade-value { font-size: 20px } .card--item .card__price-retail-value { font-size: 16px } .landing-content__map::before { left: -900px; margin-left: 0 } } @media print { .visible-print-block { display: block !important } .visible-print-inline { display: inline !important } .visible-print-inline-block { display: inline-block !important } .hidden-print { display: none !important } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important } .header__basket { padding-right: 0 } .index-slider__arrow--prev { left: 40px } .index-slider__arrow--next { right: 40px } .item-preview__info { padding: 30px 30px 0 } .item-preview__info .card__info { padding-bottom: 30px } .video { width: 100%; height: 0; padding-top: 56.25% } .landing-header::after { height: 40px } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-header::after { -webkit-mask-size: 100% 40px; mask-size: 100% 40px } }.landing-use--landscape { min-height: 1000px } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-use__top::before { -webkit-mask-size: 150% 133px; mask-size: 150% 133px; -webkit-mask-position: center; mask-position: center } }.landing-use:not(.landing-use--with-bottom)::after { height: 40px } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-use:not(.landing-use--with-bottom)::after { -webkit-mask-size: 100% 40px; mask-size: 100% 40px } }.landing-use { padding: 100px 0 200px; background-position: right -200px center } .landing-use-bottom { background-position: -100px -40px } .landing-use-bottom::after { height: 40px; background-position: -100px 0 } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-use-bottom::after { -webkit-mask-size: 100% 40px; mask-size: 100% 40px } }.landing-import { background-position: left -140px bottom 40px } .landing-content__lawn-types .lawn-types__item--checked::before { bottom: 30px } .landing-content__map { margin-top: -320px } .about-factories { padding: 40px 0 } .about-sport { min-height: 750px } } @media (max-width: 991px) { .hidden-md-down { display: none !important } .table-responsive, .table-responsive tbody, .table-responsive tr { display: block } .table-responsive thead { display: none } .table-responsive tr { margin-bottom: 1rem } .table-responsive tbody td, .table-responsive thead th { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; padding-right: 0 } .table-responsive tbody td::before { content: attr(data-caption); -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; padding-right: 10px; font-weight: 500 } .table-responsive tbody td:last-child { border-bottom: none } .header__logo { -ms-flex-preferred-size: 147px; flex-basis: 147px; width: 147px; height: 15px; background-image: url(/local/templates/.default/html/build/styles/../images/header-logo--mobile.png) } .index-slider__title { font-size: 3.75rem } .menu { -webkit-columns: auto; columns: auto; max-width: none } .item-preview { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: none; overflow: auto } .item-preview__info { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 100%; margin-top: 20px } .item-preview__slider { width: 100% } .item-preview__slider .card__slider { margin: 0; height: 0; padding-top: 100% } .video { margin: 20px 0 } .index-items { padding-top: 30px } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .index-items::before { -webkit-mask-size: 200% 128px; mask-size: 200% 128px; -webkit-mask-position: center; mask-position: center } }@supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .index-items::before { -webkit-mask-size: 150% 128px; mask-size: 150% 128px; -webkit-mask-position: left; mask-position: left } }@supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .index-items::after { -webkit-mask-size: 200% 100px; mask-size: 200% 100px; -webkit-mask-position: center; mask-position: center } }.index-items .item { margin-top: 50px } .index-items .item .item__image { display: block; margin-bottom: 20px } .index-items__button { margin-top: 70px } .card__slider { margin: 30px 0 60px } .card__soput .item--2 .item__image, .card__soput .item--3 .item__image, .card__soput .item--6 .item__image { width: auto; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); margin: 0 0 30px; -webkit-filter: drop-shadow(0 20px 15px rgba(0, 0, 0, .4)); filter: drop-shadow(0 20px 15px rgba(0, 0, 0, .4)) } .catalog__filter .form-group__field { max-width: calc(100% - 30px) } .catalog-filter { position: relative; display: none; height: auto } .catalog-filter--opened { display: block } .landing-header::before { height: 60px } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-header::before { -webkit-mask-size: 200% 60px; mask-size: 200% 60px; -webkit-mask-position: center; mask-position: center } }.landing-use--landscape { min-height: 900px } .landing-use { padding: 20px 0 420px; background-size: contain; background-position: right bottom } .landing-use-bottom { background-position: -300px -40px } .landing-use-bottom::after { background-position: -300px 0 } .landing-import { background-position: right -320px bottom -150px; background-size: contain } .landing-import__info { padding-top: 10px } .landing-import__video { margin-bottom: 65px } .landing-items .item__price { font-size: 60px } .landing-content__lawn-types { padding-bottom: 300px } .landing-content__lawn-types .lawn-types__item { margin-bottom: 60px } .landing-content__lawn-types .lawn-types__item--checked::before { width: 400px; bottom: -40px } .landing-content__map { margin-top: 100px } .landing-content__map::before { bottom: -820px } .landing-content__info { padding-top: 80px } .about-video { padding-top: 0 } .basket-item { -ms-flex-wrap: wrap; flex-wrap: wrap } .basket-item:not(:last-of-type) { border-bottom: 1px solid #ccc; padding-bottom: 40px } .basket-item__image { margin-bottom: 20px } .basket-item__name { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 130px); flex: 0 0 calc(100% - 130px); width: calc(100% - 130px); margin-bottom: 20px } .basket-item__price { text-align: left } .basket-item__amount, .basket-item__price { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto } } @media (max-width: 767px) { .hidden-sm-down { display: none !important } .landing-import__info p, .landing-lawn li, .landing-lawn p, html { font-size: 16px } .h1, h1 { font-weight: 400; font-size: 2.5rem } .h2, .h3, h2, h3 { font-weight: 500; font-size: 1.675rem } .h3, h3 { font-size: 1.375rem } .h4, .h5, .h6, h4, h5, h6 { font-weight: 500; font-size: 1.125rem } .h6, h6 { font-weight: 400 } .mt-xs-phone { margin-top: .5rem } .mb-xs-phone { margin-bottom: .5rem } .ml-xs-phone { margin-left: .5rem } .mr-xs-phone, .mx-xs-phone { margin-right: .5rem } .mx-xs-phone { margin-left: .5rem } .my-xs-phone { margin-top: .5rem; margin-bottom: .5rem } .mt-sm-phone { margin-top: 1rem } .mb-sm-phone { margin-bottom: 1rem } .ml-sm-phone { margin-left: 1rem } .mr-sm-phone, .mx-sm-phone { margin-right: 1rem } .mx-sm-phone { margin-left: 1rem } .my-sm-phone { margin-top: 1rem; margin-bottom: 1rem } .mt-md-phone { margin-top: 1.875rem } .mb-md-phone { margin-bottom: 1.875rem } .ml-md-phone { margin-left: 1.875rem } .mr-md-phone, .mx-md-phone { margin-right: 1.875rem } .mx-md-phone { margin-left: 1.875rem } .my-md-phone { margin-top: 1.875rem; margin-bottom: 1.875rem } .mt-lg-phone { margin-top: 2rem } .mb-lg-phone { margin-bottom: 2rem } .ml-lg-phone { margin-left: 2rem } .mr-lg-phone, .mx-lg-phone { margin-right: 2rem } .mx-lg-phone { margin-left: 2rem } .my-lg-phone { margin-top: 2rem; margin-bottom: 2rem } .mt-xl-phone { margin-top: 3rem } .mb-xl-phone { margin-bottom: 3rem } .ml-xl-phone { margin-left: 3rem } .mr-xl-phone, .mx-xl-phone { margin-right: 3rem } .mx-xl-phone { margin-left: 3rem } .my-xl-phone { margin-top: 3rem; margin-bottom: 3rem } .mt-2xl-phone { margin-top: 4rem } .mb-2xl-phone { margin-bottom: 4rem } .ml-2xl-phone { margin-left: 4rem } .mr-2xl-phone, .mx-2xl-phone { margin-right: 4rem } .mx-2xl-phone { margin-left: 4rem } .my-2xl-phone { margin-top: 4rem; margin-bottom: 4rem } .mt-3xl-phone { margin-top: 5rem } .mb-3xl-phone { margin-bottom: 5rem } .ml-3xl-phone { margin-left: 5rem } .mr-3xl-phone, .mx-3xl-phone { margin-right: 5rem } .mx-3xl-phone { margin-left: 5rem } .my-3xl-phone { margin-top: 5rem; margin-bottom: 5rem } .mt-none-phone { margin-top: 0 } .mb-none-phone { margin-bottom: 0 } .ml-none-phone { margin-left: 0 } .mr-none-phone { margin-right: 0 } .mx-none-phone { margin-left: 0; margin-right: 0 } .my-none-phone { margin-top: 0; margin-bottom: 0 } .card--action u { font-size: 22px; line-height: 26px } .google-map { height: 150px } .google-map--large { height: 300px } .google-map { margin: 0 -15px } .map-wave { -webkit-mask-size: 200% 400px; mask-size: 200% 400px; -webkit-mask-position: top left; mask-position: top left } .completed { margin: 0 -5px } .completed__item { margin-top: 10px; padding: 0 5px } .index-slider__item { min-height: 400px } .index-slider__title { font-size: 2.5rem } .item__name { font-size: 24px } .item__price { font-size: 40px } .amount-input__text:after { -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); left: 0 } .amount-input__text--tooltip::after { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); left: 0 } .item-preview__info .card__info-trade-price .price { font-size: 44px } .item-preview__info .card__info-trade-price .price--new u { font-size: 30px } .item-preview__info .card__info-retail-price .price { font-size: 34px } .item-preview__info .card__info-retail-price .price--new u { font-size: 22px } .video iframe { width: calc(100% - 100px); height: calc(100% - 70px) } .video-frame iframe { border-radius: 5px } .reviews-slider { padding-bottom: 60px } .reviews-slider__image { margin-bottom: 120px } .card__container { padding-bottom: 70% } .card__info-trade-price .price { font-size: 50px } .card__info-trade-price .price--new u { font-size: 25px } .card__info-retail-price .price { font-size: 34px } .card__info-retail-price .price--new u { font-size: 17px } .card__soput .item { margin-bottom: 40px } .landing-use--landscape { min-height: 750px } .landing-use__top::before { height: 80px } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-use__top::before { -webkit-mask-size: 150% 80px; mask-size: 150% 80px } }.landing-use__bottom { margin-top: 80px } .landing-use { padding: 40px 0 340px } .landing-use .h1 { font-size: 50px } .landing-use p:not([class]) { font-size: 18px } .landing-use-bottom { height: 185px; text-align: center; background-position: 50% -40px } .landing-use-bottom::after { background-position: 50% 0 } .landing-items .item__price { font-size: 40px } .landing-content__lawn-types .lawn-types__header h3, .landing-items .index-items__button { font-size: 24px } .landing-content__lawn-types .lawn-types__header p { font-size: 16px } .landing-content__lawn-types .lawn-types__item--checked::before { width: 300px } .landing-soput { padding-top: 60px } .landing-certificates__info { text-align: center; margin-bottom: 40px } .landing-certificates__info p:not([class]) { max-width: 380px } .landing-certificates__img { display: block; width: auto; margin: 0 auto } .about-factories { padding-bottom: 0 } .about-factories:before { content: none } .about-sport { min-height: auto } .about-sport .about-slider { margin-bottom: 30px } } @media (max-width: 575px) { .hidden-xs-down { display: none !important } .form-group--horizontal, .h-card, .table-responsive tbody td, .table-responsive thead th { display: block } .table-responsive tbody td::before { display: block; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding-right: 0 } .form-group--horizontal .form-group__label { display: block; margin-right: 0; margin-bottom: 5px } .form-group--horizontal .form-group__field, .form-group--horizontal .form-group__label { -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: none } .h-card__image { margin-right: 0; margin-bottom: 5px } .h-card__content { -webkit-box-flex: 0; -ms-flex: none; flex: none } .modal__container { width: calc(100% - 30px); max-height: calc(100vh - 30px) } .index-slider__title { font-size: 1.875rem } .amount { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .amount-input { -ms-flex-preferred-size: 68px; flex-basis: 68px; margin-bottom: 20px } .amount-input__text:after, .amount-input__text:before { left: calc(100% + 10px); right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .amount-input__text:before { left: calc(100% + 4px); right: auto; bottom: auto; border-width: 6px 6px 6px 0; border-color: transparent #3b5d5d transparent transparent; border-right-color: rgba(59, 93, 93, .8) } .item-preview__info { padding: 15px 15px 0 } .item-preview__info .card__info { padding-bottom: 15px } .video iframe { width: calc(100% - 70px); height: calc(100% - 50px) } .card-label--big { font-size: 16px; line-height: 40px; padding: 0 80px; -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg) translateY(90px); -ms-transform: translateX(50%) translateY(-50%) rotate(45deg) translateY(90px); transform: translateX(50%) translateY(-50%) rotate(45deg) translateY(90px) } .reviews-slider__image { margin-bottom: 80px } .reviews-slider__image .preview { width: 80% } .reviews-slider__image .preview--small { width: 55%; bottom: -30px; right: 60px } .index-items__button { margin-top: 50px } .landing-header::after { height: 20px } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-header::after { -webkit-mask-size: 100% 20px; mask-size: 100% 20px } }.landing-use--landscape { min-height: auto } .landing-use__top { padding-top: 0 } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-use__top::before { -webkit-mask-size: 200% 80px; mask-size: 200% 80px } }.landing-use:not(.landing-use--with-bottom)::after { height: 20px } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-use:not(.landing-use--with-bottom)::after { -webkit-mask-size: 100% 20px; mask-size: 100% 20px } }.landing-use { padding-bottom: 240px } .landing-use .h1 { font-size: 40px } .landing-use p:not([class]) { font-size: 16px } .landing-use .btn { margin-top: 30px; padding: calc((54px - 16px * 1.25) / 2) 32.4px; border: 0 solid transparent; border-radius: 27px; font-size: 16px; line-height: 1.25 } .landing-use-bottom { background-position: 50% -20px } .landing-use-bottom::after { height: 20px } @supports ((-webkit-mask:none) or (mask:none)) or (-webkit-mask:none) { .landing-use-bottom::after { -webkit-mask-size: 100% 20px; mask-size: 100% 20px } }.landing-import { background-position: right -50px bottom -100px } .landing-import__video { font-size: 22px } .landing-import__video a:before { top: -5px } .landing-content__lawn-types { padding-bottom: 30px } .landing-content__lawn-types .lawn-types__item--checked::before { bottom: 20px; background-size: 100% auto } .landing-content__map { margin-top: 40px } .landing-content__map::before { content: none } .basket-item__image { -ms-flex-preferred-size: 60px; flex-basis: 60px; width: 60px } .basket-item__name { font-size: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 60px); flex: 0 0 calc(100% - 60px); width: calc(100% - 60px) } .basket-item__amount, .basket-item__price { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin-bottom: 20px } .basket-item__amount { margin-bottom: 30px } .basket-item__amount .amount { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .basket-item__amount .amount-input { -ms-flex-preferred-size: 120px; flex-basis: 120px; width: 120px; margin-bottom: 0 } .basket-item__remove { text-align: left } } /*# sourceMappingURL=styles.css.map */ .card__info{padding-top: 0px !important;} .btncatrom{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 220px; height: 54px; margin: auto; cursor: pointer; } .btncatrom img {opacity: 0.5} .btncatrom:hover > img {opacity: 1} .casttes {font-size: 25px;} .pircastr {font-size: 38px !important;} .card__info-retail-price {padding-top: 0px !important;} /* End */ /* Start:/local/templates/zr_main_template/css/fancybox.min.css?167856088215613*/ body.compensate-for-scrollbar { overflow: hidden } .fancybox-active { height: auto } .fancybox-is-hidden { position: absolute !important; top: -9999px; left: -9999px; visibility: hidden; margin: 0 } .fancybox-container { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; position: fixed; z-index: 99992; top: 0; left: 0; width: 100%; height: 100%; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent } .fancybox-container * { box-sizing: border-box } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch } .fancybox-bg { transition-timing-function: cubic-bezier(.47, 0, .74, .71); transition-duration: inherit; transition-property: opacity; opacity: 0; background: #1e1e1e } .fancybox-is-open .fancybox-bg { transition-timing-function: cubic-bezier(.22, .61, .36, 1); opacity: 0.55 } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { position: absolute; z-index: 99997; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; opacity: 0; direction: ltr } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { visibility: visible; transition: opacity .25s, visibility 0s; opacity: 1 } .fancybox-infobar { font-size: 13px; line-height: 44px; top: 0; left: 0; min-width: 44px; height: 44px; padding: 0 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; pointer-events: none; color: #ccc; -webkit-font-smoothing: subpixel-antialiased; mix-blend-mode: difference; -webkit-touch-callout: none } .fancybox-toolbar { top: 0; right: 0 } .fancybox-stage { z-index: 99994; overflow: visible; -webkit-transform: translateZ(0); direction: ltr } .fancybox-is-open .fancybox-stage { overflow: hidden } .fancybox-slide { position: absolute; z-index: 99994; top: 0; left: 0; display: none; overflow: auto; width: 100%; height: 100%; padding: 44px; transition-property: transform, opacity; text-align: center; white-space: normal; outline: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch } .fancybox-slide:before { display: inline-block; width: 0; height: 100%; margin-right: -.25em; content: ""; vertical-align: middle } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block } .fancybox-slide--next { z-index: 99995 } .fancybox-slide--image { overflow: visible; padding: 44px 0 } .fancybox-slide--image:before { display: none } .fancybox-slide--html { padding: 6px 6px 0 } .fancybox-slide--iframe { padding: 44px 44px 0 } .fancybox-content { position: relative; display: inline-block; overflow: auto; max-width: 100%; margin: 0 0 6px; text-align: left; vertical-align: middle; background: #fff } .fancybox-slide--image .fancybox-content { position: absolute; z-index: 99995; top: 0; left: 0; overflow: visible; max-width: none; margin: 0; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: transform, opacity; transform-origin: top left; animation-timing-function: cubic-bezier(.5, 0, .14, 1); background: 0 0/100% 100% no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in } .fancybox-can-drag .fancybox-content { cursor: -webkit-grab; cursor: grab } .fancybox-is-dragging .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing } .fancybox-container [data-selectable=true] { cursor: text } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0; background: 0 0 } .fancybox-spaceball { z-index: 1 } .fancybox-slide--html .fancybox-content { margin-bottom: 6px } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content { overflow: visible; width: 100%; height: 100%; margin: 0; padding: 0 } .fancybox-slide--video .fancybox-content { background: #000 } .fancybox-slide--map .fancybox-content { background: #e5e3df } .fancybox-slide--iframe .fancybox-content { height: calc(100% - 44px); margin-bottom: 44px; background: #fff } .fancybox-iframe, .fancybox-video { overflow: hidden; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: 0 0 } .fancybox-iframe { vertical-align: top } .fancybox-error { width: 100%; max-width: 400px; padding: 40px; cursor: default; background: #fff } .fancybox-error p { font-size: 16px; line-height: 20px; margin: 0; padding: 0; color: #444 } .fancybox-button { display: inline-block; width: 44px; height: 44px; margin: 0; padding: 10px; cursor: pointer; transition: color .2s; vertical-align: top; border: 0; border-radius: 0; outline: 0; background: rgba(30, 30, 30, .6) } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc } .fancybox-button:focus, .fancybox-button:hover { color: #fff } .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover { cursor: default; color: #888 } .fancybox-button svg { position: relative; display: block; overflow: visible; shape-rendering: geometricPrecision } .fancybox-button svg path { fill: transparent; stroke: currentColor; stroke-linejoin: round; stroke-width: 3 } .fancybox-button--pause svg path:first-child, .fancybox-button--play svg path:nth-child(2) { display: none } .fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path { fill: currentColor } .fancybox-button--share svg path { stroke-width: 1 } .fancybox-navigation .fancybox-button { position: absolute; top: 50%; width: 38px; height: 38px; padding: 6px; opacity: 0 } .fancybox-show-nav .fancybox-navigation .fancybox-button { transition: opacity .25s, visibility 0s, color .25s } .fancybox-navigation .fancybox-button:after { position: absolute; top: -25px; left: -25px; padding: 50px; content: "" } .fancybox-navigation .fancybox-button--arrow_left { left: 6px } .fancybox-navigation .fancybox-button--arrow_right { right: 6px } .fancybox-close-small svg { opacity: .5; } .fancybox-close-small:focus { outline: 0 } .fancybox-close-small:hover svg { opacity: 1 } .fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small { top: -44px; right: -12px; padding: 5px; color: #ccc } .fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg { color: #fff; background: 0 0 } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none } .fancybox-caption { font-size: 14px; font-weight: 400; line-height: 1.5; right: 0; bottom: 0; left: 0; padding: 25px 44px; color: #fff } .fancybox-caption:before { position: absolute; z-index: -1; top: -25px; right: 0; bottom: 0; left: 0; display: block; content: ""; pointer-events: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC); background-repeat: repeat-x; background-size: contain } .fancybox-caption:after { position: absolute; top: 0; right: 44px; left: 44px; display: block; content: ""; border-bottom: 1px solid hsla(0, 0%, 100%, .3) } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { text-decoration: none; color: #ccc } .fancybox-caption a:hover { text-decoration: underline; color: #fff } .fancybox-loading { position: absolute; z-index: 99999; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; padding: 0; animation: .8s linear infinite a; opacity: .6; border: 6px solid hsla(0, 0%, 39%, .5); border-top-color: #fff; border-radius: 100%; background: 0 0 } @keyframes a { 0% { transform: rotate(0) } to { transform: rotate(359deg) } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1) } .fancybox-fx-slide.fancybox-slide--previous { transform: translate3d(-100%, 0, 0); opacity: 0 } .fancybox-fx-slide.fancybox-slide--next { transform: translate3d(100%, 0, 0); opacity: 0 } .fancybox-fx-slide.fancybox-slide--current { transform: translateZ(0); opacity: 1 } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { transition-timing-function: cubic-bezier(.19, 1, .22, 1); opacity: 0 } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { transform: scale3d(1.5, 1.5, 1.5); opacity: 0 } .fancybox-fx-zoom-in-out.fancybox-slide--next { transform: scale3d(.5, .5, .5); opacity: 0 } .fancybox-fx-zoom-in-out.fancybox-slide--current { transform: scaleX(1); opacity: 1 } .fancybox-fx-rotate.fancybox-slide--previous { transform: rotate(-1turn); opacity: 0 } .fancybox-fx-rotate.fancybox-slide--next { transform: rotate(1turn); opacity: 0 } .fancybox-fx-rotate.fancybox-slide--current { transform: rotate(0); opacity: 1 } .fancybox-fx-circular.fancybox-slide--previous { transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0 } .fancybox-fx-circular.fancybox-slide--next { transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0 } .fancybox-fx-circular.fancybox-slide--current { transform: scaleX(1) translateZ(0); opacity: 1 } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1) } .fancybox-share { max-width: 90%; padding: 30px; text-align: center; border-radius: 3px; background: #f4f4f4 } .fancybox-share h1 { font-size: 35px; font-weight: 700; margin: 0 0 20px; color: #222 } .fancybox-share p { margin: 0; padding: 0 } .fancybox-share__button { font-size: 14px; font-weight: 700; line-height: 40px; display: inline-block; min-width: 130px; margin: 0 5px 10px; padding: 0 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .2s; white-space: nowrap; text-decoration: none; border: 0; border-radius: 3px } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff } .fancybox-share__button:hover { text-decoration: none } .fancybox-share__button--fb { background: #3b5998 } .fancybox-share__button--fb:hover { background: #344e86 } .fancybox-share__button--pt { background: #bd081d } .fancybox-share__button--pt:hover { background: #aa0719 } .fancybox-share__button--tw { background: #1da1f2 } .fancybox-share__button--tw:hover { background: #0d95e8 } .fancybox-share__button svg { position: relative; top: -1px; width: 25px; height: 25px; margin-right: 7px; vertical-align: middle } .fancybox-share__button svg path { fill: #fff } .fancybox-share__input { font-size: 14px; width: 100%; margin: 10px 0 0; padding: 10px 15px; color: #5d5b5b; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; outline: 0; background: 0 0 } .fancybox-thumbs { position: absolute; z-index: 99995; top: 0; right: 0; bottom: 0; display: none; width: 212px; margin: 0; padding: 2px 2px 4px; background: #fff; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-tap-highlight-color: transparent } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 212px } .fancybox-thumbs > ul { font-size: 0; position: relative; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; white-space: nowrap } .fancybox-thumbs-x > ul { overflow: hidden } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { border-radius: 10px; background: #fff; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { border-radius: 10px; background: #2a2a2a } .fancybox-thumbs > ul > li { position: relative; float: left; overflow: hidden; width: 100px; max-width: calc(50% - 4px); height: 75px; max-height: calc(100% - 8px); margin: 2px; padding: 0; cursor: pointer; outline: 0; background-repeat: no-repeat; background-position: 50%; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent } .fancybox-thumbs-loading { background: rgba(0, 0, 0, .1) } .fancybox-thumbs > ul > li:before { position: absolute; z-index: 99991; top: 0; right: 0; bottom: 0; left: 0; content: ""; transition: all .2s cubic-bezier(.25, .46, .45, .94); opacity: 0; border: 4px solid #4ea7f9 } .fancybox-thumbs .fancybox-thumbs-active:before { opacity: 1 } @media (max-width: 800px) { .fancybox-thumbs { width: 110px } .fancybox-show-thumbs .fancybox-inner { right: 110px } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px) } } /* End */ /* Start:/local/templates/zr_main_template/css/media.css?1678560882573*/ /*// Small devices (landscape phones, less than 768px)*/ @media (max-width: 767.98px) { .catalog-filter .col-sm-4{ width: auto; } .form-group__field{ position: fixed; width: 100% !important; max-width: 100% !important; height: 100%; overflow-y: auto; z-index: 999; top:0; left: 0; } .form-group__field .scroll-wrapper{ max-height: calc(100% - 50px)!important; } .apply-filter{ display: inline-block!important; margin: 20px 30px 20px 20px; } } /* End */ /* Start:/local/include/css/style.css?1678535680315*/ .popup .window .close{ width: 18px!important; height: 18px!important; font-size: 18px!important; } .popup .window .close:before{ content: "X"; font-weight: bold; color: rgb(255, 255, 255); font-family: Arial, sans-serif; line-height: 16px!important; font-size: 14px!important; } /* End */ /* Start:/local/include/css/media.css?16785356801815*/ @media (max-width: 767px) { .header__phone-icon { color: #3b5d5d; height: 20px; } .header__row { align-items: center; } .header__logo { height: 20px!important; background-size: contain!important; background-position: center center!important; background-image: url(/local/include/css/../img/header-logo--mobile2.png)!important; } .menu-opened .header__logo{ background-image: url(/local/include/css/../img/header-logo--mobile2-white.png) !important; } .header__basket { height: 20px; } .popup{ width: 100%!important; left: 0!important; top: 0!important; } .popup .window{ top: 0 !important; width: 100% !important; box-sizing: border-box!important; padding: 30px 15px 15px 15px!important; min-height: 100% !important; margin-bottom: 0!important; } .popup .window form p, .popup .window form .agree{ font-size: 14px!important; line-height: 1!important; } .popup .window form input[type='text'], .popup .window form input[type='email'], .popup .window form input[type='tel']{ width: 100%!important; height: 40px!important; font-size: 14px!important; } .popup .window form textarea{ width: 100%!important; height: 66px!important; } .popup .window form button{ width: 100%!important; height: 44px!important; } .bottom-block{ padding-bottom: 0!important; } .bottom-block .content{ position: relative; z-index: 1; margin-bottom: 0!important; } .bottom-block .image{ z-index: 0; position: relative!important; right: -15px!important; margin-top: -30%; } } /* End */ /* Start:/local/templates/.default/html/build/3rdParty/jquery.scrollbar/jquery.scrollbar.css?167853568623056*/ /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-wrapper.scroll--rtl { direction: rtl; } .scroll-element { box-sizing: content-box; display: none; } .scroll-element div { box-sizing: content-box; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /*************** SIMPLE OUTER SCROLLBAR ***************/ .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color: #ffffff; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; } .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; } .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* scrollbar height/width & offset from container borders */ .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } /*************** SCROLLBAR MAC OS X ***************/ .scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: #6C6E71; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px; } /* scrollbar height/width & offset from container borders */ .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /*************** SCROLLBAR LIGHT ***************/ .scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-light > .scroll-element { background-color: #ffffff; } .scrollbar-light > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-light > .scroll-element .scroll-element_outer { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element .scroll-element_size { background: #dbdbdb; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8)); background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element.scroll-x { bottom: 0; height: 17px; left: 0; min-width: 100%; width: 100%; } .scrollbar-light > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 17px; } .scrollbar-light > .scroll-element .scroll-bar { background: #fefefe; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%); border: 1px solid #dbdbdb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* scrollbar height/width & offset from container borders */ .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; } .scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; } .scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /*************** SCROLLBAR RAIL ***************/ .scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-rail > .scroll-element { background-color: #ffffff; } .scrollbar-rail > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { background-color: #999; background-color: rgba(0, 0, 0, 0.3); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { background-color: #666; background-color: rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; } .scrollbar-rail > .scroll-element .scroll-bar { background-color: #d0b9a0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } /* scrollbar height/width & offset from container borders */ .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } /*************** SCROLLBAR DYNAMIC ***************/ .scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-dynamic > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; } .scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; } .scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /* scrollbar height/width & offset from container borders */ .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -o-transition: height 0.2s; -ms-transition: height 0.2s; transition: height 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s; transition: width 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* hover & drag */ .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 20px; min-height: 7px; } .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 20px; } /*************** SCROLLBAR GOOGLE CHROME ***************/ .scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-chrome > .scroll-element { background-color: #ffffff; } .scrollbar-chrome > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-chrome > .scroll-element .scroll-element_track { background: #f1f1f1; border: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x { bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; } .scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; } .scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .scrollbar-chrome > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; border-color: #a9a9a9; } .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; border-color: #7e7e7e; } /* scrollbar height/width & offset from container borders */ .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; } .scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /* End */ /* Start:/local/templates/zr_main_template/js/lib/micromodal/micromodal.min.css?17211238192397*/ .modal{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}.modal__container{background-color:#fff;max-width:100%;max-height:100vh;border-radius:var(--border-radius);overflow-y:auto;box-sizing:border-box}.modal__header{display:flex;justify-content:space-between;align-items:center}.modal__title{margin-top:0;margin-bottom:0;font-weight:600;font-size:1.25rem;line-height:1.25;color:#00449e;box-sizing:border-box}.modal__close{background:transparent;border:0}.modal__header .modal__close:before{content:"\2715"}.modal__content{line-height:1.5;color:rgba(0,0,0,.8)}.modal__btn{font-size:.875rem;padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;background-color:#e6e6e6;color:rgba(0,0,0,.8);border-radius:.25rem;border-style:none;border-width:0;cursor:pointer;-webkit-appearance:button;text-transform:none;overflow:visible;line-height:1.15;margin:0;will-change:transform;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.modal__btn:focus,.modal__btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.modal__btn-primary{background-color:#00449e;color:#fff}@keyframes mmfadeIn{from{opacity:0}to{opacity:1}}@keyframes mmfadeOut{from{opacity:1}to{opacity:0}}@keyframes mmslideIn{from{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{from{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden="false"] .modal__overlay{animation:mmfadeIn .3s cubic-bezier(.0,.0,.2,1)}.micromodal-slide[aria-hidden="false"] .modal__container{animation:mmslideIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden="true"] .modal__overlay{animation:mmfadeOut .3s cubic-bezier(.0,.0,.2,1)}.micromodal-slide[aria-hidden="true"] .modal__container{animation:mmslideOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform} /* End */ /* Start:/local/templates/zr_main_template/vendor/notify-js/notify.simple.min.css?17265710566249*/ .sn-notifications-container{--sn-success-color: rgb(111, 207, 151);--sn-success-progress-color: rgb(84, 170, 120);--sn-error-color: rgb(235, 87, 87);--sn-error-progress-color: rgb(192, 69, 69);--sn-warning-color: rgb(242, 201, 76);--sn-warning-progress-color: rgb(196, 166, 79);--sn-info-color: rgb(81, 205, 243);--sn-info-progress-color: rgb(84, 169, 196);--sn-notifications-gap: 20px;--sn-notifications-padding: 20px;--sn-notify-width: 320px;--sn-notify-radius: 6px;--sn-notify-transition-timing-function: ease;--sn-notify-transition-duration: .5s;--sn-notify-autoclose-timeout: 30s;--sn-notify-padding: .75em;--sn-notify-icon-size: 2em;--sn-notify-close-icon-size: 1em;--sn-notify-border-size: 1px;--sn-notify-border-color: transparent;--sn-notify-border-style: solid;--sn-notify-progress-color: rgb(51, 51, 51);--sn-notify-close-icon-color: rgb(51, 51, 51);--sn-notify-title-color: rgb(51, 51, 51);--sn-notify-text-color: rgb(77, 77, 77);--sn-notify-shadow-color: transparent;--sn-notify-progress-height: 5px;pointer-events:none;width:100%;max-width:100%;max-height:100vh;min-height:100vh;position:fixed;z-index:9999;inset:0;display:grid;grid-auto-rows:min-content;align-content:flex-start;grid-gap:var(--sn-notifications-gap);gap:var(--sn-notifications-gap);padding:var(--sn-notifications-padding)}.sn-notifications-container.sn-is-x-center{justify-content:center}.sn-notifications-container.sn-is-y-center{align-content:center;justify-content:flex-end}.sn-notifications-container.sn-is-center{justify-content:center;align-content:center}.sn-notifications-container.sn-is-left{justify-content:flex-start}.sn-notifications-container.sn-is-right{justify-content:flex-end}.sn-notifications-container.sn-is-top{align-content:flex-start}.sn-notifications-container.sn-is-bottom{align-content:flex-end}.sn-notify{pointer-events:auto;transition-timing-function:var(--sn-notify-transition-timing-function);transition-duration:var(--sn-notify-transition-duration);transition-property:transform,opacity;border-radius:var(--sn-notify-radius);background-color:var(--sn-notify-background-color, transparent);border:var(--sn-notify-border-size) var(--sn-notify-border-style) var(--sn-notify-border-color);padding:var(--sn-notify-padding);box-sizing:border-box;display:flex;align-items:center;overflow:hidden;position:relative;text-decoration:none;width:var(--sn-notify-width)}.sn-notify-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--sn-notify-icon-size);height:var(--sn-notify-icon-size);margin-right:.75em;color:var(--sn-notify-icon-color)}.sn-notify-close{position:absolute;right:.75em;top:.75em;user-select:none;cursor:pointer;display:flex;justify-content:center;align-items:center;height:var(--sn-notify-close-icon-size);width:var(--sn-notify-close-icon-size);color:var(--sn-notify-close-icon-color)}.sn-notify-title{font-size:1rem;font-weight:600;padding-right:calc(var(--sn-notify-padding) + var(--sn-notify-close-icon-size));color:var(--sn-notify-title-color)}.sn-notify-text{font-size:.875rem;margin-top:.25rem;color:var(--sn-notify-text-color)}.sn-notify-outline{--sn-notify-background-color: rgb(255, 255, 255);--sn-notify-border-color: var(--sn-success-color);box-shadow:0 2px 26px var(--sn-notify-shadow-color)}.sn-notify-outline.sn-notify-success{--sn-notify-border-color: var(--sn-success-color);--sn-notify-icon-color: var(--sn-success-color);--sn-notify-shadow-color: rgba(82, 215, 0, .1)}.sn-notify-outline.sn-notify-error{--sn-notify-border-color: var(--sn-error-color);--sn-notify-icon-color: var(--sn-error-color);--sn-notify-shadow-color: rgba(215, 0, 0, .1)}.sn-notify-outline.sn-notify-warning{--sn-notify-border-color: var(--sn-warning-color);--sn-notify-icon-color: var(--sn-warning-color);--sn-notify-shadow-color: rgba(242, 201, 76, .1)}.sn-notify-outline.sn-notify-info{--sn-notify-border-color: var(--sn-info-color);--sn-notify-icon-color: var(--sn-info-color);--sn-notify-shadow-color: rgba(84, 175, 202, .1)}.sn-notify-outline .sn-notify-title{--sn-notify-title-color: rgb(51, 51, 51)}.sn-notify-outline .sn-notify-text{--sn-notify-text-color: rgb(77, 77, 77)}.sn-notify-outline .sn-notify-close{--sn-notify-close-icon-color: rgb(130, 130, 130)}.sn-notify-filled{--sn-notify-title-color: rgb(51, 51, 51);--sn-notify-text-color: rgb(51, 51, 51);--sn-notify-icon-color: rgb(51, 51, 51);--sn-notify-close-icon-color: rgb(51, 51, 51)}.sn-notify-filled.sn-notify-success{--sn-notify-background-color: var(--sn-success-color)}.sn-notify-filled.sn-notify-error{--sn-notify-background-color: var(--sn-error-color)}.sn-notify-filled.sn-notify-warning{--sn-notify-background-color: var(--sn-warning-color)}.sn-notify-filled.sn-notify-info{--sn-notify-background-color: var(--sn-info-color)}.sn-notify-fade{opacity:0;will-change:opacity}.sn-notify-fade-in{opacity:1}.sn-notify-slide{opacity:0;will-change:opacity,transform;transform:translate3d(var(--sn-notify-x),var(--sn-notify-y),0)}.sn-is-left .sn-notify-slide{--sn-notify-x: -100%;--sn-notify-y: 0}.sn-is-right .sn-notify-slide,.sn-is-y-center:not(.sn-is-left) .sn-notify-slide{--sn-notify-x: 100%;--sn-notify-y: 0}.sn-is-top.sn-is-x-center .sn-notify-slide,.sn-is-x-center .sn-notify-slide{--sn-notify-y: -100%;--sn-notify-x: 0}.sn-is-bottom.sn-is-x-center .sn-notify-slide{--sn-notify-y: 100%;--sn-notify-x: 0}.sn-notify-slide-in{opacity:1;transform:translateZ(0)}.sn-notify-autoclose{padding-bottom:calc(var(--sn-notify-padding) + var(--sn-notify-progress-height))}.sn-notify-autoclose.sn-notify-success{--sn-notify-progress-color: var(--sn-success-progress-color)}.sn-notify-autoclose.sn-notify-error{--sn-notify-progress-color: var(--sn-error-progress-color)}.sn-notify-autoclose.sn-notify-warning{--sn-notify-progress-color: var(--sn-warning-progress-color)}.sn-notify-autoclose.sn-notify-info{--sn-notify-progress-color: var(--sn-info-progress-color)}.sn-notify-autoclose:before{content:"";display:block;position:absolute;left:0;bottom:0;will-change:width;width:100%;height:var(--sn-notify-progress-height);border-radius:0 999px 999px 0;background-color:var(--sn-notify-progress-color);animation:progress var(--sn-notify-autoclose-timeout) linear forwards}@keyframes progress{to{width:0%}} /*# sourceMappingURL=simple-notify.css.map */ /* End */ /* Start:/assets/css/styles.css?1732451636193040*/ /* пробуем в новые стили */ @font-face { font-family: 'Futura PT'; src: url('/assets/fonts/FuturaPT-Medium.woff2') format('woff2'), url('/assets/fonts/FuturaPT-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT Demi'; src: url('/assets/fonts/FuturaPT-Demi.woff2') format('woff2'), url('/assets/fonts/FuturaPT-Demi.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('/assets/fonts/FuturaPT-Bold.woff2') format('woff2'), url('/assets/fonts/FuturaPT-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT Book'; src: url('/assets/fonts/FuturaPT-Book.woff2') format('woff2'), url('/assets/fonts/FuturaPT-Book.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('/assets/fonts/FuturaPT-BoldObl.woff2') format('woff2'), url('/assets/fonts/FuturaPT-BoldObl.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url('/assets/fonts/FuturaPT-Light.woff2') format('woff2'), url('/assets/fonts/FuturaPT-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-display: swap; font-family: "Roboto"; font-style: normal; font-weight: 100; src: url(/assets/fonts/roboto/roboto-100.woff2) format("woff2"), url(/assets/fonts/roboto/roboto-100.woff) format("woff") } /* @font-face { font-display: swap; font-family: "Rubik"; font-style: normal; font-weight: 300; src: url(/assets/fonts/rubik/rubik-300.woff2) format("woff2"), url(/assets/fonts/rubik/rubik-300.woff) format("woff") } @font-face { font-display: swap; font-family: "Rubik"; font-style: normal; font-weight: 400; src: url(/assets/fonts/rubik/rubik-400.woff2) format("woff2"), url(/assets/fonts/rubik/rubik-400.woff) format("woff") } @font-face { font-display: swap; font-family: "Rubik"; font-style: italic; font-weight: 400; src: url(/assets/fonts/rubik/rubik-400i.woff2) format("woff2"), url(/assets/fonts/rubik/rubik-400i.woff) format("woff") } @font-face { font-display: swap; font-family: "Rubik"; font-style: normal; font-weight: 500; src: url(/assets/fonts/rubik/rubik-500.woff2) format("woff2"), url(/assets/fonts/rubik/rubik-500.woff) format("woff") } @font-face { font-display: swap; font-family: "Rubik"; font-style: italic; font-weight: 500; src: url(/assets/fonts/rubik/rubik-500i.woff2) format("woff2"), url(/assets/fonts/rubik/rubik-500i.woff) format("woff") } */ button:focus, input:focus { outline: none } html { height: 100%; width: 100%; position: relative } select { height: 35px } input, select, textarea { width: 100% } .wrapper, body { position: relative } @media screen and (max-width: 1440px) { .index-news .wrapper, .index-completed .wrapper { max-width: 1150px; } .index-news .col-sm-6, .index-news .col-lg-3 { padding-right: 8px; padding-left: 8px; } .index-completed .col-sm-6, .index-completed .col-lg-4 { padding-right: 8px; padding-left: 8px; } } body { /*font-family: Futura PT, Helvetica Neue, sans-serif;*/ margin: 0; font-size: 1rem; box-sizing: border-box; width: 100%; height: 100%; background-color: #fff } body.show { overflow: auto } body.magnificpopupnoscroll, body.ohidden { overflow: hidden !important } @media (min-width: 1025px) { body.magnificpopupnoscroll { padding-right: 17px !important } } img { display: inline-block; max-width: 100% } img.lazyload { opacity: 0; transition: all .25s ease } img.lazyload.load { opacity: 1; transition: all .25s ease } svg { display: block; max-width: 50px } div, footer, header, input, textarea { box-sizing: border-box } a, a:hover { text-decoration: none } a:hover { transition: color .2s ease } .container { width: 100%; max-width: 1286px; margin: 0 auto; padding: 0 1rem } h3 { font-size: 48px; text-transform: uppercase; color: #000; line-height: 1.1; max-width: 640px; margin-bottom: 40px } h3 span { font-weight: 700 } @media (max-width: 640px) { h3 { font-size: 41px; margin-bottom: 18px } } @media (max-width: 420px) { h3 { font-size: 32px } } p { width: 95%; font-size: 18px; line-height: 1.8; color: #151515; margin-bottom: 34px } @media (max-width: 1365px) { p { font-size: 16px; margin-bottom: 20px } } @media (max-width: 1024px) { p { font-size: 14px } } p:last-child { margin-bottom: 0 } h2 { font-size: 72px; text-transform: uppercase; color: #000; line-height: .95; margin-bottom: 40px; font-weight: 700 } h2 span { color: #8cc63e } @media (max-width: 640px) { h2 { font-size: 60px; margin-bottom: 18px } } @media (max-width: 420px) { h2 { font-size: 32px } } select { background-color: transparent; color: #fff; border: none; border-radius: 3px } select:focus { outline: none } .content-box { box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none } .index-slider__title{ color: #ffffff; font-weight: 500; } /*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; font-family: Arial, sans-serif } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important } .irs-bar { position: absolute; display: block; left: 0; width: 0 } .irs-shadow { position: absolute; display: none; left: 0; width: 0 } .irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1 } .irs-handle.type_last { z-index: 2 } .irs-min, .irs-max { position: absolute; display: block; cursor: default } .irs-min { left: 0 } .irs-max { right: 0 } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px } .irs-with-grid .irs-grid { display: block } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000 } .irs-grid-pol.small { height: 4px } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000 } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2 } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed } .irs-disabled { opacity: .4 } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important } .irs--flat { height: 40px } .irs--flat.irs-with-grid { height: 60px } .irs--flat .irs-line { top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px } .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #ed5565 } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9 } .irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent } .irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453 } .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #a43540 } .irs--flat .irs-min, .irs--flat .irs-max { top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565 } .irs--flat .irs-grid-pol { background-color: #e1e4e9 } .irs--flat .irs-grid-text { color: #999 } .irs--big { height: 55px } .irs--big.irs-with-grid { height: 70px } .irs--big .irs-line { top: 33px; height: 12px; background-color: white; background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5) } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5) } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; border-radius: 30px } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background-color: #939ba7; background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%) } .irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px 5px; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px } .irs--big .irs-grid-pol { background-color: #428bca } .irs--big .irs-grid-text { color: #428bca } .irs--modern { height: 55px } .irs--modern.irs-with-grid { height: 55px } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: linear-gradient(to bottom, #20b426 0%, #18891d 100%) } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5) } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px } .irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: white; transform: rotate(45deg) } .irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px } .irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1 } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%) } .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2 } .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a } .irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: #d1d6e0; border-radius: 5px } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: white; border-radius: 5px } .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426 } .irs--modern .irs-grid { height: 25px } .irs--modern .irs-grid-pol { background-color: #dedede } .irs--modern .irs-grid-text { color: silver; font-size: 13px } .irs--sharp { height: 50px; font-size: 12px; line-height: 1 } .irs--sharp.irs-with-grid { height: 57px } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: black; border-radius: 2px } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5) } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2 } .irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2 } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black } .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: black } .irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: .4; background-color: #a804b2; border-radius: 2px } .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: white; border-radius: 2px } .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2 } .irs--sharp .irs-grid { height: 25px } .irs--sharp .irs-grid-pol { background-color: #dedede } .irs--sharp .irs-grid-text { color: silver; font-size: 13px } .irs--round { height: 50px } .irs--round.irs-with-grid { height: 65px } .irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px } .irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5) } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: white; border-radius: 24px; box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3) } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff } .irs--round .irs-min, .irs--round .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: white; border-radius: 4px } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa } .irs--round .irs-grid { height: 25px } .irs--round .irs-grid-pol { background-color: #dedede } .irs--round .irs-grid-text { color: silver; font-size: 13px } .irs--square { height: 50px } .irs--square.irs-with-grid { height: 60px } .irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede } .irs--square .irs-bar { top: 31px; height: 4px; background-color: black } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid black; background-color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff } .irs--square .irs-min, .irs--square .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1) } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: black; color: white } .irs--square .irs-grid { height: 25px } .irs--square .irs-grid-pol { background-color: #dedede } .irs--square .irs-grid-text { color: silver; font-size: 11px } body.ohidden { overflow: hidden !important } .container__footer { width: 100%; max-width: 1286px; margin: 0 auto; padding: 0 1rem; } .container__header { width: 100%; max-width: 1286px; margin: 0 auto; padding: 0 1rem; } .container__list { width: 100%; max-width: 1286px; margin: 0 auto; padding: 0 1rem; } .container__inner { width: 100%; max-width: 1286px; margin: 0 auto; padding: 0 1rem; } .filter-block__right .filter-block__clear { background: none; line-height: normal; color: #fff; background-color: #3D5C5E; } .inner-block__link, .filter-block__right .filter-block__link, .filter-block__right .filter-block__grid a, .filter-block__right .filter-block__togh a { background: none; border-bottom: none; line-height: normal; } .swiper-slide iframe { position: absolute; width: 100%; height: 100%; } .notetext { display: inline-block; margin-bottom: 5rem; } .checkbox--filter .checkbox__label.disabled { pointer-events: none; } .checkbox--filter .checkbox__label.disabled u { color: #ccc; } * { scroll-behavior: smooth; } .prop-columnize .form-group__field { padding: 0; } .prop-columnize .form-group__wrapper { padding: 30px 0 30px 30px; } .form-group__field .scroll-wrapper { max-height: 500px; } .about-sport .image { position: absolute; right: 0; bottom: 0; } @media (max-width: 991px) { .header__basket { padding-right: 0px !important; } .about-sport .image { right: 0px; bottom: 10px; display: none; } } @media (max-width: 767px) { .about-sport .image { display: block; position: relative; } } /* new_design*/ .footer { /*font-family: Futura PT, Helvetica Neue, sans-serif;*/ font-family: Rubik, Helvetica Neue, sans-serif; padding: 60px 0 30px; background-position: center; background-size: cover; } .footer__bottom { margin: 13px 0 0; } @media (max-width: 1024px) { .footer__bottom .footer-link { justify-content: center; text-align: center; } } .footer__wrap { display: flex; justify-content: space-between; } @media (max-width: 1024px) { .footer__wrap { flex-direction: column; } } .footer__wrap > .footer-item:nth-child(1) { width: 100%; max-width: 519px; } @media (max-width: 1024px) { .footer__wrap > .footer-item:nth-child(1) { text-align: center; max-width: 100%; } } .footer__wrap > .footer-item:nth-child(1) .footer-link { width: 41%; /* white-space: nowrap; */ } @media (max-width: 1024px) { .footer__wrap > .footer-item:nth-child(1) .footer-link { white-space: initial; } } @media (max-width: 480px) { .footer__wrap > .footer-item:nth-child(1) .footer-link { width: 100%; margin: 0 0 10px; } } .footer__wrap > .footer-item:nth-child(2) { width: 100%; max-width: 310px; margin: 0 15px; } @media (max-width: 1024px) { .footer__wrap > .footer-item:nth-child(2) { text-align: center; max-width: 100%; margin-left: 0; margin-right: 0; } } .footer__wrap > .footer-item:nth-child(2) .footer-link { width: 49%; } @media (max-width: 480px) { .footer__wrap > .footer-item:nth-child(2) .footer-link { width: 100%; margin: 0 0 10px; } } .footer-block { width: 100%; max-width: 300px; margin-bottom: 20px; } @media (max-width: 1024px) { .footer-block { text-align: center; max-width: 100%; } } .footer-item { display: flex; flex-wrap: wrap; justify-content: space-between; } @media (max-width: 1024px) { .footer-item { margin-bottom: 15px !important; } } .footer-item__title { width: 100%; font-size: 16px; color: #ffffff; text-transform: uppercase; font-weight: 400; margin: 0 0 20px; } .footer-link { display: block; font-size: 16px; color: rgba(255, 255, 255, 0.5); font-weight: 300; border: none; } .footer-link[href]:hover { color: #ffffff; background: none; } .footer-item--100 .footer-link { width: 100%; } .footer-link:hover { transition-duration: 0s; background-size: 0% 0%; cursor: pointer; } /* ----------------------------------------------------- */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal } /*! * Bootstrap Grid v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container { max-width: 540px } } @media (min-width: 768px) { .container { max-width: 720px } } @media (min-width: 992px) { .container { max-width: 960px } } @media (min-width: 1200px) { .container { max-width: 1140px } } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container, .container-sm { max-width: 540px } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px } } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0 } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.3333333333% } .offset-2 { margin-left: 16.6666666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.3333333333% } .offset-5 { margin-left: 41.6666666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.3333333333% } .offset-8 { margin-left: 66.6666666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.3333333333% } .offset-11 { margin-left: 91.6666666667% } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-sm-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-sm-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-sm-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-sm-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-sm-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-sm-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.3333333333% } .offset-sm-2 { margin-left: 16.6666666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.3333333333% } .offset-sm-5 { margin-left: 41.6666666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.3333333333% } .offset-sm-8 { margin-left: 66.6666666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.3333333333% } .offset-sm-11 { margin-left: 91.6666666667% } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-md-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-md-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-md-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-md-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-md-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-md-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.3333333333% } .offset-md-2 { margin-left: 16.6666666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.3333333333% } .offset-md-5 { margin-left: 41.6666666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.3333333333% } .offset-md-8 { margin-left: 66.6666666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.3333333333% } .offset-md-11 { margin-left: 91.6666666667% } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-lg-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-lg-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-lg-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-lg-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-lg-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-lg-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.3333333333% } .offset-lg-2 { margin-left: 16.6666666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.3333333333% } .offset-lg-5 { margin-left: 41.6666666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.3333333333% } .offset-lg-8 { margin-left: 66.6666666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.3333333333% } .offset-lg-11 { margin-left: 91.6666666667% } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .row-cols-xl-1 > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .row-cols-xl-2 > * { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .row-cols-xl-3 > * { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-xl-4 > * { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .row-cols-xl-5 > * { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .row-cols-xl-6 > * { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.3333333333% } .offset-xl-2 { margin-left: 16.6666666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.3333333333% } .offset-xl-5 { margin-left: 41.6666666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.3333333333% } .offset-xl-8 { margin-left: 66.6666666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.3333333333% } .offset-xl-11 { margin-left: 91.6666666667% } } .d-none { display: none !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } @media (min-width: 576px) { .d-sm-none { display: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width: 768px) { .d-md-none { display: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width: 992px) { .d-lg-none { display: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width: 1200px) { .d-xl-none { display: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media print { .d-print-none { display: none !important } .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } .m-1 { margin: .25rem !important } .mt-1, .my-1 { margin-top: .25rem !important } .mr-1, .mx-1 { margin-right: .25rem !important } .mb-1, .my-1 { margin-bottom: .25rem !important } .ml-1, .mx-1 { margin-left: .25rem !important } .m-2 { margin: .5rem !important } .mt-2, .my-2 { margin-top: .5rem !important } .mr-2, .mx-2 { margin-right: .5rem !important } .mb-2, .my-2 { margin-bottom: .5rem !important } .ml-2, .mx-2 { margin-left: .5rem !important } .m-3 { margin: 1rem !important } .mt-3, .my-3 { margin-top: 1rem !important } .mr-3, .mx-3 { margin-right: 1rem !important } .mb-3, .my-3 { margin-bottom: 1rem !important } .ml-3, .mx-3 { margin-left: 1rem !important } .m-4 { margin: 1.5rem !important } .mt-4, .my-4 { margin-top: 1.5rem !important } .mr-4, .mx-4 { margin-right: 1.5rem !important } .mb-4, .my-4 { margin-bottom: 1.5rem !important } .ml-4, .mx-4 { margin-left: 1.5rem !important } .m-5 { margin: 3rem !important } .mt-5, .my-5 { margin-top: 3rem !important } .mr-5, .mx-5 { margin-right: 3rem !important } .mb-5, .my-5 { margin-bottom: 3rem !important } .ml-5, .mx-5 { margin-left: 3rem !important } .p-0 { padding: 0 !important } .pt-0, .py-0 { padding-top: 0 !important } .pr-0, .px-0 { padding-right: 0 !important } .pb-0, .py-0 { padding-bottom: 0 !important } .pl-0, .px-0 { padding-left: 0 !important } .p-1 { padding: .25rem !important } .pt-1, .py-1 { padding-top: .25rem !important } .pr-1, .px-1 { padding-right: .25rem !important } .pb-1, .py-1 { padding-bottom: .25rem !important } .pl-1, .px-1 { padding-left: .25rem !important } .p-2 { padding: .5rem !important } .pt-2, .py-2 { padding-top: .5rem !important } .pr-2, .px-2 { padding-right: .5rem !important } .pb-2, .py-2 { padding-bottom: .5rem !important } .pl-2, .px-2 { padding-left: .5rem !important } .p-3 { padding: 1rem !important } .pt-3, .py-3 { padding-top: 1rem !important } .pr-3, .px-3 { padding-right: 1rem !important } .pb-3, .py-3 { padding-bottom: 1rem !important } .pl-3, .px-3 { padding-left: 1rem !important } .p-4 { padding: 1.5rem !important } .pt-4, .py-4 { padding-top: 1.5rem !important } .pr-4, .px-4 { padding-right: 1.5rem !important } .pb-4, .py-4 { padding-bottom: 1.5rem !important } .pl-4, .px-4 { padding-left: 1.5rem !important } .p-5 { padding: 3rem !important } .pt-5, .py-5 { padding-top: 3rem !important } .pr-5, .px-5 { padding-right: 3rem !important } .pb-5, .py-5 { padding-bottom: 3rem !important } .pl-5, .px-5 { padding-left: 3rem !important } .m-n1 { margin: -.25rem !important } .mt-n1, .my-n1 { margin-top: -.25rem !important } .mr-n1, .mx-n1 { margin-right: -.25rem !important } .mb-n1, .my-n1 { margin-bottom: -.25rem !important } .ml-n1, .mx-n1 { margin-left: -.25rem !important } .m-n2 { margin: -.5rem !important } .mt-n2, .my-n2 { margin-top: -.5rem !important } .mr-n2, .mx-n2 { margin-right: -.5rem !important } .mb-n2, .my-n2 { margin-bottom: -.5rem !important } .ml-n2, .mx-n2 { margin-left: -.5rem !important } .m-n3 { margin: -1rem !important } .mt-n3, .my-n3 { margin-top: -1rem !important } .mr-n3, .mx-n3 { margin-right: -1rem !important } .mb-n3, .my-n3 { margin-bottom: -1rem !important } .ml-n3, .mx-n3 { margin-left: -1rem !important } .m-n4 { margin: -1.5rem !important } .mt-n4, .my-n4 { margin-top: -1.5rem !important } .mr-n4, .mx-n4 { margin-right: -1.5rem !important } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important } .ml-n4, .mx-n4 { margin-left: -1.5rem !important } .m-n5 { margin: -3rem !important } .mt-n5, .my-n5 { margin-top: -3rem !important } .mr-n5, .mx-n5 { margin-right: -3rem !important } .mb-n5, .my-n5 { margin-bottom: -3rem !important } .ml-n5, .mx-n5 { margin-left: -3rem !important } .m-auto { margin: auto !important } .mt-auto, .my-auto { margin-top: auto !important } .mr-auto, .mx-auto { margin-right: auto !important } .mb-auto, .my-auto { margin-bottom: auto !important } .ml-auto, .mx-auto { margin-left: auto !important } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important } .mt-sm-0, .my-sm-0 { margin-top: 0 !important } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important } .m-sm-1 { margin: .25rem !important } .mt-sm-1, .my-sm-1 { margin-top: .25rem !important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important } .m-sm-2 { margin: .5rem !important } .mt-sm-2, .my-sm-2 { margin-top: .5rem !important } .mr-sm-2, .mx-sm-2 { margin-right: .5rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem !important } .ml-sm-2, .mx-sm-2 { margin-left: .5rem !important } .m-sm-3 { margin: 1rem !important } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important } .p-sm-0 { padding: 0 !important } .pt-sm-0, .py-sm-0 { padding-top: 0 !important } .pr-sm-0, .px-sm-0 { padding-right: 0 !important } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important } .pl-sm-0, .px-sm-0 { padding-left: 0 !important } .p-sm-1 { padding: .25rem !important } .pt-sm-1, .py-sm-1 { padding-top: .25rem !important } .pr-sm-1, .px-sm-1 { padding-right: .25rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important } .pl-sm-1, .px-sm-1 { padding-left: .25rem !important } .p-sm-2 { padding: .5rem !important } .pt-sm-2, .py-sm-2 { padding-top: .5rem !important } .pr-sm-2, .px-sm-2 { padding-right: .5rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem !important } .pl-sm-2, .px-sm-2 { padding-left: .5rem !important } .p-sm-3 { padding: 1rem !important } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important } .m-sm-n1 { margin: -.25rem !important } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem !important } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem !important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem !important } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem !important } .m-sm-n2 { margin: -.5rem !important } .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem !important } .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem !important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem !important } .ml-sm-n2, .mx-sm-n2 { margin-left: -.5rem !important } .m-sm-n3 { margin: -1rem !important } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important } .m-sm-n4 { margin: -1.5rem !important } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important } .m-sm-n5 { margin: -3rem !important } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important } .m-sm-auto { margin: auto !important } .mt-sm-auto, .my-sm-auto { margin-top: auto !important } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important } .mt-md-0, .my-md-0 { margin-top: 0 !important } .mr-md-0, .mx-md-0 { margin-right: 0 !important } .mb-md-0, .my-md-0 { margin-bottom: 0 !important } .ml-md-0, .mx-md-0 { margin-left: 0 !important } .m-md-1 { margin: .25rem !important } .mt-md-1, .my-md-1 { margin-top: .25rem !important } .mr-md-1, .mx-md-1 { margin-right: .25rem !important } .mb-md-1, .my-md-1 { margin-bottom: .25rem !important } .ml-md-1, .mx-md-1 { margin-left: .25rem !important } .m-md-2 { margin: .5rem !important } .mt-md-2, .my-md-2 { margin-top: .5rem !important } .mr-md-2, .mx-md-2 { margin-right: .5rem !important } .mb-md-2, .my-md-2 { margin-bottom: .5rem !important } .ml-md-2, .mx-md-2 { margin-left: .5rem !important } .m-md-3 { margin: 1rem !important } .mt-md-3, .my-md-3 { margin-top: 1rem !important } .mr-md-3, .mx-md-3 { margin-right: 1rem !important } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important } .ml-md-3, .mx-md-3 { margin-left: 1rem !important } .m-md-4 { margin: 1.5rem !important } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important } .m-md-5 { margin: 3rem !important } .mt-md-5, .my-md-5 { margin-top: 3rem !important } .mr-md-5, .mx-md-5 { margin-right: 3rem !important } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important } .ml-md-5, .mx-md-5 { margin-left: 3rem !important } .p-md-0 { padding: 0 !important } .pt-md-0, .py-md-0 { padding-top: 0 !important } .pr-md-0, .px-md-0 { padding-right: 0 !important } .pb-md-0, .py-md-0 { padding-bottom: 0 !important } .pl-md-0, .px-md-0 { padding-left: 0 !important } .p-md-1 { padding: .25rem !important } .pt-md-1, .py-md-1 { padding-top: .25rem !important } .pr-md-1, .px-md-1 { padding-right: .25rem !important } .pb-md-1, .py-md-1 { padding-bottom: .25rem !important } .pl-md-1, .px-md-1 { padding-left: .25rem !important } .p-md-2 { padding: .5rem !important } .pt-md-2, .py-md-2 { padding-top: .5rem !important } .pr-md-2, .px-md-2 { padding-right: .5rem !important } .pb-md-2, .py-md-2 { padding-bottom: .5rem !important } .pl-md-2, .px-md-2 { padding-left: .5rem !important } .p-md-3 { padding: 1rem !important } .pt-md-3, .py-md-3 { padding-top: 1rem !important } .pr-md-3, .px-md-3 { padding-right: 1rem !important } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important } .pl-md-3, .px-md-3 { padding-left: 1rem !important } .p-md-4 { padding: 1.5rem !important } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important } .p-md-5 { padding: 3rem !important } .pt-md-5, .py-md-5 { padding-top: 3rem !important } .pr-md-5, .px-md-5 { padding-right: 3rem !important } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important } .pl-md-5, .px-md-5 { padding-left: 3rem !important } .m-md-n1 { margin: -.25rem !important } .mt-md-n1, .my-md-n1 { margin-top: -.25rem !important } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem !important } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem !important } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem !important } .m-md-n2 { margin: -.5rem !important } .mt-md-n2, .my-md-n2 { margin-top: -.5rem !important } .mr-md-n2, .mx-md-n2 { margin-right: -.5rem !important } .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem !important } .ml-md-n2, .mx-md-n2 { margin-left: -.5rem !important } .m-md-n3 { margin: -1rem !important } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important } .m-md-n4 { margin: -1.5rem !important } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important } .m-md-n5 { margin: -3rem !important } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important } .m-md-auto { margin: auto !important } .mt-md-auto, .my-md-auto { margin-top: auto !important } .mr-md-auto, .mx-md-auto { margin-right: auto !important } .mb-md-auto, .my-md-auto { margin-bottom: auto !important } .ml-md-auto, .mx-md-auto { margin-left: auto !important } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important } .mt-lg-0, .my-lg-0 { margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important } .m-lg-1 { margin: .25rem !important } .mt-lg-1, .my-lg-1 { margin-top: .25rem !important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important } .m-lg-2 { margin: .5rem !important } .mt-lg-2, .my-lg-2 { margin-top: .5rem !important } .mr-lg-2, .mx-lg-2 { margin-right: .5rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem !important } .ml-lg-2, .mx-lg-2 { margin-left: .5rem !important } .m-lg-3 { margin: 1rem !important } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important } .p-lg-0 { padding: 0 !important } .pt-lg-0, .py-lg-0 { padding-top: 0 !important } .pr-lg-0, .px-lg-0 { padding-right: 0 !important } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important } .pl-lg-0, .px-lg-0 { padding-left: 0 !important } .p-lg-1 { padding: .25rem !important } .pt-lg-1, .py-lg-1 { padding-top: .25rem !important } .pr-lg-1, .px-lg-1 { padding-right: .25rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important } .pl-lg-1, .px-lg-1 { padding-left: .25rem !important } .p-lg-2 { padding: .5rem !important } .pt-lg-2, .py-lg-2 { padding-top: .5rem !important } .pr-lg-2, .px-lg-2 { padding-right: .5rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem !important } .pl-lg-2, .px-lg-2 { padding-left: .5rem !important } .p-lg-3 { padding: 1rem !important } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important } .m-lg-n1 { margin: -.25rem !important } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem !important } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem !important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem !important } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem !important } .m-lg-n2 { margin: -.5rem !important } .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem !important } .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem !important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem !important } .ml-lg-n2, .mx-lg-n2 { margin-left: -.5rem !important } .m-lg-n3 { margin: -1rem !important } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important } .m-lg-n4 { margin: -1.5rem !important } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important } .m-lg-n5 { margin: -3rem !important } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important } .m-lg-auto { margin: auto !important } .mt-lg-auto, .my-lg-auto { margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important } .mt-xl-0, .my-xl-0 { margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important } .m-xl-1 { margin: .25rem !important } .mt-xl-1, .my-xl-1 { margin-top: .25rem !important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important } .m-xl-2 { margin: .5rem !important } .mt-xl-2, .my-xl-2 { margin-top: .5rem !important } .mr-xl-2, .mx-xl-2 { margin-right: .5rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem !important } .ml-xl-2, .mx-xl-2 { margin-left: .5rem !important } .m-xl-3 { margin: 1rem !important } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important } .p-xl-0 { padding: 0 !important } .pt-xl-0, .py-xl-0 { padding-top: 0 !important } .pr-xl-0, .px-xl-0 { padding-right: 0 !important } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important } .pl-xl-0, .px-xl-0 { padding-left: 0 !important } .p-xl-1 { padding: .25rem !important } .pt-xl-1, .py-xl-1 { padding-top: .25rem !important } .pr-xl-1, .px-xl-1 { padding-right: .25rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important } .pl-xl-1, .px-xl-1 { padding-left: .25rem !important } .p-xl-2 { padding: .5rem !important } .pt-xl-2, .py-xl-2 { padding-top: .5rem !important } .pr-xl-2, .px-xl-2 { padding-right: .5rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem !important } .pl-xl-2, .px-xl-2 { padding-left: .5rem !important } .p-xl-3 { padding: 1rem !important } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important } .m-xl-n1 { margin: -.25rem !important } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem !important } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem !important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem !important } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem !important } .m-xl-n2 { margin: -.5rem !important } .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem !important } .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem !important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem !important } .ml-xl-n2, .mx-xl-n2 { margin-left: -.5rem !important } .m-xl-n3 { margin: -1rem !important } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important } .m-xl-n4 { margin: -1.5rem !important } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important } .m-xl-n5 { margin: -3rem !important } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important } .m-xl-auto { margin: auto !important } .mt-xl-auto, .my-xl-auto { margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important } .text-justify { text-align: justify !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } @media (min-width: 576px) { .text-sm-left { text-align: left !important } .text-sm-right { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width: 768px) { .text-md-left { text-align: left !important } .text-md-right { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width: 992px) { .text-lg-left { text-align: left !important } .text-lg-right { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important } .text-xl-right { text-align: right !important } .text-xl-center { text-align: center !important } } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .font-weight-light { font-weight: 300 !important } .font-weight-lighter { font-weight: lighter !important } .font-weight-normal { font-weight: 400 !important } .font-weight-bold { font-weight: 700 !important } .font-weight-bolder { font-weight: bolder !important } .font-italic { font-style: italic !important } .text-white { color: #fff !important } .text-primary { color: #007bff !important } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important } .text-secondary { color: #6c757d !important } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important } .text-success { color: #28a745 !important } a.text-success:hover, a.text-success:focus { color: #19692c !important } .text-info { color: #17a2b8 !important } a.text-info:hover, a.text-info:focus { color: #0f6674 !important } .text-warning { color: #ffc107 !important } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important } .text-danger { color: #dc3545 !important } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important } .text-light { color: #f8f9fa !important } a.text-light:hover, a.text-light:focus { color: #cbd3da !important } .text-dark { color: #343a40 !important } a.text-dark:hover, a.text-dark:focus { color: #121416 !important } .text-body { color: #212529 !important } .text-muted { color: #6c757d !important } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .text-decoration-none { text-decoration: none !important } .text-break { word-break: break-word !important; overflow-wrap: break-word !important } .text-reset { color: inherit !important } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mw-100 { max-width: 100% !important } .mh-100 { max-height: 100% !important } .min-vw-100 { min-width: 100vw !important } .min-vh-100 { min-height: 100vh !important } .vw-100 { width: 100vw !important } .vh-100 { height: 100vh !important } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: -webkit-sticky !important; position: sticky !important } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .visible { visibility: visible !important } .invisible { visibility: hidden !important } /* ------------------------------------------ */ .header { position: sticky; top: 0; z-index: 50; background-color: #fff; padding: 0 !important; } .link__text { font-size: 13px; } .header__top { padding: 6px 0; } @media (max-width: 1024px) { .header__mid-links, .call-whats-app { display: none !important; } } .header__phone-mobile { display: none; } @media (max-width: 1024px) { .header__phone { display: none !important; } .header__phone-mobile { display: block; } .header__phone-mobile svg { width: 20px; height: 20px; } } .header__top-wrap { background-color: #3D5C5E; } @media (max-width: 1024px) { .header__top-wrap { display: none; } } .header__phone-text { display: block; color: #e22227; font-size: 16px; text-align: right; text-decoration: underline; cursor: pointer; border: none; } .header__phone-text:hover { background: none; color: #e22228; } .header__phone { margin: 0 0 0 11%; } @media (max-width: 1280px) { .header__phone { margin: 21px 0 0 5%; } } .header__mid { padding: 17px 0 16px; line-height: 1.2; } @media (max-width: 1024px) { .header__mid { justify-content: space-between; } } .header__menu { position: relative; } .header__menu-wrap { background: linear-gradient(180deg, #8CC63E 0%, #399348 100%); padding: 12px 0; position: relative; } .header__menu-wrap .drop-menu { position: absolute; top: 50px; left: 0; background: #FFFFFF; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); width: 100%; z-index: 20; padding: 60px 0; display: none; } .header__menu-wrap .drop-menu.show { display: block; } .header__menu-wrap .drop-menu__left { margin-right: 117px; } .header__menu-wrap .drop-menu__link { display: block; font-weight: 400; color: #3b5d5d; font-size: 16px; text-transform: uppercase; margin-bottom: 30px; } .header__menu-wrap .drop-menu__link:hover { color: #399348; } .header__menu-wrap .drop-menu__body { display: flex; } @media (max-width: 1024px) { .header__menu-wrap { display: none !important; } } .logo { display: block; margin-right: 5%; } .logo img { margin-bottom: 5px; } @media (max-width: 1280px) { .logo { margin-right: 4%; } } .breadcrubms { display: flex; align-items: center; margin-top: 20px; margin-bottom: 25px; overflow: auto; font-weight: 400; } .breadcrubms::-webkit-scrollbar { display: none; } @media (max-width: 1024px) { .breadcrubms { margin-bottom: 20px; padding-bottom: 15px; } } .breadcrubms a { font-size: 13px; color: #959595; margin-right: 11px; flex-shrink: 0; display: flex; } .breadcrubms a:hover { color: #3d5c5e; } .breadcrubms a:first-child:before { display: none; } .breadcrubms a:before { content: '-'; display: block; font-size: 13px; text-transform: uppercase; color: #959595; margin-right: 11px; flex-shrink: 0; } .breadcrubms span { font-size: 13px; color: #959595; display: flex; flex-shrink: 0; } .breadcrubms span:before { content: '-'; display: block; font-size: 13px; text-transform: uppercase; color: #000000; margin-right: 11px; flex-shrink: 0; } .button-header { background: #3D5C5E; border-radius: 20px; width: 212px; height: 35px; font-size: 14px; text-transform: uppercase; color: #ffffff; border: none; margin: 0 auto; cursor: pointer; } .button-header-wrap { margin: 0 auto; } .button-header + .button-header { margin-top: 15px; } .button-header:hover { color: #8cc638; } @media (max-width: 1280px) { .button-header { width: 179px; font-size: 13px; } } @media (max-width: 1024px) { .button-header { display: none !important; } } .mid-link { color: #0c0c0c; font-size: 15px; font-weight: 400; border: 0; } .mid-link:hover { background: none; } @media (max-width: 1280px) { .mid-link { font-size: 14px; } } .mid-link:first-child { margin-right: 29px; } .mid-link:hover { color: #8cc638; } .link-phone { color: #0c0c0c; font-size: 21px; } @media (max-width: 1280px) { .link-phone { font-size: 17px; } } .link-phone__link { color: #0c0c0c; font-size: 21px; border: none; line-height: 1.3; } .link-phone__link:hover { background: none; } .link-phone:hover .link-phone__link { color: #8cc638; } .basket-block { position: relative; /* cursor: pointer; */ } .basket-block:first-child { margin-right: 27px; } @media (max-width: 1024px) { .basket-block:first-child { display: none; } } .basket-block:last-child { margin-right: 11px; } .basket-block__count { display: flex; justify-content: center; align-items: center; background: #3D5C5E; border: 1px solid #FFFFFF; min-width: 22px; height: 22px; color: #ffffff; font-size: 13px; border-radius: 50px; font-weight: 400; position: absolute; top: -10px; right: -13px; } .basket-block:hover .basket-block__count { color: #8cc638; } .link--top { color: #fff; font-weight: 400; font-size: 15px; } @media (max-width: 1280px) { .link--top { font-size: 13px; } } .link--top:hover { color: #8cc638; } .header__top-left .link--top { margin-right: 60px; font-size: 15px; } @media (max-width: 1280px) { .header__top-left .link--top { margin-right: 32px; } } .header__top-left .link--top:last-child { margin-right: 0; } .header__top-right .link--top { margin-right: 45px; font-size: 15px; } @media (max-width: 1280px) { .header__top-right .link--top { margin-right: 29px; } } .header__top-right .link--top:last-child { margin-right: 0; } .link--menu { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); font-size: 13px; text-transform: uppercase; color: #ffffff; border-right: 1px solid #8CC63E !important; padding: 5px 9.2px; font-weight: 400; border-bottom: none !important; line-height: 1.24; } .link--menu:last-child { border: none !important; } @media (max-width: 1300px) { .link--menu { font-size: 11px; } } .car-link { color: #fff; font-size: 14px; text-transform: uppercase; font-weight: normal; } .link--menu:hover { text-decoration: underline; background: none !important; } .link--menu:first-child .link__icon { height: 26px; width: 29px; } .link--menu:first-child .link__icon img { width: 100%; height: 100%; } span.link__icon img:only-child { vertical-align: unset; } .burger { display: none; } @media (max-width: 1024px) { .burger { display: block; } } /* width */ ::-webkit-scrollbar { width: 8px; padding: 0 2px; } /* Track */ ::-webkit-scrollbar-track { background: #F7F7F7; width: 8px !important; } /* Handle */ ::-webkit-scrollbar-thumb { background: #8CC63E; border-radius: 5px; width: 7px !important; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #8CC63E; border-radius: 5px; width: 7px !important; } .header { /*font-family: Futura PT, Helvetica Neue, sans-serif;*/ font-family: Rubik, Helvetica Neue, sans-serif; margin: 0; font-size: 1rem; box-sizing: border-box; font-weight: 700; width: 100%; height: 100%; background-color: #fff; } .header a:hover, .header a:hover u { background-size: 0%; } .header a, .header a u { border: none; } .link--menu:first-child { margin-right: 22px; border: none !important; padding: 0; } .header__top-left .link--top .link__icon { color: #fff; font-weight: 400; font-size: 15px; padding-left: 4px; } .header__top-left .link--top .link__icon img { display: inline-block; max-width: 100%; height: 9px; } .link--pic img { width: 20px; height: 20px; vertical-align: top; } .link-phone__icon { display: flex; margin-bottom: 5px; } .mid-link__icon { display: flex; } .mid-link__icon img { height: 20px; width: 20px; margin-bottom: 3px; } .basket-block__img { display: flex; } .basket-block__img img { height: 24px; width: 24px; margin-bottom: 3px; } .basket-block__img svg { display: none; } .basket-block__count .amount-count { top: 3px; right: 3px; font-size: 13px; background-color: unset; } .basket-block:hover .basket-block__count .amount-count { color: #8cc638; } .mobile-menu .mobile-menu__link { border: none !important; } .title { color: #0c0c0c; font-weight: 600; font-size: 30px; text-transform: uppercase; margin-bottom: 35px; /*font-family: 'Futura PT';*/ font-family: 'Rubik'; } @media (max-width: 1024px) { .title { font-size: 22px } .basket-block__img img { display: none; } .basket-block__img svg { display: block; width: 20px; height: 20px; } .basket-block__count { background: #8cc63e; border: 0 none; min-width: 16px; height: 16px; font-size: 9px; } } .mobile-menu { position: fixed; width: 100%; top: 0; left: -200%; z-index: 150; background: linear-gradient(180deg, #8cc63e, #399348); overflow-y: auto; overflow-x: hidden; padding: 28px 14px; height: 0; opacity: 0 } .mobile-menu, .mobile-menu.show { transition: height .25s ease, opacity .25s ease } .mobile-menu.show { height: 100vh; opacity: 1 } .mobile-menu__items { padding: 25px 0; border-bottom: 1px solid #fff } .mobile-menu__items--non-border { border-bottom: none } .mobile-menu__top { padding-top: 0 } .mobile-menu__link-ar { display: flex; justify-content: center; align-items: center; width: 29px; height: 29px; background-color: #fff; border-radius: 50px; margin-left: auto } .mobile-menu__back .mobile-menu__link-ar { margin: 0 19px 0 0 } .mobile-menu__back .mobile-menu__link-ar img { transform: scaleX(-1); margin: 0 0 0 -2px } .mobile-menu__main, .mobile-menu__main.hide { transition: transform .25s ease } .mobile-menu__main.hide { transform: translateX(-120%) } .mobile-menu .lang { display: flex !important; padding: 0 40px 70px } @media (max-width: 1100px) { .mobile-menu { display: block } } .mobile-menu__title { font-size: 28px; font-weight: 700; padding-bottom: 25px; position: relative; width: 100%; color: #fff } .mobile-menu__title:after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% + 52px); height: 1px; background-color: #2994d8 } .mobile-menu .link { justify-content: flex-start !important; background-color: #eee; color: #262c32; border-color: #c2c2c2; width: calc(100% + 52px); margin: 0 0 0 -25px; padding: 18px 24px } .mobile-menu .link svg { margin: 0 0 0 auto } .mobile-menu__main { display: flex; flex-direction: column; height: 100% } .mobile-menu .js-mmenu-hide { position: absolute; top: 20px; right: 20px; z-index: 5; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px } .mobile-menu .js-mmenu-hide img { width: 100%; height: 100% } .mobile-menu.show { left: 0; transition: left .25s ease } .mobile-menu__back { display: flex; align-items: center; font-size: 18px; font-weight: 400; color: #fff; padding-bottom: 24px; margin-bottom: 27px; border-bottom: 1px solid #659fd6 } .mobile-menu__inner { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background-color: #399348; padding: 28px 14px; transition: left .25s ease } .mobile-menu__inner.show { left: 0; transition: left .25s ease } .mobile-menu__inner-menu { display: none; padding: 0 0 80px } .mobile-menu__inner-menu.show { display: block } .mobile-menu__link { display: flex; align-items: center; color: #fff; font-size: 20px; font-weight: 400; margin-bottom: 13px; padding: 0 0 0 30px; } .mobile-menu__link svg { width: 10px; height: 13px; fill: #fff; margin-left: 25px; margin-top: -2px } .mobile-menu__top .mobile-menu__link { font-weight: 400 } .mobile-menu__top .mobile-menu__link:last-child { margin-bottom: 0 } .mobile-menu__item { display: flex; align-items: center; font-size: 20px; color: #fff; text-transform: uppercase; font-weight: 900; margin-bottom: 15px; margin-left: 27px } .mobile-menu__item:before { content: ""; width: 12px; height: 12px; background-color: #313130; margin-right: 10px; margin-top: -3px } .prod-item { font-weight: 400; display: block; position: relative } .prod-item__category { color: #1e1e1e; font-size: 16px; font-weight: 400; background: #fff; border-radius: 10px 10px 0 0; height: 27px; display: flex; justify-content: center; align-items: center; position: absolute; bottom: -2px; left: 10px; padding: 0 16px } .prod-item .inner-block__check { margin-bottom: 15px } .prod-item .inner-block__check img { width: 15px !important; height: 15px !important; } .prod-item__hover { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 0) 100%); /* backdrop-filter: blur(4px); */ flex-direction: column; justify-content: flex-end; box-shadow: 0 0 12px rgb(140 198 62 / 80%); border-radius: 10px; opacity: 0; display: none; transition: opacity 0.25s; flex-direction: column; justify-content: flex-end; } .prod-item__hover:hover { opacity: 1; } .prod-item__hover .prod-item__body { border: none } .prod-slider__wrap .prod-item__prices { align-items: flex-start; } .prod-slider__wrap .prod-item__body { min-height: 240px; } .prod-slider__wrap .prod-item__name { min-height: 48px; } .prod-slider__wrap .prod-item__price-1 { font-size: 24px; } .prod-slider__wrap .prod-item__price-2 { font-size: 20px; } .prod-slider__wrap .prod-item:hover .prod-item__hover { /* padding-top: 230px; */ } .prod-item__hover .prod-item__price-1 { color: #e22227; position: relative } .prod-item__hover .prod-item__price-1.grey-green { color: #3b5d5d; } .slick-track { padding-bottom: 20px; } .prod-item__hover .prod-item__price-1 .priceab { position: absolute; top: -9px; right: -9px; font-size: 14px; color: #3b5d5d; text-decoration: line-through; } .prod-item__hover .prod-item__price-1 .priceab span { font-size: 12px; font-weight: 300 } .prod-item__hover .prod-item__button--blue { background: linear-gradient(180deg, #3c5e5e, #0a2929) } @media (min-width: 1025px) { .prod-item:hover .prod-item__hover { display: flex; /* padding-top: 250px; */ } } .prod-item__marks { position: absolute; z-index: 2; left: -6px; top: 9px } .prod-item__marks img { display: block; margin-bottom: -1px } @media (max-width: 480px) { .prod-item__marks img { max-width: 80px } } .prod-item__pic { position: relative; display: block; } .prod-item__pic, .prod-item__pic > img { width: 100%; border-radius: 10px 10px 0 0 } .prod-item__pic > img { display: block } .prod-item__likas { position: absolute; z-index: 2; top: 15px; right: 15px; cursor: pointer; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: .15s ease; transition-property: background-color; background-color: #fff; -webkit-mask-image: url(/assets/img/likas.svg); mask-image: url(/assets/img/likas.svg) } .liked .prod-item__likas, .prod-item__likas:hover { background-color: #fff } .prod-item__likas .bookmark-link2 { margin-left: 0; } .prod-item__likas .bookmark-link2.bookmark-link--active { background: #8cc63e; } .prod-item__vids { position: absolute; z-index: 2; right: 15px; top: 50px } .prod-item__prices { display: flex; justify-content: space-between; align-items: flex-end; margin: 0 0 6px } .prod-item__body { padding: 7px 20px 17px; border: 1px solid #ececec; box-sizing: border-box; border-radius: 0 0 10px 10px } .prod-item__name { color: #1e1e1e !important; font-size: 17px; font-weight: 700; margin: 0 0 5px; display: block; } @media (max-width: 1024px) { .prod-item__name { font-size: 14px } } .prod-item__mid { display: flex; justify-content: space-between; align-items: center; margin: 14px 0 23px } .prod-item__mid img { display: block; margin: 0 11px 0 0 } .prod-item__mid img:nth-child(2) { width: 27px !important; height: 20px } .prod-item__mid img:last-child { margin: 0 } .prod-item__gift { display: flex; margin: 20px 0 } .prod-item__gift img { margin-right: 15px; width: 32px !important; height: 33px !important; } .prod-item__gift span { font-size: 14px; color: #0c0c0c } .prod-item .rating { font-weight: 700 } .prod-item__price-1 { color: #8cc63e; font-size: 30px } @media (max-width: 1024px) { .prod-item__price-1 { font-size: 24px } } .prod-item__price-1 span { font-size: 17px } .prod-item__price-1 .prod-item__price-text { color: #888; font-size: 13px } .prod-item__price-2 { color: #3b5d5d; font-size: 24px } .prod-item__price-2 span { font-size: 17px } .prod-item__price-2 .prod-item__price-text { color: #3b5d5d; font-size: 13px } .prod-item__table { margin: 0 0 20px } .prod-item__table-item { display: flex; align-items: flex-end; width: 100%; margin: 0 0 2px } .prod-item__table-item div { font-size: 16px } @media (max-width: 1024px) { .prod-item__table-item div { font-size: 14px } } .prod-item__table-item div:first-child { display: flex; font-weight: 400; color: #3b5d5d; flex-shrink: 0 } .prod-item__table-item div:first-child span { flex-shrink: 0; display: block } .prod-item__table-item div:nth-child(2) { display: block; width: 100%; border-bottom: 1px dotted #7a7a7a; margin: 0 6px 4px } .prod-item__table-item div:nth-child(3) { color: #8c8c8c; font-weight: 400; font-size: 16px; flex-shrink: 0 } @media (max-width: 1024px) { .prod-item__table-item div:nth-child(3) { font-size: 14px } } .prod-item__button { display: flex; justify-content: center; align-items: center; background: linear-gradient(180deg, #8cc63e, #399348); box-shadow: inset 0 0 8px rgba(0, 0, 0, .25); border-radius: 20px; width: 100%; height: 42px; font-size: 16px; text-transform: uppercase; text-align: center; color: #fff; border: none; margin: 9px 0 0; cursor: pointer } @media (max-width: 1280px) { .prod-item__button { font-size: 14px } } @media (max-width: 767px) { .prod-item__button { display: none; font-size: 12px } .mob-numb-btn .prod-item__button { display: flex; width: 48%; margin-top: 0 } } .prod-item__button:hover { background: #0c0c0c } .tinka-block__body { max-height: 260px; overflow: hidden } .tinka-block__body.show { max-height: none; overflow: initial } .tinka-block h2 { font-size: 30px; color: #0c0c0c } .tinka-block p { font-weight: 300; line-height: 1.1; margin: 0 0 15px } .filter-block { margin: -7px 0 58px } .filter-block__filt { display: flex } .filter-block__filt .button--filter { display: none; justify-content: center; background: linear-gradient(180deg, #8cc63e, #399348); box-shadow: inset 0 0 8px rgba(0, 0, 0, .25); border-radius: 20px; width: 130px; height: 40px; align-items: center; font-size: 10px; text-transform: uppercase; text-align: center; color: #fff; border: none; cursor: pointer; margin-right: 10px } @media (max-width: 1024px) { .filter-block__filt .button--filter { display: flex } } .filter-block__filter-btns { justify-content: space-between; margin: 0 auto 30px; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; display: none } @media (max-width: 460px) { .filter-block__filter-btns { flex-direction: column; display: flex } } .filter-block__filter-btns .form { width: 46%; display: none } @media (max-width: 460px) { .filter-block__filter-btns .form { width: 100% } } @media (max-width: 1024px) { .filter-block__filter-btns .form { display: flex; align-items: center } } .filter-block__filter-btn { width: 46%; display: none } @media (max-width: 460px) { .filter-block__filter-btn { width: 100%; margin-bottom: 15px } } @media (max-width: 1024px) { .filter-block__filter-btn { display: block } } .filter-block__top { display: flex; border-bottom: 1px solid #e6e6e6; margin-bottom: 22px } @media (max-width: 1024px) { .filter-block__top { display: none } } .filter-block__linkes { width: 100%; display: flex; flex-wrap: wrap } .filter-block__link { display: flex; align-items: center; color: #0c0c0c; margin-right: 15px; font-weight: 400 } .filter-block__linkes .filter-block__link { display: flex; align-items: center; color: #0c0c0c; font-weight: 400; margin: 0; } .filter-block__linkes .filter-params__item { margin: 0 15px 0 0; } .filter-block__linkes .filter-params__item-label { display: flex; border: none; color: #0c0c0c; background-color: unset !important; height: 100%; align-items: center; padding-left: 0; } .filter-block__linkes .filter-params__item-close:hover + .filter-params__item-label { color: red; } .filter-block__linkes .filter-params__item-close { display: flex; align-items: center; justify-content: center; top: 12px; right: 10px; background: url(/assets/img/close.svg); background-repeat: no-repeat; background-position: center center; height: 10px; width: 10px; border-radius: 0; } .filter-block__linkes .filter-params__item-close img { margin: 0; } @media (max-width: 640px) { .filter-block__link { font-size: 14px } } .filter-block__link img { margin-left: 10px; margin-top: 3px } .filter-block__link:hover { color: red } .filter-block__clear-block { display: flex; justify-content: space-between; border-top: 1px solid #e6e6e6; padding-top: 20px; margin-top: 20px; font-weight: 400 } @media (max-width: 640px) { .filter-block__clear-block { flex-direction: column } } .filter-block__clear { display: flex; justify-content: center; align-items: center; width: 248px; height: 35px; border: 1px solid #d6d6d6; box-sizing: border-box; border-radius: 20px; font-size: 16px; color: #bdbdbd; margin-left: 20px; flex-shrink: 0 } @media (max-width: 640px) { .filter-block__clear { margin-left: 0; margin-top: 30px } } .filter-block__right { grid-column-start: 2; grid-column-end: 6; } @media (max-width: 1024px) { .filter-block__right { grid-column-start: 1; grid-column-end: 6; } } .filter-block__togh { display: flex; flex-wrap: wrap; margin-top: 17px; /*font-family: 'Futura PT';*/ font-family: 'Rubik'; } .filter-block__togh span { font-size: 16px; color: #0c0c0c } @media (max-width: 640px) { .filter-block__togh span { font-size: 14px; width: 100%; margin-bottom: 15px } } .filter-block__togh a { font-size: 16px; color: rgba(12, 12, 12, .5); text-decoration: underline; margin: 0 5px 5px; font-weight: 400 } @media (max-width: 640px) { .filter-block__togh a { font-size: 14px; width: 45%; margin: 0 5px 10px } } .filter-block__form { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 4; max-width: 275px; } @media (max-width: 1024px) { .filter-block__form { width: 100%; position: fixed; box-shadow: 0 0 10px rgba(0, 0, 0, .1); background-color: #fff; z-index: 20; top: 78px; left: -150%; transition: left .15s linear; height: calc(100vh - 78px); overflow: hidden; overflow: auto; padding: 39px 28px; max-width: unset; } .filter-block__form.show { left: 0; transition: left .15s linear } } .filter-block__select { max-width: 201px; width: 100%; cursor: pointer; margin-left: auto } .filter-block__select-arrows { display: flex; align-items: center; margin-right: 7px } .filter-block__grid-ajax, .filter-block__grid { display: grid; width: 100%; grid-template-columns: repeat(3, 1fr); position: relative; grid-gap: 26px; margin-top: 20px } @media (max-width: 720px) { .filter-block__grid { grid-template-columns: repeat(2, 1fr); grid-gap: 10px } } @media (max-width: 640px) { .filter-block__grid .prod-item__body { padding: 7px 10px 17px } .filter-block__grid .prod-item__mid { display: none } .filter-block__grid .prod-item__pic { /* height: 150px; */ } .filter-block__grid .prod-item__pic img { height: 100%; object-fit: cover } .filter-block__grid .prod-item__price-1, .filter-block__grid .prod-item__price-1 span, .filter-block__grid .prod-item__price-2, .filter-block__grid .prod-item__price-2 span { font-size: 20px; } .filter-block__grid .prod-item__price-text { font-size: 10px } .filter-block__grid .prod-item__name { font-size: 20px; } } .filter-block__more { display: flex; justify-content: center; background: linear-gradient(180deg, #8cc63e, #399348); box-shadow: inset 0 0 8px rgba(0, 0, 0, .25); border-radius: 20px; width: 224px; height: 40px; align-items: center; font-size: 15px; text-transform: uppercase; text-align: center; color: #fff; border: none; cursor: pointer; margin: 0 15px; font-weight: 600 } @media (max-width: 1280px) { .filter-block__more { font-size: 14px } } @media (max-width: 640px) { .filter-block__more { margin: 15px 0 } } .filter-block__more:hover { background: #0c0c0c } .filter-block__showe { font-size: 15px; color: #7a7a7a; font-weight: 400 } .filter-block__pagination { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #e6e6e6; padding-top: 20px; margin-top: 40px } @media (max-width: 640px) { .filter-block__pagination { flex-direction: column } } .filter-block__pagination .pagination { margin: 0 } .filter-block__body { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(1, 1fr); grid-column-gap: 40px; grid-auto-rows: auto; } .tinka-block__body { max-height: 260px; overflow: hidden } .tinka-block__body.show { max-height: none; overflow: initial } .tinka-block h2 { font-size: 30px; color: #0c0c0c } .tinka-block p { font-weight: 300; line-height: 1.1; margin: 0 0 15px } .banner-list { position: relative; height: 99% } .banner-list, .banner-list img { display: block; width: 100%; border-radius: 10px } .banner-list img { height: 100%; object-fit: cover } .banner-list__text { font-size: 30px; text-align: center; position: absolute; text-transform: uppercase; font-weight: 400; z-index: 2; left: 50%; color: #fff; top: 50%; transform: translate(-50%, -50%) } @media (max-width: 640px) { .banner-list__text { font-size: 20px } } .banner-list__more { display: flex; justify-content: center; text-transform: uppercase; align-items: center; font-weight: 400; position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); bottom: 16px; height: 43px; width: 90%; background: hsla(0, 0%, 100%, .01); border: 1px solid #fff; box-sizing: border-box; backdrop-filter: blur(10px); border-radius: 17px; font-size: 16px; color: #fff } .filter { width: 100%; position: relative; padding-bottom: 40px } .filter__price { margin: -26px 0 0 } .filter__orbtn { display: flex; justify-content: center; align-items: center; color: #fff; width: 243px; height: 35px; background: linear-gradient(180deg, #fab718, #ce940a); border-radius: 17px; margin: -7px 0 0 } .filter__shower { display: inline-flex; justify-content: flex-end; position: sticky; z-index: 4; left: 100%; top: 100px; transform: translateX(calc(100% + 30px)); opacity: 0; visibility: hidden; height: 27px } @media (max-width: 1024px) { .filter__shower { display: none; height: 50px; top: 93%; width: 100%; max-width: 100%; transform: none } } .filter__shower.show { opacity: 1; visibility: visible } .filter__shower:after { content: ""; position: absolute; background: #367ec2; left: -10px; top: 4px; width: 19px; height: 19px; transform: rotate(45deg) } @media (max-width: 1024px) { .filter__shower:after { display: none } } .filter__shower:hover .filter__shower-body, .filter__shower:hover:after { background-color: red } .filter__shower:hover span { text-decoration: underline } .filter__shower-body { display: inline-flex; position: relative; z-index: 2; align-items: center; font-size: 13px; color: #fff; font-weight: 500; background: #367ec2; border-radius: 0 25px 25px 0; padding: 3px 14px 3px 0 } @media (max-width: 1024px) { .filter__shower-body { width: 100%; border-radius: 0; font-size: 18px; justify-content: center } } .filter__shower-body a { font-size: 13px; color: #fff; font-weight: 500; text-transform: uppercase } .filter__shower-count { border-right: 1px solid #ececec; padding: 3px 10px; margin-right: 11px } .filter__checkers { max-height: 197px; overflow: auto; overflow-x: hidden; margin-bottom: 16px } .filter__price-inputs { display: flex; align-items: center; justify-content: space-between; margin: 6px 0 13px } .filter__price-ok { display: flex; justify-content: center; align-items: center; font-size: 15px; color: #fff; text-transform: uppercase; width: 62px; height: 40px; background: linear-gradient(180deg, #8cc63e, #399348), #8cc63e; border-radius: 20px; cursor: pointer; font-weight: 400 } .filter__price-ok:hover { background: #000 } .filter__price-input { display: flex; align-items: center } .filter__price-input span { display: block; margin-right: 8px; font-size: 15px; font-weight: 400; color: #000 } .filter__price-input input { width: 80px; height: 40px; border: 1px solid #e6e6e6; border-radius: 25px; text-align: center; font-size: 15px; font-weight: 400; color: #0c0c0c; pointer-events: none } .filter-close { position: absolute; top: 15px; right: 15px; display: none; } .filter-close img { width: 20px; height: 20px } @media (max-width: 1024px) { .filter-close { display: block } } .accordion-block { border-bottom: 1px solid #e6e6e6; margin-bottom: 29px; padding-bottom: 10px } .accordion-block__title { display: flex; align-items: center; padding-bottom: 22px; cursor: pointer; color: #0c0c0c; font-size: 20px; font-weight: 400 } .accordion-block__title span { opacity: .5; font-size: 17px; margin-left: 10px } .accordion-block__title img { transform: scaleY(-1); margin-left: auto } .open .accordion-block__title img { transform: none } .accordion-block__title:hover { color: #367ec2 } input[type=checkbox] { display: none } input[type=checkbox] + label { display: flex; cursor: pointer; color: #000; font-size: 16px; position: relative; margin-bottom: 12px; font-weight: 400; text-transform: uppercase } input[type=checkbox] + label.form__field-labtn { text-transform: none } input[type=checkbox] + label span { opacity: .7; margin-left: 7px } input[type=checkbox] + label:active:before { transform: scale(0) } .checkbox-wrap label { position: relative; padding: 0 0 0 25px; } .checkbox-wrap label span { position: absolute; left: 0; top: 0; } input[type=checkbox] + label:before, .checkbox-wrap input[type=checkbox] + span:before { content: ""; display: flex; justify-content: center; align-items: center; border: 1px solid #e1e1e1; background-color: #fff; border-radius: 3px; flex-shrink: 0; width: 18px; height: 18px; font-size: 10px; margin-right: 10px; margin-top: 1px; color: transparent; transition: .2s } input[type=checkbox] + label:after, .checkbox-wrap input[type=checkbox] + span:after { background-image: url(/assets/img/check2.svg); background-repeat: no-repeat; background-position: 50%; background-color: #8cc63e; content: ""; width: 18px; height: 18px; position: absolute; left: 0; top: 1px; opacity: 0 } input[type=checkbox] + label.disabled { pointer-events: none; color: #bdbdbd; } input[type=checkbox] span { display: inline-block; line-height: 1.3 } @media (max-width: 755px) { input[type=checkbox] span { width: 183px } } input[type=checkbox]:checked + label span { opacity: 1 } input[type=checkbox]:checked + label:before, .checkbox-wrap input[type=checkbox]:checked + span:before { background-color: #fff; color: #000 } input[type=checkbox]:checked + label:after, .checkbox-wrap input[type=checkbox]:checked + span:after { opacity: 1 } .form { width: 100% } .form__scroll { width: 100%; max-height: 210px; overflow-y: auto } .form--sort { display: flex } .form--sort select { font-size: 14px; color: #23282f; font-weight: 400; width: auto; min-width: 139px; margin-left: auto } .form__block { position: relative } .form__block--check-cirkle { margin-bottom: 22px } .order-block__payment .form__block--check-cirkle { width: 48% } .form__block--check-cirkle input[type=radio] + label { display: flex; cursor: pointer; color: #000; font-size: 16px; font-weight: 400; position: relative } .form__block--check-cirkle input[type=radio] + label span span { font-size: 14px; color: #909090 } .form__block--check-cirkle input[type=radio] + label a { color: #000; display: inline-block; margin-left: 5px; font-size: 15px; font-weight: 400 } @media (max-width: 755px) { .form__block--check-cirkle input[type=radio] + label a { margin-left: 0 } } .form__block--check-cirkle:hover input[type=radio] + label { color: #367ec2 } .form__block--check-cirkle input[type=radio] { display: none } .form__block--check-cirkle input[type=radio] + label:before { content: ""; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(0, 0, 0, .1); flex-shrink: 0; width: 30px; height: 30px; font-size: 16px; border-radius: 50px; margin-right: 15px; color: transparent; transition: .2s } .form__block--check-cirkle input[type=radio] + label:after { background-color: #8cc63e; background-repeat: no-repeat; background-position: 50%; content: ""; width: 13px; height: 13px; border-radius: 50px; position: absolute; left: 8px; top: 8px; background-image: url(/assets/img/icons/check.svg); opacity: 0 } .form__block--check-cirkle input[type=radio] + label span { display: inline-block; line-height: 1.3 } .form__block--check-cirkle input[type=radio] + label:active:before { transform: scale(0) } .form__block--check-cirkle input[type=radio]:checked + label:before { background-color: #fff; color: #000 } .form__block--check-cirkle input[type=radio]:checked + label:after { opacity: 1 } .form__block--check-cirkle input[type=radio]:checked + label { color: #367ec2 } .form__block--uniq-check { position: relative; cursor: pointer } .form__block--uniq-check input[type=checkbox] { display: none } .form__block--uniq-check input[type=checkbox] + label:before { content: ""; display: flex; justify-content: center; align-items: center; width: 49px; height: 26px; background: #c4c4c4; border-radius: 50px; cursor: pointer } .form__block--uniq-check input[type=checkbox] + label:after { content: ""; background-color: #fff; width: 22px; height: 22px; border-radius: 50px; position: absolute; top: 50%; transform: translateY(-50%); left: 2px; transition: left .15s linear; cursor: pointer } .form__block--uniq-check input[type=checkbox] + label span { display: inline-block; line-height: 1.3 } .form__block--uniq-check input[type=checkbox]:checked + label:before { background-color: #367ec2 } .form__block--uniq-check input[type=checkbox]:checked + label:after { left: 24px; transition: left .15s linear } .form__block--input { margin-bottom: 15px } .form__block--input span { display: block; margin-bottom: 15px; color: #b0b0b0; font-weight: 400 } .form__block-label { position: absolute; background-color: #fff; top: -9px; left: 20px; z-index: 2; font-size: 12px; color: #b0b0b0; padding: 3px 12px; font-weight: 400 } .form__field--input { width: 100%; height: 47px; border: 1px solid rgba(0, 0, 0, .1); border-radius: 25px; padding-left: 27px; color: #5c6d7d; font-size: 16px; font-weight: 400; position: relative } .form__field--input::placeholder { color: #5c6d7d; font-size: 16px; font-weight: 400 } .irs-line { height: 3px !important; background: #8cc63e !important; border-radius: 4px !important } .irs-bar { display: none } .irs-handle { cursor: pointer; width: 20px !important; height: 20px !important; background: #fff !important; border: 3px solid #8cc63e !important } .irs-handle, .irs-handle:hover { transition: background .2s linear } .irs-handle:hover { background: #8cc63e !important } .irs--big .irs-handle { top: 23px !important } .form--sort select { font-size: 14px; color: #23282f; font-weight: 400; width: auto; min-width: 139px; margin-left: auto } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/assets/css/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/assets/fonts/slick.eot'); src: url('/assets/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/slick.woff') format('woff'), url('/assets/fonts/slick.ttf') format('truetype'), url('/assets/fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 20px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .prod-slider { background-color: #f8f8f8; margin: 53px 0 0; padding: 60px 0 } .prod-slider__title { font-size: 30px; color: #0c0c0c; text-transform: uppercase; margin: 0; } .prod-slider__slider { margin: 38px 0 0 } .catalog-video { margin: 50px 0; } .catalog-video .item { position: relative; padding: 28% 50%; } .catalog-video .item .video-frame { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .catalog-video .item .video-frame iframe { left: 50%; top: 50%; } .object-slider { } .object-slider .item { padding: 30% 50%; background-size: cover; background-position: center; background-repeat: no-repeat; display: block; } .catalog-objects .arrows { display: flex; flex-direction: row; justify-content: center; margin: 0 0 60px; } .catalog-objects .arrows img { margin: 0 10px; cursor: pointer; } .catalog-objects .arrows img[aria-disabled="true"] { opacity: 0.3; } .catalog-objects .arrows .arrow-left { } .catalog-objects .arrows .arrow-right { } .catalog-video .item-wrap h2, .catalog-objects h2 { font-size: 28px; margin: 20px 0 0 0; height: 55px; line-height: 1; } .catalog-video .item iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media (max-width: 550px) { .prod-slider__slider .prod-item { width: 76% !important } } .prod-slider__slider .slick-slide { margin: 0 10px; transition: transform .4s linear } @media (max-width: 550px) { .prod-slider__slider .slick-slide.slick-current ~ .slick-slide { transform: translateX(-85px) } } .prod-slider__slider .slick-list { margin: 0 -10px } .prod-slider__slider .slick-dots { bottom: -40px } .prod-slider__slider .slick-dots li { border-radius: 10px; width: 10%; height: 6px } .prod-slider__slider .slick-dots button { width: 100%; border-radius: 10px; height: 100%; padding: 0; background-color: #e2e2e2 } .prod-slider__slider .slick-dots li.slick-active button { background-color: #8cc63e } .prod-slider__nav { display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, #8cc63e, #399348), #8cc63e; border-radius: 10px; width: 38px; height: 38px; margin-left: 5px; cursor: pointer } .prod-slider__nav:first-child img { transform: scaleX(-1) } .prod-slider__nav:hover { background: #3d5c5e } .js-open-table.show span:first-child, .js-open-table span:nth-child(2), .js-prod-table:not(.show) .inner-block__table-item:nth-child(n+6), .js-prod-table:not(.show) .inner-block__div-item { display: none } .inner-block__div-item { } .inner-block__div-item .name { font-weight: 300; color: #7a7a7a; font-size: 18px; } .inner-block__div-item p { color: #0c0c0c; font-size: 16px; font-weight: 400; margin: 0 0 10px 0; line-height: 1.3; width: 100%; } .js-open-table.show span:nth-child(2) { display: block } .prc { display: none } .number { width: 129px; height: 40px; border: 1px solid #e0e0e0; border-radius: 15px; padding: 13px; margin-right: 15px; display: flex; flex: 0 0 112px; } .number input { border: none; color: #0c0c0c; font-size: 18px; text-align: center } .number .minus, .number .plus { font-weight: 300; font-size: 23px; width: 10px; height: 20px; cursor: pointer; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition-property: background-color; background-color: #c4c4c4; z-index: 2; } .number .minus:hover, .number .plus:hover { background-color: #8cc63e } .number .minus { -webkit-mask-image: url(/assets/img/minus.svg); mask-image: url(/assets/img/minus.svg) } .number .plus { -webkit-mask-image: url(/assets/img/plus.svg); mask-image: url(/assets/img/plus.svg) } @media (max-width: 767px) { .number { width: 48%; height: 50px } } .inner-block__bottom { border-top: 1px solid rgba(0, 0, 0, .1); padding-top: 20px } .inner-block__slider-right { width: 100%; position: relative } .inner-block__slider-right .top-inf { display: flex; justify-content: space-between; position: absolute; left: -9px; top: 12px; z-index: 4 } .inner-block__slider-right .top-inf__akc { width: 180px; height: 57px; background-position: 100%; color: #fff; display: flex; justify-content: center; align-items: center } @media (max-width: 1024px) { .inner-block__slider-right .top-inf__akc { width: 124px; height: 36px } } .inner-block__slider-right .top-inf__akc img { width: 100%; height: 100% } .inner-block__slider-right .top-inf__count { display: flex; align-items: center; justify-content: center; height: 48px; background: linear-gradient(180deg, #8cc63e, #399348); border: 1px solid hsla(0, 0%, 100%, .55); box-sizing: border-box; box-shadow: inset 0 0 8px rgba(0, 0, 0, .25); border-radius: 30px; font-size: 16px; font-weight: 400; color: #fff; padding: 0 23px; margin: 0 10px } @media (max-width: 1024px) { .inner-block__slider-right .top-inf__count { font-size: 11px; padding: 0 11px; height: 33px; margin: 0 5px } } .inner-block__slider-right .top-inf__like { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: linear-gradient(180deg, #8cc63e, #399348); border: 1px solid hsla(0, 0%, 100%, .55); box-sizing: border-box; box-shadow: inset 0 0 8px rgba(0, 0, 0, .25); border-radius: 30px; cursor: pointer; margin-left: 0; } .top-inf__like.bookmark-link--active { background: red; } .inner-block__slider-right .top-inf__like img { width: 70%; height: 70% } @media (max-width: 1024px) { .inner-block__slider-right .top-inf__like { width: 33px; height: 33px } } .inner-block__slider-right .top-inf__like .liked, .inner-block__slider-right .top-inf__like:hover { background: red } @media (max-width: 767px) { .inner-block .show-all { order: 6 } } .inner-block__right { width: 100% } @media (max-width: 767px) { .inner-block__right { display: flex; flex-direction: column } } @media (max-width: 1024px) { .inner-block__body { flex-direction: column } } .inner-block__check { color: #8cc63e; font-size: 16px; font-weight: 400 } .inner-block__top { margin: 0 0 16px } .inner-block__top .rating { margin: 0 -29px 0 0 } @media (max-width: 767px) { .inner-block__top .rating { margin: 0 20px 0 0 } } .inner-block__table { margin: 26px 0 0 } @media (max-width: 767px) { .inner-block__table { order: 5 } } .inner-block__gift { color: #0c0c0c; margin: 25px 0 20px 11px } @media (max-width: 767px) { .inner-block__gift { font-size: 11px; margin: 25px 0 14px 1px } } .inner-block__gift > span { display: block; margin-left: 14px; font-weight: 400 } .inner-block__gift > span > span { font-weight: 600 } .inner-block__gift > span a { text-decoration: underline; color: #0c0c0c } @media (max-width: 767px) { .inner-block__gift { order: 4 } } .inner-block__table-item { display: flex; align-items: flex-end; width: 100%; margin: 0 0 9px } .inner-block__table-item div { font-size: 18px } @media (max-width: 1200px) { .inner-block__table-item div { font-size: 14px } } .inner-block__table-item div:first-child { display: flex; font-weight: 300; color: #7a7a7a; width: 190px } .inner-block__table-item div:first-child span { flex-shrink: 0; display: block } .inner-block__table-item div:first-child:after { content: ""; display: block; width: 100%; border-bottom: 1px dotted #7a7a7a; margin: 0 6px 4px } .inner-block__table-item div:nth-child(3) { color: #0c0c0c; font-size: 16px; font-weight: 400 } @media (max-width: 767px) { .inner-block__table-item div:nth-child(3) { font-size: 14px } } .inner-block__link { color: #0c0c0c; font-size: 16px; font-weight: 400; text-decoration: underline } @media (max-width: 767px) { .inner-block__link { font-size: 15px } } .inner-block__link img { display: block; margin-right: 14px } .inner-block__link--green { color: #8cc63e; font-weight: 700 } .inner-block__link--thin { font-weight: 400; cursor: pointer; } .inner-block__link:hover{ color: #8cc63e; } .inner-block__title { color: #0c0c0c; font-weight: 500; font-size: 30px; text-transform: uppercase; margin-bottom: 35px } .inner-block__nav { display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, #8cc63e, #399348), #8cc63e; border-radius: 10px; width: 38px; height: 38px; margin-left: 5px; cursor: pointer } .inner-block__nav:first-child img { transform: scaleX(-1) } .inner-block__nav:hover { background: #3d5c5e } .inner-block__slider-arrows { display: flex; align-items: center } @media (min-width: 768px) and (max-width: 1280px) { .inner-block__slider-arrows { position: absolute; left: 50%; transform: translateX(-50%); bottom: 160px; z-index: 8 } } @media (max-width: 767px) { .inner-block__slider-arrows { bottom: 20px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 8 } } @media (max-width: 767px) { .inner-block__slider-left { display: none !important } } .inner-block__slider { display: flex; max-width: 614px; margin-right: 22px; width: 100%; position: relative } @media (max-width: 1280px) { .inner-block__slider { flex-direction: column-reverse; max-width: 501px } } @media (max-width: 1200px) { .inner-block__slider { max-width: 400px } } @media (max-width: 1024px) { .inner-block__slider { max-width: 100%; flex-direction: row; margin-right: 0; margin-bottom: 20px } } @media (max-width: 767px) { .inner-block__body .inner-block__slider { padding: 0; } .inner-block__bottom form { margin: 0; display: flex; flex-direction: revert; } } .inner-block__slider .slider-main { max-width: 500px } .inner-block__slider .slider-main__img { height: 500px } .inner-block__slider .slider-main__img iframe, .inner-block__slider .slider-main__img img { height: 100%; width: 100%; object-fit: cover } @media (max-width: 1200px) { .inner-block__slider .slider-main__img { height: 397px } } @media (max-width: 1024px) { .inner-block__slider .slider-main__img { height: 420px } } @media (max-width: 640px) { .inner-block__slider .slider-main__img { height: 326px } } @media (max-width: 767px) { .inner-block__slider .slider-main { width: 100% } } .inner-block__slider .slider-tumb { width: 90px; margin-right: 25px } @media (max-width: 1280px) { .inner-block__slider .slider-tumb { width: 100% } } @media (max-width: 1024px) { .inner-block__slider .slider-tumb { width: 90px } } .inner-block__slider .slider-tumb__img { border: 1px solid transparent; box-sizing: border-box; border-radius: 13px; padding: 5px; width: 100%; height: 100%; cursor: pointer; position: relative } .inner-block__slider .slider-tumb__img .yt { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%) } @media (max-width: 1280px) { .inner-block__slider .slider-tumb__img { width: 100% !important; height: auto } } .inner-block__slider .slider-tumb__img:hover { border-color: #428610 } .inner-block__slider .slider-tumb__img img { width: 100%; height: 100%; border-radius: 13px } .inner-block__slider .slider-tumb .slick-current .slider-tumb__img { border-color: #428610 } .inner-descr { background: hsla(0, 0%, 85.1%, .5); margin: 75px 0 0; padding: 20px 0 40px } .inner-descr__body { display: flex; justify-content: space-between } @media (max-width: 1024px) { .inner-descr__body { flex-direction: column } } .inner-descr__yandex { border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; padding: 24px 0; margin: 0 0 28px } .inner-descr__yandex span { display: block; margin: 0 0 0 30px; line-height: 1 } .inner-descr__yandex a { color: #ffde33 } .inner-descr__left { width: 60% } @media (max-width: 1024px) { .inner-descr__left { width: 100% } } .inner-descr__right { width: 33% } @media (max-width: 1024px) { .inner-descr__right { width: 100% } } @media (max-width: 768px) { .inner-descr__right { font-size: 14px } } .inner-descr__title { color: #0c0c0c; text-decoration: underline; padding-bottom: 27px; font-weight: 600; border-bottom: 1px solid #c4c4c4; font-size: 16px } @media (max-width: 767px) { .inner-descr__title { margin-top: 10px; text-align: center } } .inner-descr__text { margin: 21px 0 0; max-height: 253px; overflow: auto } .inner-descr__text.show { max-height: none } .inner-descr__text p { font-size: 16px; color: #0c0c0c; margin: 0 0 24px; font-weight: 400; line-height: 1.6 } @media (max-width: 767px) { .inner-descr__text p { font-size: 14px } } .inner-descr__link { color: #8cc63e; text-decoration: underline; font-size: 15px; cursor: pointer } @media (max-width: 767px) { .inner-descr__link { margin-left: 4px } } .inner-descr__link:hover { text-decoration: none } .inner-descr__bottom { display: flex; justify-content: space-between; margin: 31px 0 0 } @media (max-width: 767px) { .inner-descr__bottom { flex-direction: column } } .inner-descr__bottom-left { width: 48% } @media (max-width: 767px) { .inner-descr__bottom-left { width: 100% } } .inner-descr__bottom-left a, .inner-descr__bottom-left span { display: block } .inner-descr__bottom-left span { margin-bottom: 5px } .inner-descr__bottom-left a { font-size: 16px; color: #18a0fb; font-weight: 400; margin: 0 0 8px; background: none !important; } .inner-descr__bottom-right { width: 42% } @media (max-width: 767px) { .inner-descr__bottom-right { width: 100% } } .inner-descr__iframe { width: 100%; height: 190px } .inner-descr__iframe iframe { width: 100%; height: 100% } .inner-descr__btn { display: flex; justify-content: center; align-items: center; background: linear-gradient(180deg, #8cc63e, #399348); box-shadow: inset 0 0 8px rgba(0, 0, 0, .25); border-radius: 20px; width: 100%; height: 50px; font-weight: 400; font-size: 18px; text-transform: uppercase; text-align: center; color: #fff; border: none; margin: 9px 0 27px; cursor: pointer } .inner-descr__btn:hover { background: #0c0c0c } .inner-descr__company { display: flex; flex-wrap: wrap; margin: 23px 0 } .inner-descr__company > span { width: 100%; margin: 0 0 18px } .inner-descr__company-item { width: 45%; font-weight: 400; margin: 0 0 7px } .inner-descr__company-item span { color: #8cc63e } .inner-descr__adv { font-weight: 400; margin: 0 0 15px } .inner-descr__adv span { margin: 0 0 0 38px } .burger { display: none } .burger { position: relative; width: 26px; height: 4px; background-color: #3b5d5d; -webkit-transition: background .25s; -o-transition: background .25s; transition: background .25s; } .burger::after, .burger::before { content: ""; position: absolute; left: 0; height: 4px; background-color: #3b5d5d; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: top .25s .25s, width 0s .25s, -webkit-transform .25s; -o-transition: top .25s .25s, transform .25s, width 0s .25s; transition: top .25s .25s, transform .25s, width 0s .25s; transition: top .25s .25s, transform .25s, width 0s .25s, -webkit-transform .25s; } .burger::before { width: 32px; top: -8px; } .burger::after { top: 8px; width: 20px; } .logo img.logo-mobile { display: none; } @media (max-width: 1024px) { .burger { display: block } .logo img { display: none; } .logo img.logo-mobile { display: block; } .logo { width: 147px; height: auto; } } .dots { width: 100%; max-width: 1406px; margin: 60px auto 0; height: 60px } .dots img { width: 100%; height: 100%; object-fit: cover } .pagination { display: flex; align-items: flex-end; margin-top: 24px } .revs-block .pagination { padding: 0 0 0 111px } @media (max-width: 767px) { .revs-block .pagination { padding-left: 0; justify-content: center } } .pagination > * { margin-right: 17px } .pagination > * :last-child { margin-right: 0 } .pagination__link { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 35px; height: 35px; font-size: 15px; padding: 2px 1px 0 0; font-weight: 400; color: #7a7a7a; border-bottom: 1px solid transparent } .pagination__link span { display: block } @media (max-width: 480px) { .pagination__link { width: 31px; height: 31px; font-size: 15px } } .pagination__link.is-current, .pagination__link:hover { color: #8cc63e; border-color: #8cc63e } .pagination__dots { color: #7a7a7a; font-size: 15px; transform: translateY(-4px) } .revs-block { display: flex; margin: 42px 0 0 } @media (max-width: 767px) { .revs-block { flex-direction: column } } .revs-block__left { width: 290px; display: flex; flex-direction: column; align-items: center; text-align: center } @media (max-width: 767px) { .revs-block__left { margin: 0 auto 32px } } .revs-block__left > span { color: #0c0c0c; font-size: 16px; font-weight: 400; display: block; margin: 10px 0 0 } .revs-block__title { font-size: 30px; color: #0c0c0c; text-transform: uppercase; margin: 0 0 21px } .revs-block__right { width: 100%; max-width: 829px; padding: 0 0 0 5px } .revs-block .rev-item { border-bottom: 1px solid rgba(0, 0, 0, .05); padding: 0 0 43px 111px; font-weight: 400; color: #0c0c0c; margin: 0 0 33px } @media (max-width: 767px) { .revs-block .rev-item { padding-left: 0; padding-bottom: 22px; text-align: center; margin: 0 0 20px } } @media (max-width: 767px) { .revs-block .rev-item__top .rating { justify-content: center } } .revs-block .rev-item:last-child { margin-bottom: 0 } .revs-block .rev-item__title { margin: 0 0 24px } .revs-block .rev-item__name { margin: 0 0 8px } .revs-block .rev-item__name span { color: rgba(12, 12, 12, .6) } .revs-block .rev-item__text { margin: 11px 0 0 } .container__inner .slick-track { padding-bottom: 0; } .price-block { width: 54%; display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 767px) { .inner-block__bottom .price-block { width: 100%; margin: 0 0 15px 0; } .price-block__prices .price-block__text { margin: 0; font-size: 14px; } .inner-block__right .mob-numb-btn { margin: 0 !important; } } .price-block__img { display: flex; justify-content: flex-end; margin: 14px 0 } .price-block__img img { display: block; margin-right: 8px } .price-block--sec { width: 43% } @media (max-width: 767px) { .price-block--sec { width: 48% } } .price-block__text { color: #3b5d5d; font-size: 13px; font-weight: 400; width: 100%; height: 24px; /* margin: 20px 0 0; */ } .price-block__button-green { display: flex; justify-content: center; align-items: center; background: linear-gradient(180deg, #8cc63e, #399348); box-shadow: inset 0 0 8px rgba(0, 0, 0, .25); border-radius: 20px; width: calc(100% - 20px); height: 50px; font-size: 18px; text-transform: uppercase; text-align: center; color: #fff; border: none; margin: 9px 0 0; cursor: pointer; font-weight: 400; } @media (max-width: 1280px) { .price-block__button-green { font-size: 14px } } @media (max-width: 767px) { .price-block__button-green { display: none; font-size: 12px } .mob-numb-btn .price-block__button-green { display: flex; width: 48%; margin-top: 0 } } .price-block__button-green:hover { background: #0c0c0c } .price-block__info { position: relative; cursor: pointer } .price-block__info .mini-popup { position: absolute; padding: 20px 15px 40px 30px; bottom: 29px; right: -26px; z-index: 10; width: 340px; height: 204px; background-size: 100%; background-position: 50%; display: none } @media (max-width: 1024px) { .price-block__info .mini-popup { right: 0 } } .price-block__info .mini-popup.show { display: block } .price-block__info .mini-popup__title { font-size: 16px; font-weight: 600; margin: 0 0 11px } .price-block__info .mini-popup__item { display: flex; margin: 0 0 5px } .price-block__info .mini-popup__close { position: absolute; top: 15px; right: 15px; cursor: pointer } .price-block__info .mini-popup__close img{ height: auto !important; } .price-block__info .mini-popup__item-name { display: flex; align-items: center; font-weight: 400; font-size: 16px; margin-right: 10px; color: #7a7a7a } .price-block__info .mini-popup__item-name img { margin-left: 5px } .price-block__info .mini-popup__item-price-thr { text-decoration: line-through } .price-block__info .mini-popup__item-price { margin-left: auto; font-weight: 400; color: #7a7a7a } @media (max-width: 767px) { .price-block .number { display: none !important } } .price-block__button { display: flex; justify-content: center; align-items: center; background: linear-gradient(180deg, #3c5e5e, #0a2929); box-shadow: inset 0 0 8px rgba(0, 0, 0, .25); border-radius: 20px; width: 100%; height: 50px; font-size: 18px; text-transform: uppercase; text-align: center; color: #fff; border: none; margin: 9px 0 0; font-weight: 400; cursor: pointer } @media (max-width: 1280px) { .price-block__button { font-size: 14px } } @media (max-width: 767px) { .price-block__button { display: none; font-size: 12px } } .price-block__button:hover { background: #0c0c0c } .price-block__prices > span { line-height: 1 } .price-block__prices > span:first-child { color: #3b5d5d; font-size: 17px; text-decoration: line-through; font-weight: 400; margin-right: 10px } @media (max-width: 767px) { .price-block__prices > span:first-child { font-size: 14px } } .price-block__prices > span:nth-child(2) { color: #e22227; font-size: 35px } @media (max-width: 1200px) { .price-block__prices > span:nth-child(2) { font-size: 24px } } .price-block__prices > span:nth-child(2) span { font-size: 18px } .mob-show-arrs { display: none !important } @media (max-width: 767px) { .mob-show-arrs { display: flex !important } } .amount-input__value{ padding: 0 30px; } .mobile-menu__items .icons { display: flex; flex-direction: row; justify-content: center; margin-bottom: 70px; } .mobile-menu__items .icons a { margin: 10px 20px; } .mobile-menu__items .icons img { } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* End */ /* Start:/local/templates/zr_main_template/css/custom.css?177424349835040*/ :root { --primary-color: #3b5d5d; --primary-color-hover: #0a2929; --border-radius: 20px; --text-subhead-color: #84848E; } .adm-workarea .adm-select, .adm-workarea .form-button, .adm-workarea .adm-btn, .adm-workarea input[type=button], .adm-workarea input[type=submit], .adm-workarea input[type=reset], .adm-workarea input[type=file]::-webkit-file-upload-button, .adm-workarea button, .adm-workarea select, .adm-workarea textarea { width: fit-content; } :target { scroll-margin-top: 200px; } .layout { max-width: 100vw; overflow-x: hidden; } .item-preview__info .card__info-characteristics { overflow: hidden; overflow-y: auto; direction: rtl; max-height: 400px; padding: 0; padding-top: 0; } .item-preview__info .card__info-characteristics .characteristics { direction: ltr; padding-left: 23px; display: block; } .item-preview__info .card__info-characteristics .characteristics .characteristic-item { display: flex; flex-direction: row; margin-bottom: 27px; } .card__info-characteristics .characteristics .characteristic-item .characteristic-item__text { font-size: 16px; width: 64%; flex-shrink: 0; margin-left: auto; word-break: break-word; } .card__info-characteristics .characteristics .characteristic-item .characteristic-item__title { font-size: 16px; font-weight: 700; width: 26%; max-width: 160px; flex-shrink: 0; margin-right: 2%; } /*.modal .item-preview { max-height: 100% !important }*/ .modal.modal--big .item-preview .item-preview__slider { padding: 40px 40px 0; max-height: 100%; } .modal .item-preview .item-preview__slider .card__slider { position: relative; aspect-ratio: 1/1; margin-top: 50px; top: 0; max-height: 480px; overflow: inherit; } .modal .item-preview .item-preview__slider .card__slider-container { position: initial; box-shadow: none; } .modal .item-preview .item-preview__slider .card__slider-pagination { display: none; } .modal .item-preview .item-preview__slider .card__slider .swiper-navigation { position: absolute; top: -50px; left: -12px; display: flex; } .modal .item-preview .item-preview__slider .card__slider .swiper-button-next, .modal .item-preview .item-preview__slider .card__slider .swiper-button-prev { width: 39px; height: 38px; margin: 0 12px; filter: brightness(0); background-image: url(/local/templates/zr_main_template/css/../img/arro-slider.png) !important; } .modal .item-preview .item-preview__slider .card__slider .swiper-button-next {} .modal .item-preview .item-preview__slider .card__slider .swiper-button-next.swiper-button-disabled, .modal .item-preview .item-preview__slider .card__slider .swiper-button-prev.swiper-button-disabled { pointer-events: none; opacity: 0.35; } .modal .item-preview .item-preview__slider .card__slider .swiper-button-next:hover, .modal .item-preview .item-preview__slider .card__slider .swiper-button-prev:hover { filter: brightness(100%); background-image: url(/local/templates/zr_main_template/css/../img/arro-slider-hover.png) !important; } .modal .item-preview .item-preview__slider .card__slider .swiper-button-next { transform: rotate(180deg); } .modal .item-preview .item-preview__slider .card__slider .card__slider-slide { background-repeat: no-repeat; background-position: bottom; background-size: cover; aspect-ratio: 1/1; } .modal--big .modal__container { max-width: 1300px; } .consultation { width: 100%; border-top: 1px solid #8fbd4f; padding-top: 20px; margin-top: 35px } .consultation__body { max-width: 565px; margin: 0 auto } @media (max-width: 768px) { .consultation__body { text-align: center } } .consultation__form .form { align-items: flex-start } @media (max-width: 768px) { .consultation__form .form { align-items: center } } .consultation__form .form__flex { display: flex; flex-direction: row; justify-content: space-between; margin: 10px 0 28px } @media (max-width: 768px) { .consultation__form .form__flex { flex-direction: column } } .consultation__form .form-group { max-width: 273px; width: 100%; margin: 0 } @media (max-width: 768px) { .consultation__form .form-group:last-child { margin-top: 15px } } .consultation__title { font-size: 36px; color: #212121; text-transform: uppercase } @media (max-width: 768px) { .consultation__title { font-size: 29px } } .consultation__title span { font-weight: 700 } .consultation .form-rent-wrap .form-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 15px; } @media screen and (max-width: 768px) { .consultation .form-rent-wrap .form-fields { grid-template-columns: 1fr; } } .consultation .form-group__input { width: 100%; height: 50px; font-size: 16px; color: #797979; border-radius: 7px; border: 1px solid #bdbfc0; padding-left: 22px; box-sizing: border-box; --webkit-box-shadow: 0 0 5px 2px #daf1f1; -moz-box-shadow: 0 0 5px 2px #daf1f1; box-shadow: 0 0 5px 2px #daf1f1; background: #efefef; background: -moz-linear-gradient(top, #efefef 0, #fafafa 100%); background: -webkit-linear-gradient(top, #efefef, #fafafa); background: linear-gradient(180deg, #efefef 0, #fafafa); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efefef", endColorstr="#fafafa", GradientType=0); } .consultation .button { display: flex; justify-content: center; align-items: center; border-radius: 20px; color: #fff; cursor: pointer; text-transform: uppercase; text-shadow: 2px 1px 1px rgba(0, 0, 0, .4); border: none; } .consultation .button.button--big { font-size: 1.125rem; background: linear-gradient(180deg, #8cc63e, #399348); padding: 20px 100px; transition: background .3s ease-out; } .consultation .button.button--big:hover { background: linear-gradient(180deg, #3c5e5e, #0a2929); } @media (min-width: 1200px) { .modal.modal--big .modal__container { width: calc(100% - 20px); max-height: calc(100vh - 20px); height: fit-content; } .modal.modal--big .modal__container .item-preview__info, .modal.modal--big .modal__container .item-preview__slider { max-height: 100%; width: 100%; padding: 0; } .modal.modal--big .modal__container .item-preview { max-height: 100% !important; overflow-y: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 40px; padding-bottom: 20px; } } @media screen and (max-width: 768px) { .modal.modal--big .modal__container .item-preview { grid-template-columns: 1fr; } .modal.modal--big .modal__container .item-preview .item-preview__info { overflow: initial; } .modal .item-preview .item-preview__slider .card__slider { padding: 0; height: 100%; } .consultation__form .form-group { width: 100%; max-width: 100%; } .consultation .button.button--big { width: 100%; } .modal.modal--big .item-preview .item-preview__slider { padding: 30px 15px 0; } .item-preview__info .card__info-characteristics { max-height: 100%; } } @media only screen and (min-width: 980px) { header.header.fixedme .container__header .button-header-wrap { display: block !important; } header.header.fixedme .container__header .button-header-wrap button:last-child { display: none !important; } header.header.fixedme .container__header .sale-block { /*display: none;*/ } header.header.fixedme .sale-block .header__mid-links.d-flex.align-items-center .mid-link:first-child, header.header.fixedme .sale-block .call-whats-app { display: none !important; } header.header.fixedme .header__phone { margin-left: 50px !important; ; } header.header.fixedme .header__mid-links.d-flex.align-items-center, header.header.fixedme .button-header-wrap { display: block; } header.header.fixedme .header__phone { gap: 50px; margin-left: 19%; } .header__phone-text:not([href]) { color: #e22228; text-decoration: underline; } .header__phone-text:not([href]):hover { text-decoration: none; color: #e22228; } } .mobile-menu__top .mobile-menu__link, .mobile-menu .mobile-menu__link { text-decoration: underline; } .mobile-menu .mobile-menu__link[href^="tel"] { text-decoration: none; } .mobile-menu .callback-trigger { color: #e22228 !important; } .item-preview__info .card__info .amount-button .btn { width: 100%; display: block; margin-bottom: 10px; } .item-preview__info .card__info .amount-button .btn:last-child { margin-bottom: 0; } @media screen and (max-width: 1024px) { .mobile-menu .mobile-menu__items .button-header-wrap, .mobile-menu .mobile-menu__items .button-header-wrap .button-header { display: block !important; } .mobile-menu .mobile-menu__items .button-header-wrap .button-header { font-size: 16px; width: 80%; padding: 10px 20px; height: fit-content; text-align: center; } .mobile-menu .mobile-menu__items .button-header-wrap .button-header:not(.btn--orange) { background: linear-gradient(180deg, #3c5e5e, #0a2929); } .mobile-menu .mobile-menu__main .menu--wrapper .mobile-menu__link-ar { display: flex; align-items: center; margin-left: auto; width: 30%; justify-content: flex-end; background: transparent; } .mobile-menu .mobile-menu__main .menu--wrapper .mobile-menu__link-ar img { background-color: #fff; border-radius: 50px; padding: 10px 12px; box-sizing: content-box; } .mobile-menu .mobile-menu__items { border-bottom: none; padding-top: 25px; padding-bottom: 15px; } .mobile-menu .mobile-menu__items:first-child { padding-top: 0; } .mobile-menu .mobile-menu__items:last-child { padding-top: 5px; } .mobile-menu .mobile-menu__top { border-bottom: 1px solid #fff; } .mobile-menu .mobile-menu__items .mobile-menu__link[href="/catalog/filter/discount-is-y/"] { color: #e22228 !important; } .mobile-menu .mobile-menu__items .mobile-menu__link.text-red { color: #e22228 !important; } .mobile-menu .mobile-menu__items .icons a[href="/cart/"] img { filter: invert(1); } .mobile-menu .mobile-menu__items .icons { margin-top: 10px; } } .mb-0 { margin-bottom: 0; } .equipment-landing .catalog-item__title { display: block; line-height: 110%; margin-top: 30px; } @media screen and (max-width: 768px) { .equipment-landing .catalog-item__title { margin: 30px 0; } } .equipment-landing .catalog-item__title span:first-child:after { content: none; } .equipment-landing .catalog-item__title span { background: transparent; } .equipment-landing .catalog-item:nth-child(2n) { display: block; text-align: left; } @media screen and (max-width: 768px) { .equipment-landing .catalog-item:nth-child(2n) .catalog-item__title { margin-top: 0; } } .car-link:hover { color: #8cc638; } .substrate-preparation-landing a:hover { color: white; } .substrate-preparation-landing a, .substrate-preparation-landing .materials-item__text, .ukladka-iskusstvennogo-gazona-landing a, .ukladka-iskusstvennogo-gazona-landing .materials-item__text, .materials-item__sub-name a, .equipment-landing .materials-item__text { padding-left: 5px; } .equipment-landing .materials-block a:hover { background-color: #8cc63e !important; } .main.main--index .index-news .link-white { background: transparent; } #landshaft .service-block__bottom .materials-item__sub-name a:hover, #sport .materials-item__sub-name a:hover { color: #3b5d5d !important; } .footer-item--description { color: rgba(255, 255, 255, 0.5); font-size: 14px; } .object .football-about-text.about-text { overflow: hidden; } .object .catalog.football-catalog { padding-top: 60px; } .object .about-video { margin: 0; padding-bottom: 120px; padding-top: 0; } @media screen and (max-width: 769px) { .object .about-video { padding-bottom: 60px; } } .equipment-landing .diasport-gallery .owl-carousel:after, .equipment-landing .diasport-gallery .owl-carousel:before, .care-landing .diasport-gallery .owl-carousel:after, .care-landing .diasport-gallery .owl-carousel:before, .maintenance-landing .diasport-gallery .owl-carousel:after, .maintenance-landing .diasport-gallery .owl-carousel:before, .substrate-preparation-landing .diasport-gallery .owl-carousel:after, .substrate-preparation-landing .diasport-gallery .owl-carousel:before, .repair-landing .diasport-gallery .owl-carousel:after, .repair-landing .diasport-gallery .owl-carousel:before, .ukladka-iskusstvennogo-gazona-landing .diasport-gallery .owl-carousel:after, .ukladka-iskusstvennogo-gazona-landing .diasport-gallery .owl-carousel:before, .ukladka-iskusstvennogo-gazona-landing .diasport-gallery .owl-carousel:after, .ukladka-iskusstvennogo-gazona-landing .diasport-gallery .owl-carousel:before { content: none; } .equipment-landing .diasport-gallery .owl-carousel .owl-nav, .care-landing .diasport-gallery .owl-carousel .owl-nav { margin-top: 30px; margin-bottom: 15px; } .care-landing .diasport-gallery__title, .maintenance-landing .diasport-gallery__title, .substrate-preparation-landing .diasport-gallery__title, .ukladka-iskusstvennogo-gazona-landing .diasport-gallery__title, .repair-landing .diasport-gallery__title { text-align: center; max-width: 100%; margin-bottom: 30px; } .repair-landing .diasport-gallery .owl-carousel .owl-nav, .ukladka-iskusstvennogo-gazona-landing .diasport-gallery .owl-carousel .owl-nav { margin-bottom: 30px; margin-top: 40px; } @media screen and (max-width: 768px) { .ukladka-iskusstvennogo-gazona-landing .diasport-gallery .owl-carousel .owl-nav { margin-top: 20px; } } .objects, .substrate-preparation-landing .diasport-gallery { margin-bottom: 40px; } @media screen and (max-width: 768px) { .objects, .substrate-preparation-landing .diasport-gallery { margin-bottom: 20px; } } .objects .name { font-size: 44px; text-align: center; margin-bottom: 50px; } @media screen and (max-width: 768px) { .objects .name { font-size: 26px; } } .equipment-landing .diasport-gallery__title { text-align: center; } .substrate-preparation-landing .owl-nav .owl-next, .substrate-preparation-landing .owl-nav .owl-prev { filter: brightness(0); } .substrate-preparation-landing .owl-nav .owl-next:hover, .substrate-preparation-landing .owl-nav .owl-prev:hover { filter: brightness(1); } .substrate-preparation-landing .diasport-gallery .owl-carousel .owl-nav { margin-top: 40px; } @media screen and (max-width: 768px) { .substrate-preparation-landing .diasport-gallery .owl-carousel .owl-nav { margin-top: 20px; } } a[href="/objects/"] .mid-link__text { color: #e22228; font-weight: 600; } .button-header { font-weight: 400; } .button-header.btn--orange { background: linear-gradient(0deg, rgba(200, 143, 5, 1) 0%, rgba(249, 182, 24, 1) 100%); color: black; } .button-header.btn--orange:hover { color: #3D5C5E; background-color: orange; } @media (min-width: 1024px) { .layout { --header-height: 204px; padding-top: calc(var(--header-height) + 2rem); } .layout.layout-only-header { padding-top: var(--header-height); } .layout.auth-admin { --header-height: 165px; } header.header { position: absolute; top: 0; left: 0; width: 100%; height: fit-content; transition: all .3s ease; } header.header.fixedme { position: fixed; } header.header.fixedme .header__mid .button-header-wrap { display: flex !important; flex-direction: row; justify-content: center; align-items: center; gap: 1rem; } header.header.fixedme.hide-top { top: -100%; } } header.header.fixedme .header__mid .button-header-wrap .button-header+.button-header { margin-top: 0 } @media (max-width: 768px) { .object__catalog { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 450px) { .object__catalog { grid-template-columns: 1fr !important; } } .prod-item__sizes { position: absolute; bottom: 2rem; right: 0; background: white; border-radius: 4px 0 0 4px; padding: .5rem; transition: opacity .3s ease; z-index: 1; } .prod-item:hover .prod-item__sizes { opacity: 0; } .inner-block__slider:hover .prod-item__sizes { opacity: 0; } .prod-item__sizes .size { display: flex; flex-direction: row; gap: .5rem; font-size: 1rem; font-weight: 500; color: #3b5d5d; } @media (max-width: 600px) { .prod-item__sizes .size { font-size: .8rem; line-height: 21px; } } .prod-item__sizes .size .svg { height: 20px; } .prod-item__category {} .prod-item__category .prody-item__article { margin-left: .5rem; display: flex; flex-direction: row; gap: .2rem; color: #3b5d5d; font-size: .9rem; } .prod-item__footer { display: flex; flex-direction: row; gap: .5rem; } .prod-item__footer .btn { width: 50%; } .prod-item__footer .btn.prod-item__button { background: linear-gradient(180deg, #8cc63e, #399348); } .prod-item__footer .btn.prod-item__button--blue { background: white; color: black; display: flex; } .prod-item__footer .btn.prod-item__button--blue:hover { color: #3b5d5d; } .catalog__filter .btn.btn--primary.apply-filter { width: 100%; margin: 0; margin-bottom: 3rem; } .sn-notify-outline.sn-notify-success { --sn-notify-border-color: #8cc63e; --sn-notify-icon-color: #8cc63e; } .sn-notify-title { font-weight: 500; } .sn-notify .product-wrapper { display: flex; flex-direction: row; align-items: center; gap: 1rem; } .sn-notify .product-wrapper .product-image { height: 70px; display: flex; aspect-ratio: 1 / 1; } .sn-notify .product-wrapper .product-image img { object-fit: cover; border-radius: 4px; } .sn-notify .product-wrapper .product-name { font-weight: 500; } .prod-item__vids img { border-radius: 4px } .section.section--objects #map { max-height: 35vh; } .prod-item a.prod-item__name { min-height: auto; margin-bottom: 1rem; } .prod-item .prod-item__mid { display: none; } .filter-block__grid:not(.catalog__list) { grid-template-columns: repeat(4, 1fr); font-family: "Rubik", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; } .catalog__list.filter-block__grid { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; } .catalog__list.filter-block__grid .prod-item { width: calc(33% - .5rem); } @media (max-width: 1160px) { .catalog__list.filter-block__grid .prod-item { width: calc(50% - .5rem); } } @media (max-width: 500px) { .catalog__list.filter-block__grid .prod-item { width: 100%; } } .catalog__list.filter-block__grid.grid-four-col .prod-item { width: calc(25% - .75rem) } @media (max-width: 1230px) { .catalog__list.filter-block__grid.grid-four-col .prod-item { width: calc(33% - .5rem); } } @media (max-width: 990px) { .catalog__list.filter-block__grid.grid-four-col .prod-item { width: calc(50% - .5rem); } } @media (max-width: 768px) { .catalog__list.filter-block__grid.grid-four-col { padding: 0 1rem; } } @media (max-width: 590px) { .catalog__list.filter-block__grid.grid-four-col .prod-item { width: 100%; } } @media (max-width: 1024px) { .filter-block__grid-ajax, .filter-block__grid { grid-template-columns: repeat(2, 1fr); } } .filter-block__grid .price { color: #8cc63e; font-size: 26px; } .catalog__list.filter-block__grid.grid-four-col .price { font-size: 26px; } .filter-block__grid .price.price--base { font-size: 26px; } .catalog__list.filter-block__grid.grid-four-col .price.price--base { font-size: 24px; } .filter-block__grid .price-title { color: #888; font-size: 13px; } .catalog__list.filter-block__grid.grid-four-col .price-title { font-size: 11px; } .filter-block__grid .prod-item__prices { align-items: flex-start; } @media (max-width: 1024px) { .filter-block__grid .prod-item__name { font-size: 1.1rem; } } .catalog__list.filter-block__grid .prod-item.banner-list { height: auto; } .catalog__list.filter-block__grid .prod-item.banner-list::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0); transition: background-color .3s ease; border-radius: 10px; } .catalog__list.filter-block__grid .prod-item.banner-list:hover::before { background-color: rgba(0, 0, 0, 0.5); } .price_wrapper .price { white-space: nowrap; } .price_wrapper .price.price--opt { color: #e22228; } .price_wrapper .price.price--base { color: #8cc63e; } .price_wrapper .price .price__measure { font-size: 1rem; } .price_wrapper .price+.price-title { font-size: 12px; } @media (max-width: 1260px) { .price_wrapper .price+.price-title { font-size: 10px; } } @media (max-width: 1160px) { .price_wrapper .price+.price-title { font-size: 11px; } } .inner-block__top .inner-block__check { display: none !important; } .modal .im { max-height: 90vh; -o-object-fit: cover; object-fit: cover } .modal .modal__container { width: fit-content; } .modal .modal__content { margin-bottom: 0; } .micromodal-slide.is-open { position: absolute; z-index: 1010; } .micromodal-slide.modal--gallery .modal__container { max-width: 90vw; max-height: 90vh } .form-popup { padding: 2rem 3rem; max-width: 540px; } .form-popup .form-header { margin-bottom: 2rem } .form-popup .form-header .form__title { font-size: var(--text-xxxxl); font-weight: 700; text-align: center; font-family: var(--title-font-family) } .form { --text-sm: .8rem; --text-xxxxl: 2.5rem; } .form input, .form select, .form textarea, .form .form-control { color: var(--input-color); box-shadow: none; border: none; border-bottom: 1px solid #dadada; border-color: var(--input-border-color); height: 47px; padding: 6px 14px; background: #fff; background-color: var(--input-bg-color); font-size: var(--text-md); line-height: calc(1em + 4px); border-radius: 0; position: relative; outline: var(--input-border-color); width: 100%; transition: border 0.3s ease; font-family: "Rubik", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; } .form input.error, .form select.error, .form textarea.error, .form .form-control.error { border-color: var(--alert-error-color); } @media (max-width:600px) { .form input, .form select, .form textarea, .form .form-control { padding-left: 0; } } .form input.inputfile { border-bottom: none; } .form textarea { min-height: 8rem; } .form input[type=checkbox] { width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; border-radius: var(--border-radius); } .form input[type=submit] { border-bottom: none; } .form input:focus, .form textarea:focus { border-bottom-color: var(--secondary-color); } .form .form__header { margin-bottom: 3rem; } .form .form__fields { display: flex; flex-direction: column; gap: 2rem; margin-bottom: 3rem; } .form .form__fields .form-filed .input.error input, .form .form__fields .form-filed .input.error textarea { border-color: var(--alert-error-color); } @media (max-width: 600px) { .form .form__fields { gap: 1rem; } } .form .form__errors { margin-bottom: 2rem; } .form .form__errors .error { color: var(--alert-error-color); } .form .form__policy { margin-bottom: 2rem; } .form .form__footer { display: flex; flex-direction: column-reverse; align-items: baseline; gap: 1.5rem; } .form .form__footer .licence_block { color: var(--text-subhead-color); font-size: var(--text-sm); } .form .form__footer .licence_block .check { align-items: flex-start; margin-top: 0.5rem; } .form .form__footer .licence_block .check__description { margin-left: 0.8rem; line-height: 1.4; } @media (max-width: 900px) { .form .form__footer .licence_block { text-align: center; max-width: 80%; } } @media (max-width: 900px) { .form .form__footer { flex-direction: column; } } .form.no-caption .caption { display: none; } .form .check { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; cursor: pointer; --main-color: #C9C9CF; } .form .check .check__description { color: #989898; font-size: var(--text-sm); font-weight: 400; margin-left: 0.6rem; font-family: "Rubik", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; } .form .check .check__description a { color: var(--primary-color); transition: all .3s ease; } .form .check .check__description a:hover { opacity: .8; border-bottom-color: var(--primary-color); } .form.success .form-header .form__title {display:none;} .form.success .form-header {margin: 0;} .form .check .check__input { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 24px; height: 24px; z-index: -1; border: none; } .form .check .check__input:checked+* .check__square { fill: var(--primary-color) !important; stroke: var(--primary-color) !important; } .form .check .check__input:checked+* .check__mark { stroke: white; } .form .check .check__input:focus+* .check__square { stroke: var(--main-color); } .form .check .check__input:disabled+* .check__square { stroke: var(--text-disable-color); fill: var(--background-disable); } .form .check .check__input:disabled+* .check__mark { fill: var(--background-disable); } .form .check .check__input:focus+.check__mark+.check__description { color: var(--primary-color); } .form .check .check__input:checked:disabled+* .check__mark { fill: var(--text-disable-color); } .form .check .check__input:disabled~.check__description { color: var(--text-disable-color); } .form .check .check__input:disabled~.check__description .bx-filter-param-btn.bx-color-sl { filter: grayscale(1); } .form .check.check--fill .check__input:checked+* .check__mark { fill: white; } .form .check.check--fill .check__input:checked+* .check__square { stroke: var(--primary-color); fill: var(--primary-color); } .form .check .check__box { width: 24px; height: 24px; } .form .check .check__focus { fill: none; } .form .check .check__square { fill: #ffffff; stroke: var(--main-color); stroke-width: 2px; transition: stroke 0.3s ease; will-change: fill; border-radius: var(--border-radius); } .form .check:hover .check__box .check__square { stroke: var(--primary-color); } .form .check .check__input:not(:checked) + .check__box .check__mark { color: var(--main-color); } .form .check:hover .check__input:not(:checked) + .check__box .check__mark { stroke: var(--primary-color); } .form.form--margin-field-none .form__fields { margin-bottom: 1rem; } .form.form--margin-field-none .form__fields .inputtext { margin-bottom: 0; } .form.form--margin-field-none .form__footer { flex-direction: column-reverse; align-items: flex-start; gap: .5rem; } @media (max-width: 768px) { .form .form__footer .licence_block { text-align: left; } } .form-inline {} .form-popup { padding: 4rem 5rem; max-width: 600px; } @media (max-width: 600px) { .form-popup { max-width: 100%; padding: 3rem 2rem; display: flex; align-items: center; justify-content: center; } } .form .form-header { margin-bottom: 2rem; position: static; } .form-popup .btn-close-popup .svg { position: relative; z-index: -1; } .form .form-header .form__title { font-size: var(--text-xxxxl); font-weight: 700; text-align: center; font-family: var(--title-font-family); } .form.form-inline .form-header .form__title { text-align: left; } .form-popup .section-block_header-toptitle { display: none; } .form-popup .section-block_header { text-align: center; } .form-popup .section-block_header .section-block_header-title { font-size: var(--text-xxl); } .form-popup .form-content__success_text { font-size: var(--text-lg); line-height: 150%; text-align: center; } .form-popup .form__policy { max-width: 350px; } .form-popup .form .form__fields { margin-bottom: 2rem; } .form-popup .popup-title { display: block; font-size: var(--text-lg); text-align: center; font-style: italic; font-weight: 500; margin-bottom: 1rem; font-family: var(--title-font-family); } .form-popup .popup-subtitle { display: block; font-size: var(--text-xxl); text-align: center; margin-bottom: 1rem; font-family: var(--title-font-family); } .form-popup .form-group textarea { border: 1px solid var(--secondary-color); padding: 1rem; } .form-popup .btn-close-popup { position: absolute; top: 1.2rem; right: 1.2rem; color: black; } .form-popup .btn-close-popup:hover svg path { color: var(--primary-color); } @media (max-width: 600px) { .form-popup.success { height: 100dvh; } } .btn { border-radius: 20px; cursor: pointer; } .btn.btn-primary { background: linear-gradient(180deg, #8cc63e, #399348); color: white; border-radius: 20px; padding: .5rem 2rem; transition: all .3s ease; } .btn.btn-primary:hover { background: linear-gradient(180deg, #399348, #8cc63e); } .btn.btn-primary:disabled { background: #b5b5b5; } .btn.btn-lg { padding: 1rem 3rem; } .btn.btn-elg { padding: 1.5rem 3rem; border-radius: 4rem; font-size: 1.2rem; } .owl-carousel .owl-stage-outer { max-width: 100%; } #modal-oneclickorder .modal__container {padding: 0;max-width: 100%;} #modal-oneclickorder .modal__header {display: none;} .yandex-map { position: relative; height: 100%; background: #dfdfdf url('/local/templates/zr_main_template/images/y-map-footer.png'); background-position: center; background-size: contain; border-radius: 10px; } .yandex-map--fit { max-width: 100%; max-height: 100%; } .yandex-map--large { height: 600px } .yandex-map__marker { display: none } .section.contacts { position: relative; padding: 50px 0; } @media screen and (max-width: 768px) { .section.contacts { padding: 20px 0; } } .section.contacts .map__wrapper { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; } @media screen and (max-width: 768px) { .section.contacts .map__wrapper { grid-template-columns: 1fr; gap: 20px; } } .section.contacts .map-block-info { display: flex; padding: 38px 31px; flex-direction: column; align-items: flex-start; gap: 14px; border-radius: 10px; border: 1px solid #BFBEBC; background: rgba(255, 255, 255, 0.90); } .section.contacts .map-block-info .map-block-info__title { color: #010101; font-family: "PlumbCondensed"; font-size: 22px; font-weight: 700; line-height: 18px; text-transform: uppercase; } .section.contacts .map-block-info .map-block-info__text { color: #010101; font-size: 16px; line-height: 18px; } .section.contacts .map-block { position: relative; width: 100%; padding-bottom: 36% } @media (max-width: 1366px) { .section.contacts .map-block { margin-top: 3% } } @media (max-width: 1280px) { .section.contacts .map-block { padding-bottom: 47%; height: auto } } @media (max-width: 1024px) { .section.contacts .map-block { padding-bottom: 0 } } @media (max-width: 768px) { .section.contacts .map-block { padding-bottom: 75% } .main.main--index .about-video { padding-top: 2rem; } } .main.main--index .video-block-usefull .video-rutube .video-rutube__name { height: 40px; } .section.contacts .map-block__map { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .section.contacts .map-block .anchor { top: -120px } .section.contacts .map-block .bx-yandex-view-map { width: 100%; position: absolute; height: 100% } .section.contacts .map-block .bx-google-map { width: 100% !important; height: 100%; position: absolute } .section.contacts .map-block iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .index-news { padding: 45px 0 90px; } a[href*="whatsapp"], a[href*="wa.me"], a[href*="youtube"], a[href*="youtu.be"], button[data-href*="whatsapp"], button[data-href*="wa.me"], button[data-href*="youtube"], button[data-href*="youtu.be"] { display: none !important; } .btn.btn--white { background-color: white; box-shadow: inset 0 0 8px rgba(0, 0, 0, .25); } .btn.btn--white:hover { color: #3b5d5d; } .catalog__list.filter-block__grid.grid-inline-4 .prod-item { width: calc(25% - .75rem); } @media (max-width: 1160px) { .catalog__list.filter-block__grid.grid-inline-4 .prod-item { width: calc(50% - .5rem); } } @media (max-width: 768) { .catalog__list.filter-block__grid.grid-inline-4.swiper-wrapper .prod-item { width: 100%; } } @media (max-width: 500px) { .catalog__list.filter-block__grid.grid-inline-4:not(.swiper-wrapper) .prod-item { width: 100%; } } #oneclick-order .licence_block { margin-bottom: 1rem; } .form .check .check__description a { font-weight: 500; } .prod-item__footer.item-1 .btn { width: 100%; } /* End */ /* Start:/local/templates/zr_main_template/components/bitrix/menu/top-mobile/style.css?1686085164892*/ .mobile-menu .mobile-menu__inner { height: 100vh; background-color: transparent; } .mobile-menu .mobile-menu__back { border-bottom: 2px solid white; } .mobile-menu .mobile-menu__inner .mobile-menu__inner-menu { padding: 0 30px; } .mobile-menu .mobile-menu__inner .mobile-menu__inner-menu .menu__title { font-size: 24px; font-weight: 600; color: #2F5050; margin-bottom: 15px; display: block; } .mobile-menu .mobile-menu__inner .mobile-menu__inner-menu .mobile-menu__link { padding-left: 0; text-decoration: underline; color: white; display: inline-block; } .mobile-menu { max-width: 100vw; } .menu__link--wrapper.subsection { list-style: none; margin: 0; color: white; padding: 0 10px; } .menu__link--wrapper.subsection .subsection__item:before { content: "—"; position: relative; left: -5px; } /* End */ /* Start:/local/templates/zr_main_template/components/sotbit/regions.choose/diasport/style.css?16785608826392*/ .select-city-wrap { position: relative; } .mobile-menu__items .select-city-wrap { padding: 0 0 0 30px; } .select-city__block__text { color: #919294; font-size: 12px; line-height: 30px; } .select-city__block__text-city { /* color: #414141; */ /* font-size: 12px; */ /* line-height: 30px; */ /* text-decoration: underline; */ /* text-decoration-style: dotted; */ cursor: pointer; } .select-city__dropdown__title { color: #414141; font-size: 13px; line-height: 30px; display: block; margin-bottom: 10px; } .select-city__dropdown { background-color: #ffffff; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22); width: 211px; text-align: center; padding: 11px 5px 17px 5px; } .select-city__dropdown-wrap { z-index: 99; position: absolute; } .select-city__dropdown__choose { display: inline-block; height: 32px; width: 82px; font-size: 12px; line-height: 32px; text-transform: uppercase; text-align: center; cursor: pointer; } .select-city__dropdown__choose:hover, .select-city__dropdown__choose:active, .select-city__dropdown__choose:focus { opacity: .7; } .select-city__dropdown__choose__yes { color: #919294; border: 1px solid #d3d3d3; margin-right: 15px; } .select-city__dropdown__choose__no { color: #ffffff; background: #333333; } .select-city__dropdown__choose-wrap { width: 100%; display: flex; align-items: center; justify-content: center; } .select-city__modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; display: none; } .modal-city__overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2500; } .select-city__modal-wrap { background-color: #ffffff; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22); width: 684px; padding: 37px 53px 40px 53px; position: relative; margin: 30vh auto; transition: width .2s; } .select-city__modal__title { color: #000000 !important; line-height: 30px; font-size: 25px !important; margin-bottom: 20px !important; } .select-city__modal__list { columns: 3; margin-bottom: 23px; } .select-city__modal__list__title { color: #000000; line-height: 30px; font-size: 14px; display: block; margin-bottom: 11px; } .select-city__modal__list__item { color: #414141 !important; line-height: 30px; font-size: 14px; margin: 0 !important; cursor: pointer; } .select-city__modal__list__item:hover, .select-city__modal__list__item:focus, .select-city__modal__list__item:active { color: #0978c6 !important; text-decoration: underline; text-decoration-color: #c1ddf1; } .select-city__modal__submit__block-wrap { background: #eceef1; padding: 21px 15px; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 42px); } .select-city__modal__submit__title { color: #000000; line-height: 30px; font-size: 14px; display: block; margin-bottom: 0px; } .select-city__modal__submit__input { border: 1px solid #d3d3d3; background: #ffffff; box-shadow: none; height: 32px; width: calc(100% - 32px); max-width: 517px; color: #414141; font-size: 14px; margin-right: 15px; padding: 0 15px; } .select-city__modal__submit__btn { background: #000000; border: none !important; box-shadow: none !important; width: 147px; height: 32px; text-transform: uppercase; color: #ffffff; font-size: 12px; } .select-city__modal__submit__btn:hover, .select-city__modal__submit__btn:active, .select-city__modal__submit__btn:focus { opacity: .7; } .select-city__close { background: url("/local/templates/zr_main_template/components/sotbit/regions.choose/diasport/img/select-city__close.png") no-repeat; background-position: center; width: 20px; height: 20px; position: absolute; top: 20px; right: 20px; cursor: pointer; } .select-city__close:hover { opacity: .7; } @media ( max-width: 768px) { .select-city__modal-wrap { width: 484px; padding: 37px 25px 40px 25px; } .select-city__modal__list { columns: 2; } } @media ( max-width: 575px) { .select-city__modal-wrap { width: 80%; padding: 27px 20px 30px 20px; } .select-city__modal-wrap { margin: 20vh auto; } .select-city__modal__title { font-size: 20px !important; margin-bottom: 10px !important; } .select-city__close { top: 15px; right: 15px; } .select-city__modal__list__item { font-size: 13px !important; } } @media ( max-width: 400px) { .select-city__modal__list { columns: unset; max-height: 100px; overflow: auto; } .select-city__modal-wrap { margin: 5vh auto; } .select-city__modal__list__title { line-height: 20px; } .select-city__modal__submit__block-wrap { display: block; } .select-city__modal__submit__input { margin-right: 0px; margin-bottom: 10px; } .select-city__modal-wrap { padding: 15px 20px; } .select-city__modal__submit__btn { width: 100%; } } .select-city__modal__submit__block-wrap__input_wrap { position: relative; width: 100%; } .select-city__modal__submit__block-wrap__input_wrap .sey-container { position: absolute; width: 100%; } .select-city__modal__submit__block-wrap__input_wrap .sey-list { padding-left: 0; margin: 0; } .select-city__modal__submit__block-wrap__input_wrap .sey-list li { list-style: none; } .select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-item { border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; background: #ffffff; height: 32px; width: 100%; max-width: 517px; color: #414141; cursor: pointer; font-size: 14px; padding: 0 15px; line-height: 32px; margin: 0 !important; } .select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-hide { display: none; } .select-city__modal__submit__block-wrap__input_wrap_error { color: red; position: absolute; top: -20px; } /* End */ /* Start:/local/components/zr/cookie.consent/templates/.default/style.css?17557663851377*/ .zr-cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); z-index: 9999; padding: 20px; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #333; } .zr-cookie-banner__content { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .zr-cookie-banner__text { flex: 1; } .zr-cookie-banner__text p { margin: 0; font-size: 14px; color: #333; } .zr-cookie-banner__link { color: #8CC63E; text-decoration: none; font-size: 14px; } .zr-cookie-banner__link:hover { text-decoration: underline; } .zr-cookie-banner__button { background: #8CC63E; color: #fff; border: none; padding: 12px 24px; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 500; white-space: nowrap; transition: background-color 0.3s ease; } .zr-cookie-banner__button:hover { background: #7ab32e; } @media (max-width: 768px) { .zr-cookie-banner { padding: 16px; } .zr-cookie-banner__content { flex-direction: column; text-align: center; gap: 16px; } .zr-cookie-banner__button { width: 100%; max-width: 200px; } } /* End */ /* Start:/local/templates/zr_main_template/styles.css?17006587847218*/ .swiper-slide iframe { position: absolute; width: 100%; height: 100%; } .notetext { display: inline-block; margin-bottom: 5rem; } .checkbox--filter .checkbox__label.disabled { pointer-events: none; } .checkbox--filter .checkbox__label.disabled u { color: #ccc; } * { scroll-behavior: smooth; } .prop-columnize .form-group__field { padding: 0; } .prop-columnize .form-group__wrapper { padding: 30px 0 30px 30px; } .form-group__field .scroll-wrapper { max-height: 500px; } .about-sport .image { position: absolute; right: 0; bottom: 0; } h2 { font-weight: 500; font-size: 2.5rem; text-transform: none; } h3 { font-size: 1.5rem; font-weight: 500; text-transform: none; margin: 1em 0 0; } .contacts p { margin: 0.5em 0 0; } .contacts__requisites { margin-top: 0.5em; border-spacing: 0; border-collapse: collapse; vertical-align: top; } .dzen-link { display: flex; align-items: center; gap: 10px; width: max-content; } .mobile-menu__link { color: #fff !important; } .mobile-menu__inner { height: auto; } .object-slider .slick-slide { margin: 0 5px 0 5px; } .object-slider .item { margin: 0 0 5px 0; } .filter-close { right: 20px; } .prod-slider__top { flex-wrap: wrap; gap: 20px 15px; align-items: center; } .catalog-video .item-wrap h2, .catalog-objects h2 { height: auto; margin: 20px 0; } .completed img { width: 100%; } .btn-outline:hover, .btn:hover { transition-duration: 0s !important; } .btn-outline, .btn { transition-duration: 0s !important; transition: all .3s linear; } .inner-descr__iframe { height: 300px; } .prod-slider__wrap .prod-item__body { min-height: 139px; } .breadcrubms { flex-wrap: wrap; } .breadcrubms span { position: relative; margin: 0 0 0 14px; } .breadcrubms span:before { position: absolute; left: -14px; margin: 0; } .breadcrubms > div:first-child span { margin: 0; } .breadcrubms > div:first-child span::before { content: none; } .breadcrubms > div a:hover span { color: #3d5c5e; } .inner-block__slider-left .slick-track { padding: 13px 0; } .price-block__top { align-items: center; } .amount { margin-top: 10px; width: 100%; } .video-index-7 { height: 100px !important; } .price-block__button-green:hover { background: linear-gradient(97deg, rgba(27, 29, 31, 0.6418942577030813) 0%, rgba(0, 0, 0, 1) 0%); } .catalog .item .text p, .catalog .item .text b { color: #fff; } @media screen and (max-width: 1024px) { .button-header-wrap { display: none; } .inner-block__slider .slider-tumb__img { height: 88px !important; } .logo { margin: 0; } .mobile-menu__items .button-header { } .footer-link:not(:last-child) { margin: 0 0 5px 0; } .filter-block__form { padding: 82px 28px 39px 28px; } .prod-slider__slider .slick-dots { position: static; } .inner-block__slider { padding: 0 0 25px 0; } .inner-block__slider-left .slick-track { padding: 0; } .inner-block__slider-arrows { left: 0; bottom: 34px; transform: none; } } @media (max-width: 991px) { .header__basket { padding-right: 0px !important; } .about-sport .image { right: 0px; bottom: 10px; display: none; } } @media (max-width: 767px) { .about-sport .image { display: block; position: relative; } h1 { font-size: 2rem; } h2 { font-size: 1.7rem; } .prod-slider__title { font-size: 24px; line-height: 30px; } .amount-button { display: flex; } .price-block { margin: 0 0 30px 0; } .amount.mb-40 { margin-bottom: 0 !important; } .price-block__button { width: 300px; margin: 9px auto 0 auto; } } @media screen and (max-width: 575px) { .number { flex: 0 0 50px; margin: 0 auto 20px auto; } .amount-button { flex-direction: column; } .mob-numb-btn .price-block__button-green { width: 100%; margin: 0 0 15px 0; font-size: 14px; } } @media screen and (max-width: 480px) { .catalog__list.filter-block__grid { grid-template-columns: 4fr; } } /* Правки */ .prod-slider__slider .slick-track { display: flex; } .prod-slider__slider .slick-slide { height: auto; flex: 0 0 auto; } .prod-slider__slider .slick-slide>div { height: 100%; border: 1px solid #ececec; border-radius: 10px; position: relative; } .prod-slider__slider .prod-item { position: static; } .prod-slider__slider .prod-item__body { position: relative; } .prod-slider__slider .slick-dots li button::before { content: none; } .prod-slider__slider .prod-item__body { border: none; border-radius: unset; } .catalog-section-seo-text p { margin: 0.5em 0 0; } .catalog-section-seo-text ul { margin: 0.5em 0 0.75em; } .catalog-section-seo-text li { margin: 0.25rem 0 0 1.25rem; } .price-block .btn.mb20 { margin-bottom: 0; } .hidden-coupon { display: none; } .pay-btn { margin-bottom: 50px; } .pay-btn input { display: flex; justify-content: center; align-items: center; background: linear-gradient(180deg, #8cc63e, #399348); box-shadow: inset 0 0 8px rgba(0, 0, 0, .25); border-radius: 20px; width: 100%; height: 42px; font-size: 16px; text-transform: uppercase; text-align: center; color: #fff; border: none; margin: 9px 0 0; cursor: pointer; transition: background-color .3s ease-in-out; } .main .pay-fail { margin: 30px 0; } .pay-btn input:hover { background: linear-gradient(180deg, #3c5e5e, #0a2929); } /* Плашка в каталоге */ .catalog-dots { max-width: 1487px; height: 69px; width: 100%; background: url(/assets/img/dots.jpg) no-repeat center; background-size: cover; margin: 0 auto; padding: 0 10px; } @media (min-width: 1025px) { .prod-slider__slider .slick-slide>div:hover .prod-item__hover { display: flex; } .prod-slider__slider .slick-slide>div:hover .prod-item__button--blue { background: linear-gradient(180deg, #3c5e5e, #0a2929); } } .icon { height: 18px; width: 18px; margin-right: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; } .icon.icon--location { background-image: url('/local/templates/zr_main_template/./img/location-red.png'); } .icon.icon--phone { background-image: url('/local/templates/zr_main_template/./img/phone-call-red.png'); } .icon.icon--whatsapp { background-image: url('/local/templates/zr_main_template/./img/whatsapp-red.svg'); } .opt-100 { opacity: 1; } .opt-90 { opacity: .9; } .opt-80 { opacity: .8; } .opt-70 { opacity: .7; } .opt-60 { opacity: .6; } .opt-50 { opacity: .5; } .opt-40 { opacity: .4; } .opt-30 { opacity: .3; } .opt-20 { opacity: .2; } .opt-10 { opacity: .1; } .opt-0 { opacity: 0; } /* End */ /* Start:/local/templates/zr_main_template/template_styles.css?173264001421101*/ .cf::before, .cf::after { content: ""; display: table; height: 0; line-height: 0; overflow: hidden; position: static; } .cf::after, .container::after { clear: both; } .link, .link u { background-color: transparent; -webkit-text-decoration-skip: objects; outline-color: inherit; -webkit-transition-property: color, border-color, background-size; -o-transition-property: color, border-color, background-size; transition-property: color, border-color, background-size; text-decoration: none; border-color: inherit; border-bottom-width: 1px; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; border-bottom-color: rgba(59, 93, 93, .3); background-image: -webkit-gradient(linear, left top, right top, from(#8cc63e), to(#8cc63e)); background-image: -webkit-linear-gradient(left, #8cc63e 0%, #8cc63e 100%); background-image: -o-linear-gradient(left, #8cc63e 0%, #8cc63e 100%); background-image: linear-gradient(to right, #8cc63e 0%, #8cc63e 100%); background-repeat: no-repeat; background-size: 100% 0; background-position: 0 100%; } button.link { border-top: 0; border-right: 0; border-left: 0; padding: 0; font-size: inherit; font-family: inherit; cursor: pointer; } .link:hover, .link:hover u { -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s; background-size: 100% 100%; } .link u { transition-property: border-color, background-size; background-image: -webkit-gradient(linear, left top, right top, from(#8cc63e), to(#8cc63e)); background-image: -webkit-linear-gradient(left, #8cc63e 0%, #8cc63e 100%); background-image: -o-linear-gradient(left, #8cc63e 0%, #8cc63e 100%); background-image: linear-gradient(to right, #8cc63e 0%, #8cc63e 100%); background-repeat: no-repeat; background-size: 100% 0; background-position: 0 100%; } .link.no-border { border-bottom: none; background-image: none; } .link:hover { color: #fff; } .link:active, .link:hover { outline-width: 0; } button.spoiler { position: relative; margin: 2px 0; } button.spoiler::after { content: "\25BC"; position: absolute; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; font-size: 0.8rem; color: #cccccc; top: 50%; transform: translateY(-50%) rotate(0deg); transform-origin: 60%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } button.spoiler:hover::after { color: #333333; } button.spoiler--opened::after { transform: translateY(-50%) rotate(60deg); } footer .dashed { color: #fff; border-color: #fff; } .footer__phone { margin-bottom: 0; } .modal__close:before { content: '✕'; font-weight: bold; color: #fff; font-family: Arial, sans-serif; line-height: 18px; } iframe { max-width: 100% !important; } .price.old { text-decoration: line-through; font-size: 52px; } .price.old + .price { color: #d71d40; } .card__label-action { background: #d71d40; color: #fff; position: absolute; display: inline-block; top: 0; right: 0; padding: 6px 12px; z-index: 3; } .mr20 { margin-right: 20px; } .mb20 { margin-bottom: 20px; } .mb40 { margin-bottom: 40px; } .card__info-amount .btn--xl { padding-left: 16px; padding-right: 20px; } .card--item .card__content--hover { height: calc(100% + 180px) } .w100{ width: 100%; } .form.have-errors button[type="submit"] { pointer-events: none; background-color: gray; } .modal__close::before { content: "x"; font-weight: bold; color: rgb(255, 255, 255); font-family: 'Rubik'; line-height: 18px; height: 18px; width: 18px; display: block; } .video-frame { background-size: contain; } .video, .video-frame { position: relative; background-image: url(/local/templates/football/html/build/images/video-bg.png); } .catalog-video .item .video-frame { background-image: url(/local/templates/zr_main_template/images/video-bg-black.png); } .catalog-video .item .video-frame iframe { width: 86% !important; } .header__phone-icon{ color: #3b5d5d; height: 20px; } .header__row{ align-items: center; } .apply-filter{ display: none; } .landing-import{ background-image: url(/upload/images/new_flags.png) !important; background-size: 60% 60%; background-position: 0 95%; } .card--item:hover .card__content{ z-index: 15; } @media (min-width: 992px) { .col-lg-2_5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } .menu{ min-height: 150px; max-width: 340px; } @media (max-width: 768px) { .card__content{ visibility: visible!important; opacity: 1!important; height: 100% !important; } .card--item{ padding-bottom: 180px; } .card--item .card__content{ z-index: 2!important; } .card--item .card__content .btn{ opacity: 1!important; transform: scale(1) !important; } } .js-catalog-navigation { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #E1E1E1; margin: 30px 0 0 0; padding: 30px 0 0 0; } .js-catalog-navigation .ajax-pagination { } .js-catalog-navigation .ajax-pagination a, .js-catalog-navigation .ajax-pagination span { display: inline-block; vertical-align: baseline; margin: 0 20px 0 0; border-bottom-width: 1px; border-bottom-style: solid; } .js-catalog-navigation .ajax-pagination a, .js-catalog-navigation .ajax-pagination span.arrow { text-decoration: none; outline: 0 none; border-color: transparent; color: #414141; } .js-catalog-navigation .ajax-pagination a:hover { border-color: inherit; background: none; } .js-catalog-navigation .ajax-pagination span { border-color: inherit; color: #8CC63E; } .js-catalog-navigation .js-more.prod-item__button { width: auto; padding-left: 50px; padding-right: 50px; margin: 0; } .js-catalog-navigation .count { color: #7A7A7A; } .item-preview { max-height: calc(100vh - 80px) !important; } .card__slider-slide { background-position: center; background-repeat: no-repeat; } .item-preview__info h2 { font-size: 30px; } .banner-list:hover .banner-list__more { color: #fff; background-color: #3D5C5E; z-index: 1; } .banner-list:hover::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5); } .prod-item__hover .zoom { width: 100px; height: auto; position: absolute; left: 50%; top: 60px; margin-left: -50px; cursor: pointer; z-index: 10; opacity: 0.5; } .prod-item__hover .zoom:hover { opacity: 1; } .call-whats-app { display: inline-block; margin: 5px 0 0 0; } .call-whats-app img { vertical-align: middle; width: 26px; height: auto; margin: 0 12px 0 -3px; } .call-whats-app span { color: #3D5C5E; vertical-align: middle; } .form-captcha { width: auto !important; height: auto !important; display: block; margin: 0 0 10px 0; } .header__phone a.link-phone__link { color: #3D5C5E; } .footer__bottom .link--pic img { width: 28px; height: 28px; } .header__top-right .link--pic img { width: 24px; height: 24px; } img.js-favorite { display: none !important; } .prod-item__vids { top: 10px; } a.prod-item__name { min-height: 61px; } .prod-slider__wrap .prod-item__name { min-height: 79px; } button.top-inf__like.bookmark-link.no-border.js-favorite { display:none; } .prod-item__hover .prod-item__button--blue, .prod-slider__slider .slick-slide>div:hover .prod-item__button--blue, .card__info-amount .btn--primary { background: white; } .prod-item__button { background: linear-gradient(180deg, #8cc63e, #399348); } .prod-item__hover .prod-item__button--blue:hover, .prod-item__button:hover, .prod-slider__slider .slick-slide>div:hover .prod-item__button--blue:hover, .card__info-amount .btn--primary:hover, button.btn.btn--secondary.btn--xl.btn-shadow--primary:hover { background: white; } @media only screen and (min-width: 980px) { header.header.fixedme .header__mid-links.d-flex.align-items-center, header.header.fixedme .button-header-wrap { display: none !important; } header.header.fixedme .header__phone { display: flex; justify-content: space-between; align-items: center; } header.header.fixedme .header__top-wrap { display: none; } header.header.fixedme a.header__phone-text.js-popup { margin-left: 16px; } header.header.fixedme .header__mid.d-flex.align-items-center { justify-content: space-between; padding: 4px 0; } header.header.fixedme .logo img { margin-bottom: 0; height: 47px; } } .spaceclears .prod-slider { margin-top: 0px; } .catalog-objects h2 { text-align: center; } .onmobiles { display:none; } @media (max-width: 767px) { .onmobiles { display:block; } form.order_button .prod-item__button { display: block; font-size: 12px } } /** CODEROOM правки по верстке */ .prod-item__fixed-img { width: 294px; height: 250px; } .prod-slider__wrap .prod-item__name { min-height: 102px; border-bottom: none; } .prod-slider__wrap .prod-item__name:hover { background: none; } .btn--secondary { background: linear-gradient(180deg, #8cc63e, #399348); } .price-block__button { font-size: 18px; background: linear-gradient(180deg, #8cc63e, #399348); } .price-block__button:hover, .btn--primary:hover { background: linear-gradient(180deg, #3c5e5e, #0a2929); } @media (max-width: 767px) { .price-block__button { font-size: 14px; width: 100%; } .prod-slider__wrap .prod-item__name { min-height: 64px; } .prod-item__mid { display: none; } } @media (max-width: 400px) { .prod-slider__wrap .prod-item__name { min-height: 80px; } .prod-item__prices { min-height: 40px; } } a { background: none; border-bottom: none; } a:hover { color: #3b5d5d; } .callback-block__link:hover { background: linear-gradient(180deg, #3c5e5e, #0a2929); } .index-slider { height: 500px; } @media (max-width: 767px) { .index-slider { height: 400px; } } .prod-item__hover { background: linear-gradient(359.72deg, #fff 68.55%, hsla(0, 0%, 100%, 0) 114.38%) !important; backdrop-filter: blur(4px) !important; } .prod-item__hover .zoom { z-index: 10; } .prod-item__hover button { position: relative !important; z-index: 10 !important; } .prod-item button { position: relative !important; z-index: 10 !important; } .scroll-item { transition: box-shadow .2s ease-in-out; } .remove-dots .slick-dots { display: none!important; } .mobile-arrows { display: none; } .prod-slider__boxShadow .prod-item { border-radius: 12px; box-shadow: 0 0 12px rgb(140 198 62 / 80%); } @media (max-width: 768px) { .mobile-arrows { position: static; display: flex; } .remove-dots { margin-bottom: 10px !important; } } /* Наши объекты */ .object { background: #252525; } .object .catalog-video { margin: 0; padding: 50px; } .object__container { padding: 0 15px; max-width: 1400px; width: 100%; margin: 0 auto; } .object__about { padding-top: 80px; } .object .about__title { text-align: center; font-weight: 500; margin: 0; padding: 0; font-size: 30px; color: #fff; margin-top: 10px; margin-bottom: 25px; } .object__about { margin-bottom: 0 !important; gap: 20px; display: grid; grid-template-columns: 1.25fr 2fr; } .object__about p { line-height: 125%; font-size: 16px; color: #fff; margin: 0; padding: 0; padding-top: 10px; } .object__about p:before { display: none; } .object__photos { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } .object__photos a { opacity: 1; transition: opacity .3s ease-in-out; } .object__photos { overflow: hidden; } .object__photos a:hover { opacity: 0.85; } .object__photos img { width: 100%; height: 100%; object-fit: cover; } .btn__wrap { width: 100%; text-align: center; } .object .about__btn { cursor: pointer; opacity: 1; transition: opacity .3s ease-in-out; font-weight: 500; text-align: center; margin-top: 50px; background-color: #fff; border: none; outline: none; border-radius: 2px; padding: 15px 18px; font-size: 16px; width: auto !important; height: auto !important; color: #0c0c0c; } .object .about__btn:hover { opacity: 0.85; } .object .football-catalog::after { display: none; } .football-title { text-align: center; font-size: 24px; color: #fff; margin-bottom: 60px; } .object .catalog-video h2 { color: #fff; } .object .catalog-video .item .video-frame { background: url('/local/include/ukladka-iskusstvennogo-gazona/img/video-plenka.png'); background-size: 100% 100%; } .object-wrap { display: flex; gap: 30px; justify-content: space-between; } .object-wrap .item .flex { flex-direction: column; } .object-wrap .item .image { width: 85%; margin: 0 auto; } .object-wrap .item .text { width: 100%; } .object-wrap .item .text .name { font-size: 18px; } .object-wrap .item .text p { font-size: 16px; line-height: 125%; } .object-wrap .item .text ul li { font-size: 16px; padding: 0; margin: 0; } .object-wrap .item .text button { width: 250px; font-size: 15px; height: 55px; } .object .catalog-title { text-transform: none; letter-spacing: initial; font-weight: 500; margin: 0; color: #fff; padding: 0; font-size: 25px; } .object-wrap .item .bold { padding-top: 10px; border-top: 1px solid #a3a3a3; } .certificate { padding: 60px 0; background-color: #fff; } .certificate__wrap { display: flex; justify-content: space-between; gap: 50px; } .certificate__bottom { display: flex; justify-content: flex-end; } .certificate__logo { margin-right: 50px; width: 124px; } .certificate__text p { margin-top: 0; } .object__reviews { margin-top: 40px; margin-bottom: 70px; } .object__object { padding: 50px 0; background-color: #fff; } .object__catalog { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 25px; } .object__item span { color: #0c0c0c; } .object__item .prod-item__name { min-height: auto; font-weight: 500; } .object__item .prod-item__table { display: flex; flex-direction: column; gap: 5px; } .object__item-img { height: 200px; object-fit: cover; } .object__about { padding-bottom: 80px; } .map-section__wrap { padding-bottom: 50px; } .object .prod-item__body { height: 210px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; } .map-section__selects { margin-top: 25px; display: flex; justify-content: center; gap: 15px; } .map-title { margin-bottom: 25px !important; } .map-section__selects select { width: 200px; height: 30px; background: #fff; padding: 0px 2px; color: #0c0c0c; } .object__title { color: #0c0c0c !important; margin-bottom: 15px !important; } .object__select { width: 200px; color: #0c0c0c; border: 1px solid #0c0c0c; height: 30px; } .object__select-wrap { display: flex; justify-content: center; margin-bottom: 25px; } .object__btn-wrap { display: flex; justify-content: center; margin-top: 25px; } .object__btn { display: flex; justify-content: center; align-items: center; background: linear-gradient(180deg, #8cc63e, #399348); box-shadow: inset 0 0 8px rgba(0, 0, 0, .25); border-radius: 20px; width: 250px; padding: 10px 20px; font-size: 16px; text-transform: uppercase; text-align: center; color: #fff; border: none; margin: 9px 0 0; cursor: pointer; transition: all .3s ease; } .object__btn:hover { color: white; background: linear-gradient(180deg, #3c5e5e, #0a2929); } .map-popup { display: flex; flex-direction: column; gap: 2px; } .map-popup strong { font-weight: 700; font-size: 14px; } .ymaps-2-1-79-balloon__layout, .ymaps-2-1-79-balloon { border-radius: 8px; } .map-popup a { display: flex; justify-content: center; align-items: center; background: linear-gradient(180deg, #8cc63e, #399348); box-shadow: inset 0 0 8px rgba(0, 0, 0, .25); border-radius: 20px; width: 150px; height: 25px; font-size: 13px; text-transform: uppercase; text-align: center; color: #fff; border: none; margin: 6px 0 0; cursor: pointer; transition: background .3s ease-in-out; } .map-popup a:hover { background: linear-gradient(180deg, #3c5e5e, #0a2929); } .object .prod-item__button:hover { color: #fff; } .object__object .prod-item__button { margin: 0; } .object .object__reviews { background: #252525; } .object .object__reviews .certificate-block__title { color: #fff; } .object .object__reviews .owl-nav .owl-next, .object .object__reviews .owl-nav .owl-prev { filter: brightness(5); } .object__info { text-align: center; } .button-grid { display: grid; grid-template-columns: 1fr 1fr; } .catalog-item__title { margin-top: 60px; margin-bottom: 60px; display: flex; justify-content: space-between; align-items: center; gap: 10px; } .catalog-item__title span { background: #3b5d5d; height: 2px; width: 60%; } .catalog-item__title h2 { color: #3b5d5d; font-weight: 500; width: 100%; margin: 0; text-align: center; font-size: 22px; text-transform: uppercase; } @media (max-width: 1440px) { .object .image::before { display: none; } } @media (max-width: 1024px) { .object .object__about { grid-template-columns: 1fr; } .object .object__text p { width: 100%; } .object .about__title { margin-bottom: 15px; } .object .about__btn { padding: 12px 15px; margin: 20px 0; } .object .object__about { padding-bottom: 50px; padding-top: 60px; } .object .object__photos { grid-template-columns: 1fr 1fr 1fr; } .object .football-about-text.about-text { padding-top: 50px; padding-bottom: 0; } } @media (max-width: 991px) { .catalog-item__title h2 { font-size: 16px; } .catalog-item__title span { width: 50%; } .object__container { max-width: 747px; } .object .map-section__selects { justify-content: space-between; gap: 0; } .object .object__catalog { gap: 15px; } .object .object-wrap { flex-direction: column; gap: 75px; } .object .catalog .item .image { padding: initial; } .object .football-catalog.catalog .item { margin-bottom: 0; } .object .catalog-title { margin-bottom: 60px; } .object .object-wrap { padding-bottom: 50px; } .object .certificate__wrap { gap: 20px; } .object .certificate__wrap img { max-width: 300px; } .object .certificate__logo { padding: 0; } .object .catalog-video .item-wrap h2, .catalog-objects h2 { height: 40px; } .object .catalog-video { padding: 25px 0 50px 0; } .object__object .prod-item__name { font-size: 16px; } } @media (max-width: 768px) { .button-grid { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; } .object .about__title { margin-top: 0; } .object .object__photos { grid-template-columns: 1fr 1fr; } .object .map-section__selects { flex-direction: column; gap: 10px !important; align-items: center; } .object .object__catalog { grid-template-columns: 1fr 1fr; } .object .prod-item__button { display: flex; } } @media (max-width: 576px) { .catalog-item__title span { width: 20%; } .button-grid { gap: 0px; } .object .certificate__wrap { gap: 25px; flex-direction: column; } .object .certificate__wrap img { margin: 0 auto; } } @media (max-width: 480px) { .object .object__catalog { grid-template-columns: 1fr; } .object__object .prod-item__body { height: 190px; } } /* End */ /* /local/templates/.default/html/build/styles/styles.css?1678535686217096 */ /* /local/templates/zr_main_template/css/fancybox.min.css?167856088215613 */ /* /local/templates/zr_main_template/css/media.css?1678560882573 */ /* /local/include/css/style.css?1678535680315 */ /* /local/include/css/media.css?16785356801815 */ /* /local/templates/.default/html/build/3rdParty/jquery.scrollbar/jquery.scrollbar.css?167853568623056 */ /* /local/templates/zr_main_template/js/lib/micromodal/micromodal.min.css?17211238192397 */ /* /local/templates/zr_main_template/vendor/notify-js/notify.simple.min.css?17265710566249 */ /* /assets/css/styles.css?1732451636193040 */ /* /local/templates/zr_main_template/css/custom.css?177424349835040 */ /* /local/templates/zr_main_template/components/bitrix/menu/top-mobile/style.css?1686085164892 */ /* /local/templates/zr_main_template/components/sotbit/regions.choose/diasport/style.css?16785608826392 */ /* /local/components/zr/cookie.consent/templates/.default/style.css?17557663851377 */ /* /local/templates/zr_main_template/styles.css?17006587847218 */ /* /local/templates/zr_main_template/template_styles.css?173264001421101 */