@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100; 0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);/* * iziToast | v1.4.0 * http://izitoast.marcelodolce.com * by Marcelo Dolce. */ .iziToast-capsule{font-size:0;height:0;width:100%;transform:translateZ(0);backface-visibility:hidden;transition:transform .5s cubic-bezier(.25,.8,.25,1),height .5s cubic-bezier(.25,.8,.25,1)}.iziToast-capsule,.iziToast-capsule *{box-sizing:border-box}.iziToast-overlay{display:block;position:fixed;top:-100px;left:0;right:0;bottom:-100px;z-index:997}.iziToast{display:inline-block;clear:both;position:relative;font-family:'Lato',Tahoma,Arial;font-size:14px;padding:8px 45px 9px 0;background:rgba(238,238,238,.9);border-color:rgba(238,238,238,.9);width:100%;pointer-events:all;cursor:default;transform:translateX(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-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;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{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{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:flex;flex-direction:column}.iziToast-wrapper .iziToast.iziToast-balloon:before{border-right:0 solid transparent;border-left:15px solid transparent;border-top:10px solid #000;border-top-color:inherit;right:8px;left:auto}.iziToast-wrapper-bottomLeft{left:0;bottom:0;text-align:left}.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before,.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;justify-content:center;flex-flow:column;align-items:center}.iziToast-rtl{direction:rtl;padding:8px 0 9px 45px;font-family:Tahoma,'Lato',Arial}.iziToast-rtl .iziToast-cover{left:auto;right:0}.iziToast-rtl .iziToast-close{right:auto;left:0}.iziToast-rtl .iziToast-body{padding:0 10px 0 0;margin:0 16px 0 0;text-align:right}.iziToast-rtl .iziToast-body .iziToast-buttons,.iziToast-rtl .iziToast-body .iziToast-inputs,.iziToast-rtl .iziToast-body .iziToast-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}@media only screen and (min-width:568px){.iziToast-wrapper{padding:10px 15px}.iziToast{margin:5px 0;border-radius:3px;width:auto}.iziToast:after{content:'';z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;box-shadow:inset 0 -10px 20px -10px rgba(0,0,0,.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{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{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{box-shadow:inset 0 -10px 20px -10px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1)}}.iziToast.iziToast-theme-dark{background:#565c70;border-color:#565c70}.iziToast.iziToast-theme-dark .iziToast-title{color:#fff}.iziToast.iziToast-theme-dark .iziToast-message{color:rgba(255,255,255,.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{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{animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both}.iziToast .slideIn,.iziToast.slideIn{animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both}.iziToast.bounceInLeft{animation:iziT-bounceInLeft .7s ease-in-out both}.iziToast.bounceInRight{animation:iziT-bounceInRight .85s ease-in-out both}.iziToast.bounceInDown{animation:iziT-bounceInDown .7s ease-in-out both}.iziToast.bounceInUp{animation:iziT-bounceInUp .7s ease-in-out both}.iziToast .fadeIn,.iziToast.fadeIn{animation:iziT-fadeIn .5s ease both}.iziToast.fadeInUp{animation:iziT-fadeInUp .7s ease both}.iziToast.fadeInDown{animation:iziT-fadeInDown .7s ease both}.iziToast.fadeInLeft{animation:iziT-fadeInLeft .85s cubic-bezier(.25,.8,.25,1) both}.iziToast.fadeInRight{animation:iziT-fadeInRight .85s cubic-bezier(.25,.8,.25,1) both}.iziToast.flipInX{animation:iziT-flipInX .85s cubic-bezier(.35,0,.25,1) both}.iziToast.fadeOut{animation:iziT-fadeOut .7s ease both}.iziToast.fadeOutDown{animation:iziT-fadeOutDown .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast.fadeOutUp{animation:iziT-fadeOutUp .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast.fadeOutLeft{animation:iziT-fadeOutLeft .5s ease both}.iziToast.fadeOutRight{animation:iziT-fadeOutRight .5s ease both}.iziToast.flipOutX{backface-visibility:visible!important;animation:iziT-flipOutX .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast-overlay.fadeIn{animation:iziT-fadeIn .5s ease both}.iziToast-overlay.fadeOut{animation:iziT-fadeOut .7s ease both}@keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@keyframes iziT-slideIn{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iziT-fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes iziT-fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes iziT-fadeInLeft{0%{opacity:0;transform:translate3d(300px,0,0)}to{opacity:1;transform:none}}@keyframes iziT-fadeInRight{0%{opacity:0;transform:translate3d(-300px,0,0)}to{opacity:1;transform:none}}@keyframes iziT-flipInX{0%{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg)}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}@keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-200px,0,0)}}@keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(200px,0,0)}}@keyframes iziT-flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@charset "UTF-8"; /*! * Bootstrap v4.6.2 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: rgb(0, 86.1, 178.5); text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 0.875em; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } .row { display: flex; 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-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } .table, .brand-table__container table, .stock-table__container table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .brand-table__container table th, .stock-table__container table th, .table td, .brand-table__container table td, .stock-table__container table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th, .brand-table__container table thead th, .stock-table__container table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody, .brand-table__container table tbody + tbody, .stock-table__container table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: rgb(183.6, 218.04, 255); } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: rgb(122.4, 186.36, 255); } .table-hover .table-primary:hover { background-color: rgb(158.1, 204.84, 255); } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(158.1, 204.84, 255); } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: rgb(213.84, 216.36, 218.6); } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: rgb(178.56, 183.24, 187.4); } .table-hover .table-secondary:hover { background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747); } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747); } .table-success, .table-success > th, .table-success > td { background-color: rgb(194.8, 230.36, 202.92); } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: rgb(143.2, 209.24, 158.28); } .table-hover .table-success:hover { background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535); } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535); } .table-info, .table-info > th, .table-info > td { background-color: rgb(190.04, 228.96, 235.12); } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: rgb(134.36, 206.64, 218.08); } .table-hover .table-info:hover { background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752); } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752); } .table-warning, .table-warning > th, .table-warning > td { background-color: rgb(255, 237.64, 185.56); } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: rgb(255, 222.76, 126.04); } .table-hover .table-warning:hover { background-color: rgb(255, 231.265, 160.06); } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(255, 231.265, 160.06); } .table-danger, .table-danger > th, .table-danger > td { background-color: rgb(245.2, 198.44, 202.92); } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: rgb(236.8, 149.96, 158.28); } .table-hover .table-danger:hover { background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722); } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722); } .table-light, .table-light > th, .table-light > td { background-color: rgb(253.04, 253.32, 253.6); } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: rgb(251.36, 251.88, 252.4); } .table-hover .table-light:hover { background-color: rgb(238.165, 240.57, 242.975); } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: rgb(238.165, 240.57, 242.975); } .table-dark, .table-dark > th, .table-dark > td { background-color: rgb(198.16, 199.84, 201.52); } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: rgb(149.44, 152.56, 155.68); } .table-hover .table-dark:hover { background-color: rgb(185.0216751269, 187.09, 189.1583248731); } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: rgb(185.0216751269, 187.09, 189.1583248731); } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th, .brand-table__container table .thead-dark th, .stock-table__container table .thead-dark th { color: #fff; background-color: #343a40; border-color: rgb(69.1465517241, 77.125, 85.1034482759); } .table .thead-light th, .brand-table__container table .thead-light th, .stock-table__container table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: rgb(69.1465517241, 77.125, 85.1034482759); } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: rgb(127.5, 189, 255); outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: rgb(51.6956521739, 206.3043478261, 87); background-color: rgb(51.6956521739, 206.3043478261, 87); } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: rgb(227.5316455696, 96.4683544304, 109.0253164557); background-color: rgb(227.5316455696, 96.4683544304, 109.0253164557); } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: rgb(0, 104.55, 216.75); border-color: rgb(0, 98.4, 204); } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: rgb(0, 104.55, 216.75); border-color: rgb(0, 98.4, 204); box-shadow: 0 0 0 0.2rem rgba(38.25, 142.8, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: rgb(0, 98.4, 204); border-color: rgb(0, 92.25, 191.25); } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38.25, 142.8, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339); border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785); } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339); border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785); box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785); border-color: rgb(78.4506437768, 84.9881974249, 90.7993562232); } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: rgb(32.6086956522, 136.1413043478, 56.25); border-color: rgb(30.1449275362, 125.8550724638, 52); } .btn-success:focus, .btn-success.focus { color: #fff; background-color: rgb(32.6086956522, 136.1413043478, 56.25); border-color: rgb(30.1449275362, 125.8550724638, 52); box-shadow: 0 0 0 0.2rem rgba(72.25, 180.2, 96.9, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: rgb(30.1449275362, 125.8550724638, 52); border-color: rgb(27.6811594203, 115.5688405797, 47.75); } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72.25, 180.2, 96.9, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: rgb(18.75, 132.0652173913, 150); border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667); } .btn-info:focus, .btn-info.focus { color: #fff; background-color: rgb(18.75, 132.0652173913, 150); border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667); box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667); border-color: rgb(15.9166666667, 112.1086956522, 127.3333333333); } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: rgb(223.75, 167.8125, 0); border-color: rgb(211, 158.25, 0); } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: rgb(223.75, 167.8125, 0); border-color: rgb(211, 158.25, 0); box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: rgb(211, 158.25, 0); border-color: rgb(198.25, 148.6875, 0); } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: rgb(200.082278481, 34.667721519, 50.5158227848); border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987); } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: rgb(200.082278481, 34.667721519, 50.5158227848); border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987); box-shadow: 0 0 0 0.2rem rgba(225.25, 83.3, 96.9, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987); border-color: rgb(178.3481012658, 30.9018987342, 45.0284810127); } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225.25, 83.3, 96.9, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: rgb(225.6875, 229.875, 234.0625); border-color: rgb(218.25, 223.5, 228.75); } .btn-light:focus, .btn-light.focus { color: #212529; background-color: rgb(225.6875, 229.875, 234.0625); border-color: rgb(218.25, 223.5, 228.75); box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: rgb(218.25, 223.5, 228.75); border-color: rgb(210.8125, 217.125, 223.4375); } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: rgb(34.8534482759, 38.875, 42.8965517241); border-color: rgb(29.1379310345, 32.5, 35.8620689655); } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: rgb(34.8534482759, 38.875, 42.8965517241); border-color: rgb(29.1379310345, 32.5, 35.8620689655); box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: rgb(29.1379310345, 32.5, 35.8620689655); border-color: rgb(23.4224137931, 26.125, 28.8275862069); } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: rgb(0, 86.1, 178.5); text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.width { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.width { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: rgb(21.6283783784, 24.25, 26.8716216216); text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; print-color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(127.5, 189, 255); } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: rgb(178.5, 215.4, 255); border-color: rgb(178.5, 215.4, 255); } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: 1px solid #adb5bd; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50%/50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: rgb(127.5, 189, 255); outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: rgb(127.5, 189, 255); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: rgb(178.5, 215.4, 255); } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: rgb(178.5, 215.4, 255); } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: rgb(178.5, 215.4, 255); } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background-color: transparent; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50%/100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: rgb(0, 86.1, 178.5); text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: rgb(0, 98.4, 204); } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785); } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: rgb(30.1449275362, 125.8550724638, 52); } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667); } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: rgb(211, 158.25, 0); } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987); } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: rgb(218.25, 223.5, 228.75); } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: rgb(29.1379310345, 32.5, 35.8620689655); } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: rgb(0, 63.96, 132.6); background-color: rgb(204, 228.6, 255); border-color: rgb(183.6, 218.04, 255); } .alert-primary hr { border-top-color: rgb(158.1, 204.84, 255); } .alert-primary .alert-link { color: rgb(0, 39.36, 81.6); } .alert-secondary { color: rgb(56.16, 60.84, 65); background-color: rgb(225.6, 227.4, 229); border-color: rgb(213.84, 216.36, 218.6); } .alert-secondary hr { border-top-color: rgb(200.3075090253, 203.6560288809, 206.6324909747); } .alert-secondary .alert-link { color: rgb(32.5205150215, 35.2305579399, 37.6394849785); } .alert-success { color: rgb(20.8, 86.84, 35.88); background-color: rgb(212, 237.4, 217.8); border-color: rgb(194.8, 230.36, 202.92); } .alert-success hr { border-top-color: rgb(176.7059405941, 222.9540594059, 187.2665346535); } .alert-success .alert-link { color: rgb(10.9449275362, 45.6950724638, 18.88); } .alert-info { color: rgb(11.96, 84.24, 95.68); background-color: rgb(208.6, 236.4, 240.8); border-color: rgb(190.04, 228.96, 235.12); } .alert-info hr { border-top-color: rgb(170.5152475248, 221.1332673267, 229.1447524752); } .alert-info .alert-link { color: rgb(6.2933333333, 44.3269565217, 50.3466666667); } .alert-warning { color: rgb(132.6, 100.36, 3.64); background-color: rgb(255, 242.6, 205.4); border-color: rgb(255, 237.64, 185.56); } .alert-warning hr { border-top-color: rgb(255, 231.265, 160.06); } .alert-warning .alert-link { color: rgb(82.9625954198, 62.7912977099, 2.2774045802); } .alert-danger { color: rgb(114.4, 27.56, 35.88); background-color: rgb(248, 214.6, 217.8); border-color: rgb(245.2, 198.44, 202.92); } .alert-danger hr { border-top-color: rgb(241.4341772152, 176.7058227848, 182.9073417722); } .alert-danger .alert-link { color: rgb(73.3010989011, 17.6589010989, 22.9898901099); } .alert-light { color: rgb(128.96, 129.48, 130); background-color: rgb(253.6, 253.8, 254); border-color: rgb(253.04, 253.32, 253.6); } .alert-light hr { border-top-color: rgb(238.165, 240.57, 242.975); } .alert-light .alert-link { color: rgb(103.5492351816, 103.98, 104.4107648184); } .alert-dark { color: rgb(27.04, 30.16, 33.28); background-color: rgb(214.4, 215.6, 216.8); border-color: rgb(198.16, 199.84, 201.52); } .alert-dark hr { border-top-color: rgb(185.0216751269, 187.09, 189.1583248731); } .alert-dark .alert-link { color: rgb(4.1779310345, 4.66, 5.1420689655); } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: rgb(0, 63.96, 132.6); background-color: rgb(183.6, 218.04, 255); } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: rgb(0, 63.96, 132.6); background-color: rgb(158.1, 204.84, 255); } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: rgb(0, 63.96, 132.6); border-color: rgb(0, 63.96, 132.6); } .list-group-item-secondary { color: rgb(56.16, 60.84, 65); background-color: rgb(213.84, 216.36, 218.6); } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: rgb(56.16, 60.84, 65); background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747); } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: rgb(56.16, 60.84, 65); border-color: rgb(56.16, 60.84, 65); } .list-group-item-success { color: rgb(20.8, 86.84, 35.88); background-color: rgb(194.8, 230.36, 202.92); } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: rgb(20.8, 86.84, 35.88); background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535); } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: rgb(20.8, 86.84, 35.88); border-color: rgb(20.8, 86.84, 35.88); } .list-group-item-info { color: rgb(11.96, 84.24, 95.68); background-color: rgb(190.04, 228.96, 235.12); } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: rgb(11.96, 84.24, 95.68); background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752); } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: rgb(11.96, 84.24, 95.68); border-color: rgb(11.96, 84.24, 95.68); } .list-group-item-warning { color: rgb(132.6, 100.36, 3.64); background-color: rgb(255, 237.64, 185.56); } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: rgb(132.6, 100.36, 3.64); background-color: rgb(255, 231.265, 160.06); } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: rgb(132.6, 100.36, 3.64); border-color: rgb(132.6, 100.36, 3.64); } .list-group-item-danger { color: rgb(114.4, 27.56, 35.88); background-color: rgb(245.2, 198.44, 202.92); } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: rgb(114.4, 27.56, 35.88); background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722); } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: rgb(114.4, 27.56, 35.88); border-color: rgb(114.4, 27.56, 35.88); } .list-group-item-light { color: rgb(128.96, 129.48, 130); background-color: rgb(253.04, 253.32, 253.6); } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: rgb(128.96, 129.48, 130); background-color: rgb(238.165, 240.57, 242.975); } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: rgb(128.96, 129.48, 130); border-color: rgb(128.96, 129.48, 130); } .list-group-item-dark { color: rgb(27.04, 30.16, 33.28); background-color: rgb(198.16, 199.84, 201.52); } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: rgb(27.04, 30.16, 33.28); background-color: rgb(185.0216751269, 187.09, 189.1583248731); } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: rgb(27.04, 30.16, 33.28); border-color: rgb(27.04, 30.16, 33.28); } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } /* Código hacer no clickeable el toast en marcars */ .toast:not(.show) { display: none !important; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -moz-min-content; height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -moz-min-content; height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid rgb(247.35, 247.35, 247.35); } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: rgb(247.35, 247.35, 247.35); border-bottom: 1px solid rgb(234.6, 234.6, 234.6); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50%/100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentcolor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: rgb(0, 98.4, 204) !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: rgb(30.1449275362, 125.8550724638, 52) !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667) !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: rgb(211, 158.25, 0) !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987) !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: rgb(218.25, 223.5, 228.75) !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .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: flex !important; } .d-inline-flex { 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: flex !important; } .d-sm-inline-flex { 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: flex !important; } .d-md-inline-flex { 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: flex !important; } .d-lg-inline-flex { 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: flex !important; } .d-xl-inline-flex { 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: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714286%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { 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: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .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; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100, .riesgos-accordion .card-header p, .riesgos-accordion .card-header button { 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, .riesgos-accordion .card-header p, .riesgos-accordion .card-header button { 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; } .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: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.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, .proceso-calculo .proceso-content .tab-title, .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: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.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, .proceso-calculo .proceso-content .tab-title, .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: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.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: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.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: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.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: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.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: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.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: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.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: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.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: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.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: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.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: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.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: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.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: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.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: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.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; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .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: rgb(0, 86.1, 178.5) !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: rgb(25.2173913043, 105.2826086957, 43.5) !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: rgb(14.5, 102.1304347826, 116) !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: rgb(185.5, 139.125, 0) !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: rgb(203.375, 210.75, 218.125) !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: rgb(17.7068965517, 19.75, 21.7931034483) !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; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table, .brand-table__container table, .stock-table__container table { border-collapse: collapse !important; } .table td, .brand-table__container table td, .stock-table__container table td, .table th, .brand-table__container table th, .stock-table__container table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th, .brand-table__container table .thead-dark th, .stock-table__container table .thead-dark th { color: inherit; border-color: #dee2e6; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * 3DX */ .hamburger--3dx .hamburger-box { perspective: 80px; } .hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { perspective: 80px; } .hamburger--3dx-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { perspective: 80px; } .hamburger--3dy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { perspective: 80px; } .hamburger--3dy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { perspective: 80px; } .hamburger--3dxy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { perspective: 80px; } .hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { transition-property: none; } .hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -80px; top: -80px; transform: translate3d(80px, 80px, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -80px; top: -80px; transform: translate3d(-80px, 80px, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -80px; top: 80px; transform: translate3d(80px, -80px, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -80px; top: 80px; transform: translate3d(-80px, -80px, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 2px; } .hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 20px; } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 2px; } .hamburger--slider-r .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 20px; } .hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent !important; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand-r .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } @font-face { font-family: Roboto; font-style: 500; font-weight: normal; font-display: swap; src: url("/fonts/roboto/Roboto-Regular.ttf"); } @font-face { font-family: RobotoBold; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/roboto/Roboto-Bold.ttf"); } @font-face { font-family: "Raleway", sans-serif; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/raleway/"Raleway", sans-serif.ttf"); } @font-face { font-family: RalewayRegular; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/raleway/RalewayRegular.ttf"); } @font-face { font-family: RalewaySemiBold; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/raleway/Raleway-SemiBold.ttf"); } @font-face { font-family: RalewayExtraBold; font-style: normal; font-weight: 800; font-display: swap; src: url("/fonts/raleway/Raleway-ExtraBold.ttf"); } @font-face { font-family: ""Raleway", sans-serif"; font-style: bold; font-weight: 800; font-display: swap; src: url("/fonts/raleway/Raleway-bld.ttf") format("truetype"); } @font-face { font-family: "Raleway-Black"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/raleway/Raleway-blk.ttf") format("truetype"); } @font-face { font-family: "RalewayRegular"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/raleway/Raleway-reg.ttf"); } @font-face { font-family: "RalewayLight"; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/raleway/Raleway-light.ttf"); } /* MIXINS PARA FORMS*/ /** * ESTILOS PARA LOS FORMS */ .urany-form .form-label { color: #666666; font-size: 1rem; } .urany-form .form-label.required::after { content: "*"; color: #f2545b; margin-left: 0.5rem; } .urany-form .form-check-label { width: 250px; } .urany-form .form-label:not(.form-check-label) { margin: 0.5rem 0rem; } .urany-form label.required:after { color: #f2545b; } .urany-form .link-privacidad { font-family: ""Raleway", sans-serif"; text-decoration: underline; color: #741c2a; } .urany-form .form-check .privacity-group { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; max-width: 100%; } .urany-form .form-check .privacity-group .form-check-input { width: -moz-max-content; width: max-content; margin-top: unset; } .urany-form .form-check .privacity-group .form-check-label { min-width: 275px; } @media (max-width: 800px) { .urany-form .form-check .privacity-group .form-check-label { min-width: unset; } } .urany-form .alert.alert-danger { display: none !important; } .urany-form .invalid-feedback { color: #f2545b; } .urany-form .errors.invalid-feedback { list-style: none; padding-left: 0px; } .urany-form .errors.invalid-feedback li { color: #f2545b; font-size: 1rem; } .urany-form .alert.alert-success { display: none !important; } .urany-form .form-check { margin: 0.5rem 0rem; } .urany-form .form-check .form-check-input.form-control { width: 17px; height: 17px; } .urany-form .form-control:not([type=file]) { background-color: #f5f8fa; border-radius: 3px; } .urany-form.dark-form .form-label, .urany-form.dark-form .form-check-label { color: #ffffff; } .urany-form.dark-form .errors.invalid-feedback li { color: #ffffff; } .urany-form.dark-form .link-privacidad, .urany-form.dark-form .invalid-feedback { color: #ffffff; } .urany-form .form-label.hideLabels:not(.form-check-label) { display: none; } .urany-form .form-group { margin-bottom: 0rem; } .form_catalogostock_dark .form-label { color: #999; font-size: 16px; } .form_catalogostock_dark .form-label.required::after { content: "*"; color: #f2545b; margin-left: 0.5rem; } .form_catalogostock_dark .alert.alert-danger { display: none !important; } .form_catalogostock_dark .invalid-feedback { color: #f2545b; } .form_catalogostock_dark .errors.invalid-feedback { list-style: none; padding-left: 0px; } .form_catalogostock_dark .errors.invalid-feedback li { color: #f2545b; font-size: 1rem; } .form_catalogostock_dark .alert.alert-success { display: none !important; } .form_catalogostock_dark .form-check-label { color: #999; } .form_catalogostock_dark .btn.btn-primary { background: #460b14; border-color: #460b14; color: #ffffff; font-size: 16px; line-height: 16px; font-family: ""Raleway", sans-serif"; padding: 12px 24px !important; } .form_catalogostock_dark .link-privacidad { font-family: ""Raleway", sans-serif"; text-decoration: underline; color: #E06666; } .form_catalogostock_dark .form-check .privacity-group { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; max-width: 100%; } .form_catalogostock_dark .form-check .privacity-group .form-check-input { width: -moz-max-content; width: max-content; margin-top: unset; } .form_catalogostock_dark .form-check .privacity-group .form-check-label { min-width: 275px; } @media (max-width: 800px) { .form_catalogostock_dark .form-check .privacity-group .form-check-label { min-width: unset; } } .form-marcas_urany .form-label { color: #495057; font-size: 16px; } .form-marcas_urany .form-label.required::after { content: "*"; color: #f2545b; margin-left: 0.5rem; } .form-marcas_urany .alert.alert-danger { display: none !important; } .form-marcas_urany .invalid-feedback { color: #495057; } .form-marcas_urany .errors.invalid-feedback { list-style: none; padding-left: 0px; } .form-marcas_urany .errors.invalid-feedback li { color: #495057; font-size: 1rem; } .form-marcas_urany .alert.alert-success { display: none !important; } .form-marcas_urany .form-check-label { color: #495057; } .form-marcas_urany .btn.btn-primary { font-family: ""Raleway", sans-serif"; margin: 0px !important; padding: 12px 24px !important; } .form-marcas_urany .link-privacidad { font-family: ""Raleway", sans-serif"; text-decoration: underline; color: #741c2a; } .form-marcas_urany .form-check .privacity-group { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; max-width: 100%; } .form-marcas_urany .form-check .privacity-group .form-check-input { width: -moz-max-content; width: max-content; margin-top: unset; } .form-marcas_urany .form-check .privacity-group .form-check-label { min-width: 275px; } @media (max-width: 800px) { .form-marcas_urany .form-check .privacity-group .form-check-label { min-width: unset; } } .form-marcas_urany .form-label.hideLabels:not(.form-check-label) { display: none; } .form-marcas_urany .form-group { margin-bottom: 0rem; } .form-boletin-urany .form-label { font-family: Roboto; } .form-boletin-urany .form-label { color: #460b14; font-size: 16px; } .form-boletin-urany .form-label.required::after { content: "*"; color: #f2545b; margin-left: 0.5rem; } .form-boletin-urany .alert.alert-danger { display: none !important; } .form-boletin-urany .invalid-feedback { color: #f2545b; } .form-boletin-urany .errors.invalid-feedback { list-style: none; padding-left: 0px; } .form-boletin-urany .errors.invalid-feedback li { color: #f2545b; font-size: 1rem; } .form-boletin-urany .alert.alert-success { display: none !important; } .form-boletin-urany .form-check-label { color: #460b14; font-family: Roboto; } .form-boletin-urany .form-control:not([type=file]) { background-color: #f5f8fa; border-radius: 3px; } .form-boletin-urany .btn.btn-primary { font-family: ""Raleway", sans-serif"; margin: 0px !important; padding: 12px 24px !important; background-color: #460b14; border-color: #460b14; border-radius: 3px; } .form-boletin-urany .link-privacidad { font-family: ""Raleway", sans-serif"; text-decoration: underline; color: #741c2a; } .form-boletin-urany .form-check .privacity-group { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; max-width: 100%; } .form-boletin-urany .form-check .privacity-group .form-check-input { width: -moz-max-content; width: max-content; margin-top: unset; } .form-boletin-urany .form-check .privacity-group .form-check-label { min-width: 275px; } @media (max-width: 800px) { .form-boletin-urany .form-check .privacity-group .form-check-label { min-width: unset; } } .form-boletin-urany .form-label.hideLabels:not(.form-check-label) { display: none; } .form-boletin-urany .form-group { margin-bottom: 0rem; } .form-boletin-urany .link-privacidad { font-family: Roboto; } .formulario-webinars .form-label { color: #fff; font-size: 1rem; } .formulario-webinars .form-label.required::after { content: "*"; color: #f2545b; margin-left: 0.5rem; } .formulario-webinars .form-check-label { width: 250px; } .formulario-webinars .form-label:not(.form-check-label) { margin: 0.5rem 0rem; } .formulario-webinars label.required:after { color: #f2545b; } .formulario-webinars .link-privacidad { font-family: ""Raleway", sans-serif"; text-decoration: underline; color: #fff; } .formulario-webinars .form-check .privacity-group { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; max-width: 100%; } .formulario-webinars .form-check .privacity-group .form-check-input { width: -moz-max-content; width: max-content; margin-top: unset; } .formulario-webinars .form-check .privacity-group .form-check-label { min-width: 275px; } @media (max-width: 800px) { .formulario-webinars .form-check .privacity-group .form-check-label { min-width: unset; } } .formulario-webinars .alert.alert-danger { display: none !important; } .formulario-webinars .invalid-feedback { color: #f2545b; } .formulario-webinars .errors.invalid-feedback { list-style: none; padding-left: 0px; } .formulario-webinars .errors.invalid-feedback li { color: #f2545b; font-size: 1rem; } .formulario-webinars .alert.alert-success { display: none !important; } .formulario-webinars .form-check { margin: 0.5rem 0rem; } .formulario-webinars .form-check .form-check-input.form-control { width: 17px; height: 17px; } .formulario-webinars .form-control:not([type=file]) { background-color: #f5f8fa; border-radius: 3px; } .formulario-webinars .btn.btn-primary { background: #460b14; border-color: #460b14; color: #ffffff; font-size: 16px; line-height: 16px; font-family: ""Raleway", sans-serif"; padding: 12px 24px !important; } .formulario-webinars .form-label.hideLabels:not(.form-check-label) { display: none; } .formulario-webinars .form-group { margin-bottom: 0rem; } .formulario-webinars .link-privacidad, .formulario-webinars .form-check-label { color: #fff; } .form-contacto-urany .form-label { color: #fff; font-size: 1rem; } .form-contacto-urany .form-label.required::after { content: "*"; color: #f2545b; margin-left: 0.5rem; } .form-contacto-urany .form-check-label { color: #fff; width: 250px; } .form-contacto-urany .form-label:not(.form-check-label) { margin: 0.5rem 0rem; } .form-contacto-urany label.required:after { color: #f2545b; } .form-contacto-urany .link-privacidad { font-family: ""Raleway", sans-serif"; text-decoration: underline; color: #fff; } .form-contacto-urany .form-check .privacity-group { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; max-width: 100%; } .form-contacto-urany .form-check .privacity-group .form-check-input { width: -moz-max-content; width: max-content; margin-top: unset; } .form-contacto-urany .form-check .privacity-group .form-check-label { min-width: 275px; } @media (max-width: 800px) { .form-contacto-urany .form-check .privacity-group .form-check-label { min-width: unset; } } .form-contacto-urany .alert.alert-danger { display: none !important; } .form-contacto-urany .invalid-feedback { color: #fff; } .form-contacto-urany .errors.invalid-feedback { list-style: none; padding-left: 0px; } .form-contacto-urany .errors.invalid-feedback li { color: #fff; font-size: 1rem; } .form-contacto-urany .alert.alert-success { display: none !important; } .form-contacto-urany .form-check { margin: 0.5rem 0rem; } .form-contacto-urany .form-check .form-check-input.form-control { width: 17px; height: 17px; } .form-contacto-urany .form-control:not([type=file]) { background-color: #f5f8fa; border-radius: 3px; } .form-contacto-urany.dark-form .form-label, .form-contacto-urany.dark-form .form-check-label { color: #ffffff; } .form-contacto-urany.dark-form .errors.invalid-feedback li { color: #ffffff; } .form-contacto-urany.dark-form .link-privacidad, .form-contacto-urany.dark-form .invalid-feedback { color: #ffffff; } .form-contacto-urany .form-label.hideLabels:not(.form-check-label) { display: none; } .form-contacto-urany .form-group { margin-bottom: 0rem; } .form-contacto-urany .btn.btn-primary { background: #460b14; border-color: #460b14; color: #ffffff; font-size: 16px; line-height: 16px; font-family: ""Raleway", sans-serif"; padding: 12px 24px !important; } .form-contacto-urany .link-privacidad, .form-contacto-urany .form-check-label { color: #fff; } .form-integradores .form-label { color: #000; font-size: 1rem; } .form-integradores .form-label.required::after { content: "*"; color: #f2545b; margin-left: 0.5rem; } .form-integradores .form-check-label { color: #000; width: 250px; } .form-integradores .form-label:not(.form-check-label) { margin: 0.5rem 0rem; } .form-integradores label.required:after { color: #f2545b; } .form-integradores .link-privacidad { font-family: ""Raleway", sans-serif"; text-decoration: underline; color: #741c2a; } .form-integradores .form-check .privacity-group { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; max-width: 100%; } .form-integradores .form-check .privacity-group .form-check-input { width: -moz-max-content; width: max-content; margin-top: unset; } .form-integradores .form-check .privacity-group .form-check-label { min-width: 275px; } @media (max-width: 800px) { .form-integradores .form-check .privacity-group .form-check-label { min-width: unset; } } .form-integradores .alert.alert-danger { display: none !important; } .form-integradores .invalid-feedback { color: #f2545b; } .form-integradores .errors.invalid-feedback { list-style: none; padding-left: 0px; } .form-integradores .errors.invalid-feedback li { color: #f2545b; font-size: 1rem; } .form-integradores .alert.alert-success { display: none !important; } .form-integradores .form-check { margin: 0.5rem 0rem; } .form-integradores .form-check .form-check-input.form-control { width: 17px; height: 17px; } .form-integradores .form-control:not([type=file]) { background-color: #fff; border-radius: 3px; } .form-integradores .form-label.hideLabels:not(.form-check-label) { display: none; } .form-integradores .form-group { margin-bottom: 0rem; } .form-integradores .btn.btn-primary { background: #460b14; border-color: #460b14; color: #ffffff; font-size: 16px; line-height: 16px; font-family: ""Raleway", sans-serif"; padding: 12px 24px !important; } .form-integradores .link-privacidad, .form-integradores .form-check-label { color: #741c2a; } .form-integradores .submit-align-right { display: flex; align-items: center; justify-content: flex-end; } .formproductos-urany .form-label { color: #fff; font-size: 1rem; } .formproductos-urany .form-label.required::after { content: "*"; color: #f2545b; margin-left: 0.5rem; } .formproductos-urany .form-check-label { color: #fff; width: 250px; } .formproductos-urany .form-label:not(.form-check-label) { margin: 0.5rem 0rem; } .formproductos-urany label.required:after { color: #f2545b; } .formproductos-urany .link-privacidad { font-family: ""Raleway", sans-serif"; text-decoration: underline; color: #fff; } .formproductos-urany .form-check .privacity-group { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; max-width: 100%; } .formproductos-urany .form-check .privacity-group .form-check-input { width: -moz-max-content; width: max-content; margin-top: unset; } .formproductos-urany .form-check .privacity-group .form-check-label { min-width: 275px; } @media (max-width: 800px) { .formproductos-urany .form-check .privacity-group .form-check-label { min-width: unset; } } .formproductos-urany .alert.alert-danger { display: none !important; } .formproductos-urany .invalid-feedback { color: #f2545b; } .formproductos-urany .errors.invalid-feedback { list-style: none; padding-left: 0px; } .formproductos-urany .errors.invalid-feedback li { color: #f2545b; font-size: 1rem; } .formproductos-urany .alert.alert-success { display: none !important; } .formproductos-urany .form-check { margin: 0.5rem 0rem; } .formproductos-urany .form-check .form-check-input.form-control { width: 17px; height: 17px; } .formproductos-urany .form-control:not([type=file]) { background-color: #fff; color: #0a0a0a; border-radius: 3px; } .formproductos-urany .form-label.hideLabels:not(.form-check-label) { display: none; } .formproductos-urany .form-group { margin-bottom: 0rem; } .formproductos-urany .btn.btn-primary { font-family: Roboto; background-color: #f6f6f6; font-weight: 500; font-stretch: normal; letter-spacing: 0; text-align: center; color: #601324; padding: 15px 65px !important; max-width: 100%; } .formproductos-urany .btn.btn-primary:hover { color: #fff !important; } .formproductos-urany .link-privacidad, .formproductos-urany .form-check-label { color: #741c2a; } .formproductos-urany .submit-align-center { display: flex; align-items: center; justify-content: center; } html { scroll-behavior: smooth; } .relative { position: relative; } /* Background styles */ .bg-cover { background-position: center; background-size: cover; } .bg-primary { background-color: #881626 !important; } .bg-primary-dark { background-color: #460b14 !important; } .bg-light { background-color: #f6f6f6 !important; } .bg-black { background-color: #000 !important; } .btn-dark-color { color: #000000; } .btn-facebook { color: #3b5998; } .btn-whatsapp { color: #25d366; } .btn-linkedin { color: #0e76a8; } /* Base Styles */ /* Base styles */ body { font-family: "RalewayLight", sans-serif; } /* Link styles */ a, a:focus, a:hover, a:active { text-decoration: none; } .btn-link:hover { color: #881626; } a.text-primary:hover, a.text-dark:hover { color: #460b14 !important; } /* Text styles */ h1 { font-family: "RalewayRegular", sans-serif; font-weight: 100; } .bold { font-family: "RalewayRegular", sans-serif !important; font-weight: 600; } .bolder { font-family: ""Raleway", sans-serif", sans-serif !important; font-weight: 700; } .boldest { font-family: "Raleway-Black", sans-serif !important; font-weight: bolder; } .text-primary { color: #881626 !important; } .text-dark { color: #000000 !important; } @media (min-width: 992px) { .font-size-lg-120 { font-size: 1.2rem !important; } } @media (min-width: 992px) { .font-size-lg-130 { font-size: 1.3rem !important; } } @media (min-width: 992px) { .font-size-lg-140 { font-size: 1.4rem !important; } } @media (min-width: 992px) { .font-size-lg-150 { font-size: 1.5rem !important; } } @media (min-width: 992px) { .font-size-lg-160 { font-size: 1.6rem !important; } } /* Layout Styles */ /* Header styles */ #main-header { background: transparent; transition: transform 0.2s ease-in, background 0.5s linear 0.3s; transition: transform 0.2s ease-out, background linear 0.5s, box-shadow 0.1s ease-in; } #main-header.headroom--unpinned { transform: translateY(-100%); transition: transform 0.2s ease-out, background linear 0.5s; } #main-header > .pleca { background-color: transparent; transition: background-color 0.3s; } #main-header .navbar-toggler { border: none; background-color: transparent; } #main-header #main-nav .hamburger { position: absolute; height: 12px; top: 50%; right: 3px; padding: 0; transform: translate(100%, -50%); } @media (min-width: 1200px) { #main-header #main-nav .hamburger { right: -10px; } } #main-header #main-nav .hamburger:active, #main-header #main-nav .hamburger:focus { outline: none; } #main-header #main-nav .hamburger-box { width: 20px; } #main-header #main-nav .hamburger-box:active, #main-header #main-nav .hamburger-box:focus { outline: none; } #main-header #main-nav .hamburger-inner { width: 100%; height: 2px; background-color: #fff; transition: background-color 0.3s; } #main-header #main-nav .hamburger-inner::after, #main-header #main-nav .hamburger-inner::before { width: 100%; height: 100%; background-color: #fff; transition: background-color 0.3s; } #main-header #main-nav .hamburger-inner::after { top: -5px; } #main-header #main-nav .hamburger-inner::before { bottom: -5px; } #main-header #main-nav li { cursor: pointer; border: solid 1px transparent; /* submenu */ } #main-header #main-nav li.parent::after { content: ""; display: none; position: absolute; left: 50%; bottom: calc(0rem - 2px); border: solid 10px transparent; border-bottom-color: #721220; opacity: 0; transform: translate(-50%); } @media (min-width: 992px) { #main-header #main-nav li.parent::after { display: block; } } #main-header #main-nav li.parent:hover::after { opacity: 1; } #main-header #main-nav li .fa, #main-header #main-nav li svg { vertical-align: text-top; } #main-header #main-nav li a { color: #fff; transition: color 0.3s; } #main-header #main-nav li .children-nav { height: 0; z-index: 1; overflow-y: hidden; } @media (min-width: 992px) { #main-header #main-nav li .children-nav { position: fixed; width: 100%; top: 104px; left: 0; background-color: #721220; transition: height 0.4s; } } @media (min-width: 992px) { #main-header #main-nav li .children-nav ul { width: 70%; } } #main-header #main-nav li .children-nav ul li { font-size: 0.9rem; } @media (min-width: 992px) { #main-header #main-nav li .children-nav ul li { font-size: 1rem; } #main-header #main-nav li .children-nav ul li a { color: #fff; opacity: 0.65; } #main-header #main-nav li .children-nav ul li a:hover { opacity: 1; } } #main-header #main-nav li:hover .children-nav { height: auto; } @media (min-width: 992px) { #main-header #main-nav li:hover .children-nav { min-height: 170px; } } #main-header #sub-nav { border-top: solid 1px rgba(136, 22, 38, 0.5); } @media (min-width: 992px) { #main-header #sub-nav { border-top: none; border-bottom: solid 1px rgba(255, 255, 255, 0.15); } } #main-header #sub-nav a { color: #fff; } #main-header > .pleca { background-color: #fff; transition: background-color 0.3s ease-in 0.4s; } #main-header #main-nav li a { color: #881626; } #main-header #main-nav li a.btn-outline-white { color: #fff !important; border-color: #881626 !important; background-color: #881626 !important; transition: all 0.3s ease-in 0.3s; } #main-header #main-nav .hamburger-inner { background-color: #881626; } #main-header #main-nav .hamburger-inner::after, #main-header #main-nav .hamburger-inner::before { background-color: #881626; } #main-header #sub-nav { border-top: solid 1px rgba(255, 255, 255, 0.5); } @media (min-width: 992px) { #main-header #sub-nav { border-bottom: solid 1px rgba(136, 22, 38, 0.15); } } #main-header #sub-nav a { color: #881626; } #main-header #sub-nav .sub-links { font-family: ""Raleway", sans-serif", sans-serif; color: #881626; } #main-header.headroom--not-top, #main-header.showing, #main-header.blog { transition: transform 0.2s ease-out, background linear 0.5s, box-shadow 0.1s ease-in; } #main-header.headroom--not-top > .pleca, #main-header.showing > .pleca, #main-header.blog > .pleca { background-color: #fff; transition: background-color 0.3s ease-in 0.4s; } #main-header.headroom--not-top #main-nav li a, #main-header.showing #main-nav li a, #main-header.blog #main-nav li a { color: #881626; } #main-header.headroom--not-top #main-nav li a.btn-outline-white, #main-header.showing #main-nav li a.btn-outline-white, #main-header.blog #main-nav li a.btn-outline-white { color: #fff !important; border-color: #881626 !important; background-color: #881626 !important; transition: all 0.3s ease-in 0.3s; } #main-header.headroom--not-top #main-nav .hamburger-inner, #main-header.showing #main-nav .hamburger-inner, #main-header.blog #main-nav .hamburger-inner { background-color: #881626; } #main-header.headroom--not-top #main-nav .hamburger-inner::after, #main-header.headroom--not-top #main-nav .hamburger-inner::before, #main-header.showing #main-nav .hamburger-inner::after, #main-header.showing #main-nav .hamburger-inner::before, #main-header.blog #main-nav .hamburger-inner::after, #main-header.blog #main-nav .hamburger-inner::before { background-color: #881626; } #main-header.headroom--not-top #sub-nav, #main-header.showing #sub-nav, #main-header.blog #sub-nav { border-top: solid 1px rgba(255, 255, 255, 0.5); } @media (min-width: 992px) { #main-header.headroom--not-top #sub-nav, #main-header.showing #sub-nav, #main-header.blog #sub-nav { border-bottom: solid 1px rgba(136, 22, 38, 0.15); } } #main-header.headroom--not-top #sub-nav a, #main-header.showing #sub-nav a, #main-header.blog #sub-nav a { color: #881626; } /* Offcanvas styles */ #offcanvas { position: fixed; width: 300px; height: 100%; top: 0; right: -2px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); z-index: 1031; transform: translateX(100%); transition: transform 0.3s; } #offcanvas.open { transform: translateX(0); } #offcanvas .fa { cursor: pointer; } /* Layout styles */ @media (min-width: 992px) { .max-lg-490 * { max-width: 490px; } } /* Footer styles */ #main-footer { background-color: #460b14; } #main-footer .lines { left: 0; right: 0; opacity: 0.15; } #main-footer .lines svg { width: auto; height: 55%; bottom: 68px; } @media (min-width: 992px) { #main-footer .lines svg { height: 75%; } } #main-footer svg { width: auto; height: 25px; } #main-footer svg * { fill: #fff; opacity: 1; } #main-footer img { width: auto; height: 80px; } #main-footer .heading { font-family: "RalewayRegular", sans-serif; } #main-footer li a { opacity: 0.5; transition: opacity 0.1s; } #main-footer li a:hover { opacity: 0.95; } #main-footer #copyright { font-size: 85%; background-color: #30080d; } #main-footer #copyright li { position: relative; color: rgba(255, 255, 255, 0.5); } @media (min-width: 768px) { #main-footer #copyright li::after { content: ""; position: absolute; width: 1px; height: 16px; top: 50%; right: 0px; background-color: rgba(255, 255, 255, 0.5); transform: translateY(-50%); } #main-footer #copyright li:nth-last-child(1)::after { display: none; } } #main-footer #copyright li a.dood { font-family: "RalewayRegular", sans-serif; } /* Component Styles */ /* Button styles */ .btn { box-shadow: none !important; border-radius: 2px; cursor: pointer; transition: all 0.2s; } .btn-primary { border-color: #881626; background-color: #881626; color: #fff; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:disabled { border-color: #721220 !important; background-color: #721220 !important; } .btn-secondary { border-color: #222; background-color: #222; } .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:disabled { border-color: #171717 !important; background-color: #171717 !important; } .btn-outline-primary { color: #881626; border-color: rgba(136, 22, 38, 0.85); background-color: transparent; } .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus { color: #fff; border-color: #b41d32 !important; background-color: #9e1a2c !important; } .btn-outline-secondary { color: #222; border-color: #222; background-color: transparent; } .btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus { color: #fff; border-color: #171717 !important; background-color: #171717 !important; } .btn-white { color: #881626; background-color: #fff; } .btn-white:hover, .btn-white:active, .btn-white:focus { color: #fff; border-color: #fff; background-color: transparent; } .btn-outline-white { color: #fff; border-color: rgba(255, 255, 255, 0.85); background-color: transparent; transition: all 0.3s; } .btn-outline-white:hover, .btn-outline-white:active, .btn-outline-white:focus { color: #881626 !important; border-color: #fff !important; background-color: #fff !important; } .card-columns { -moz-column-count: 1; column-count: 1; -moz-column-gap: 0; column-gap: 0; } @media (min-width: 768px) { .card-columns { -moz-column-count: 2; column-count: 2; -moz-column-gap: 1rem; column-gap: 1rem; } } @media (min-width: 992px) { .card-columns { -moz-column-gap: 2.5rem; column-gap: 2.5rem; } } @media (min-width: 1200px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 3rem; column-gap: 3rem; } } .card-columns .card { display: inline-block; border-radius: 2px; border-color: #f6f6f6; } .card-columns .card .thumb { height: 180px; } @media (min-width: 768px) { .card-columns .card .thumb { height: 220px; } } @media (min-width: 768px) { .card-columns .card .thumb { height: 240px; } } .card-columns .card .info { background-color: #f6f6f6; } /* Form styles */ .form-control { box-shadow: none !important; border-radius: 2px; } .form-control:focus { border-color: #ced4da; } .form-control-outline-white { border-color: rgba(255, 255, 255, 0.65); background-color: transparent; } .form-control-outline-white:focus { border-color: #fff; background-color: transparent; } .form-message { color: #fff; opacity: 0; transition: opacity 0.2s; } .form-message.open { opacity: 1; } .newsletter .mailchimp-error a { color: #aaa; } /* custom file-upload */ .custom-file { outline: none !important; box-shadow: none !important; } .custom-file-control { outline: none !important; box-shadow: none !important; color: rgba(255, 255, 255, 0.65); cursor: pointer; border-radius: 2px; border-color: rgba(255, 255, 255, 0.65); background-color: transparent; } .custom-file-control::before { content: "Cargar"; position: absolute; width: 144px; top: -1px; right: -1px; bottom: -1px; z-index: 6; display: block; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; text-align: center; line-height: 1.5; color: #fff; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.65); border-radius: 0 0.25rem 0.25rem 0; } .custom-file-control:empty::after { content: "Cargar Currículum"; } /* Success subscription */ #download a, .download-btn a { position: absolute; left: 50%; right: 50%; padding-left: 0; padding-right: 0; overflow: hidden; border-width: 0; } #download.success a, .download-btn.success a { left: 15px; right: 15px; border-width: 1px; } /* Jumbotron styles */ #main-jumbotron { min-height: 75vh; padding-top: 61px; /*background-color: #881626;*/ background-color:#fff; overflow: hidden; max-height: 850px; } #main-jumbotron.white { background-color: #fff; } @media (min-width: 750px) { #main-jumbotron.descargas { min-height: initial; height: 410px; } } @media (min-width: 992px) { #main-jumbotron { padding-top: 0; padding-bottom: 0; } } #main-jumbotron.home { min-height: 100vh; } #main-jumbotron #scroll { position: absolute; width: 45px; height: 50px; left: 50%; bottom: 40px; font-weight: 100; cursor: pointer; transform: translateX(-50%); } #main-jumbotron #scroll .fa, #main-jumbotron #scroll svg { position: absolute; left: 50%; transform: translateX(-50%); } #main-jumbotron #scroll .fa.top, #main-jumbotron #scroll svg.top { top: 0; font-size: 2.5rem; animation: scrollTop 0.55s infinite; } #main-jumbotron #scroll .fa.bottom, #main-jumbotron #scroll svg.bottom { bottom: 0; font-size: 1.5rem; animation: scrollBottom 0.55s infinite; } #main-jumbotron .square { width: 55px; height: 55px; font-size: 25px; } @media (min-width: 992px) { #main-jumbotron .square { width: 65px; height: 65px; font-size: 30px; } } #main-jumbotron .lines svg { width: auto; height: 55%; top: 45%; } @media (min-width: 992px) { #main-jumbotron .lines svg { height: 70%; top: 30.5%; } } @media (min-width: 1200px) { #main-jumbotron .lines svg { height: 80%; top: 20.5%; } } #main-jumbotron svg.logo { display: inline-block; width: 280px; height: auto; } #main-jumbotron svg.logo * { opacity: 1; } @media (min-width: 576px) { #main-jumbotron svg.logo { width: auto; height: 55px; } } /* scroll animation */ @keyframes scrollTop { 0% { top: 0; } 50% { top: -3px; } 100% { top: 0; } } @keyframes scrollBottom { 0% { bottom: 0; } 50% { bottom: -3px; } 100% { bottom: 0; } } /* Line styles */ .lines { position: absolute; top: 0; bottom: 0; } .lines svg { position: absolute; left: 0; } .lines svg:nth-last-child(1) { left: initial; right: 0; transform: rotateY(180deg); } .lines-gray svg * { stroke: rgba(0, 0, 0, 0.4); } /* map styles*/ #mapa h2 { position: absolute; top: 0; z-index: 4; } #map { height: 100vw; } @media (min-width: 992px) { #map { height: 100vh; } } /* modal styles*/ #modal-marca .modal-content { background-color: white; border: none; } .modal-backdrop { background-color: #fff; } .modal-backdrop.show { opacity: 0.98; } #modal-marca .thumb { height: 200px; } #modal-marca .thumb img { width: auto; max-width: 100%; max-height: 160px; } /* Pleca styles */ .pleca { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .pleca-black { background-color: rgba(4, 1, 1, 0.75); } .pleca-black-light { background-color: rgba(4, 1, 1, 0.35); } .pleca-primary { mix-blend-mode: multiply; background-color: #881626; } .pleca.gradient { bottom: 0; background-image: linear-gradient(-1deg, #881626 20%, rgba(136, 22, 38, 0) 75%); } @media (min-width: 992px) { .pleca.gradient { background-image: linear-gradient(-1deg, #881626 5%, rgba(136, 22, 38, 0) 55%); } } .pleca-marca { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+32,ffffff+79&1+32,0+78 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at top left, white 32%, rgba(255, 255, 255, 0) 78%, rgba(255, 255, 255, 0) 79%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .pleca-transparent { opacity: 0.5; } /* slick styles */ .slick-slide .icon { text-align: center; } .slick-slide .icon svg { height: 150px; } #dots ul { display: flex; margin: 0 auto; padding: 0; } #dots ul li { display: flex; justify-content: center; align-items: center; width: 25px; height: 30px; cursor: pointer; } #dots ul li button { display: none; } #dots ul li::after { content: ""; width: 8px; height: 8px; border: solid 2px #fff; border-radius: 50%; background-color: transparent; } #dots ul li.slick-active::after { background-color: #fff; } #prevSlick, #nextSlick { position: absolute; top: 50%; cursor: pointer; transform: translateY(-50%); } #prevSlick { left: 0px; } #nextSlick { right: 0px; } .reverse-slick, .white-slick { background-color: #d9d9d9; } .reverse-slick svg *, .white-slick svg * { fill: #881626; } .reverse-slick #dots ul li::after, .white-slick #dots ul li::after { border: solid 2px #881626; background-color: transparent; } .reverse-slick #dots ul li.slick-active::after, .white-slick #dots ul li.slick-active::after { background-color: #881626; } /* Sections Styles */ /* Blog styles */ #blog-top .main-slider { position: relative; } #blog-top .main-slider .slide .thumb { position: relative; height: 60vw; } @media (min-width: 768px) { #blog-top .main-slider .slide .thumb { height: 300px; } } @media (min-width: 992px) { #blog-top .main-slider .slide .thumb { height: 400px; } } #blog-top .main-slider .slide .info p, #blog-top .main-slider .slide .info small { font-family: "RalewayLight", sans-serif; color: #666; } #blog-top .main-slider .slide .info h2 { color: black; } #blog-top .arrows { position: absolute; top: calc(60vw + 1px); right: 15px; z-index: 1; } #blog-top .bullets { position: absolute; bottom: 0; } @media (min-width: 992px) { #blog-top .bullets { left: 58.33333%; right: 15px; } } @media (min-width: 1200px) { #blog-top .bullets { left: 66.66667%; } } #blog-top .bullets ul { padding: 0; } #blog-top .bullets ul li { position: relative; display: flex; justify-content: center; align-items: center; padding: 5px; cursor: pointer; } #blog-top .bullets ul li::after { content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: rgba(136, 22, 38, 0.5); } @media (min-width: 992px) { #blog-top .bullets ul li::after { width: 9px; height: 9px; } } #blog-top .bullets ul li.slick-active::after { background-color: #881626; } #blog-top .bullets ul li button { display: none; } #blog-top .featured-image { position: relative; height: 60vw; } @media (min-width: 768px) { #blog-top .featured-image { height: 300px; } } @media (min-width: 992px) { #blog-top .featured-image { height: 400px; } } @media (min-width: 1200px) { #blog-top .featured-image { height: 460px; } } #blog-top .featured-image .share-links { display: inline-block; position: absolute; left: 0; bottom: 0; } #blog-nav { position: relative; } #blog-nav i.fa-chevron-down { position: absolute; top: 0; right: 7.5px; cursor: pointer; } #blog-nav ul li { padding: 10px 0; } @media (min-width: 992px) { #blog-nav ul li { font-size: 0.8rem; font-family: "RalewayRegular", sans-serif; } } #blog-nav ul li:hover, #blog-nav ul li.active { background-color: #f6f6f6; } #blog-nav ul li:hover a, #blog-nav ul li.active a { color: #881626; } #blog-nav ul li a { color: #fff; } .blog-item { color: initial; cursor: pointer; } .blog-item .info h3 { color: #000; transition: color 0.1s; } .blog-item .info p { color: #666; } .blog-item .thumb { height: 50vw; } @media (min-width: 768px) { .blog-item .thumb { height: auto; align-items: stretch; } } .grid-slider h2 { font-family: RalewaySemiBold, sans-serif; font-size: clamp(22px, 2vw, 30px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #741C2A; } .grid-slider .info h3 { font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: justify; color: #000000; padding-bottom: 1rem; } .grid-slider .info p { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: justify; color: #8c8c8c; } .grid-slider .todas-las-entradas { font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: end; color: #741C2A; } .grid-slider .blog-item { font-size: 0.9rem; } .grid-slider .blog-item .thumb { height: 150px; } .grid-slider h2 ul.bullets { position: absolute; top: 2.5px; right: 0; padding: 0; } .grid-slider h2 ul.bullets li { position: relative; display: flex; justify-content: center; align-items: center; padding: 5px; cursor: pointer; } .grid-slider h2 ul.bullets li::after { content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: rgba(136, 22, 38, 0.5); } @media (min-width: 992px) { .grid-slider h2 ul.bullets li::after { width: 9px; height: 9px; } } .grid-slider h2 ul.bullets li.slick-active::after { background-color: #881626; } .grid-slider h2 ul.bullets li button { display: none; } .grid-slider h2 ul.arrows { position: absolute; right: 0; top: 2.5px; } .grid-slider h2 ul.arrows li { opacity: 0.5; transition: opacity 0.1s; } .grid-slider h2 ul.arrows li:hover { opacity: 1; } #instaBody a b { color: white; } #instaBody a p b { color: black; } #instaBody .article-quote a { color: black; } /* Sidebar styles */ .ad { mix-blend-mode: multiply; } .ad .frame { height: calc(80vw - 60px); } @media (min-width: 768px) { .ad .frame { height: calc(35vw - 60px); } } @media (min-width: 992px) { .ad .frame { height: 200px; } } .newsletter .form-control { border-radius: 0; background: transparent; } .latest a { color: #000; transition: color 0.1s; } .latest a:hover { color: #666; } .latest a:nth-last-child(1) { margin-bottom: 0 !important; border-bottom: none !important; } /* direcciones */ #direcciones i.fa { font-size: 23px; color: #777; } /* home styles */ #marcas-home .logo { height: 100px; } #marcas-home .logo img { width: auto; } #marcas-home .logo.col-md-3 img { height: 20%; } @media (min-width: 992px) { #marcas-home .logo.col-md-3 img { height: 30%; } } #marcas-home .logo.col-md-3 img.large { height: 85%; } #marcas-home .logo.col img { height: 40%; } #top-home svg { width: auto; left: 1px; height: 19.9vh; } @media (min-width: 1200px) { #top-home svg { height: 22.7vh; } } #top-home svg:nth-last-child(1) { left: initial; right: 1px; } #main-jumbotron [data-toggle=modal] { cursor: pointer; } /* marcas styles */ #big-square { position: absolute; width: 100%; height: 100%; overflow: hidden; } #big-square::after { content: ""; position: absolute; width: 100%; height: 100%; top: 70px; left: 0; background-image: linear-gradient(-1deg, #d9d9d9 5%, transparent 100%); } @media (min-width: 992px) { #big-square::after { height: 100%; top: 104px; } } #big-square svg { position: absolute; width: 220vw; height: auto; top: 50%; left: 50%; opacity: 0.05; transform: translate(-50%, -50%); } #marcas-marcas img { width: 100%; height: 80px; } #marcas-marcas img.logo-sm { height: 20px; } @media (min-width: 768px) { #marcas-marcas img { height: 100px; max-width: 220px; } } @media (min-width: 992px) { #marcas-marcas img.logo-sm { height: 35px; } } /* single marca */ .logo-marca { width: auto; height: 125px; } @media (min-width: 768px) { .logo-marca { max-width: 170px; height: auto; } } #nav-marca ul li { white-space: normal; } @media (max-width: 576px) { #nav-marca ul li { margin: 0.3rem auto; } } .articulo[data-target] { cursor: pointer; } .articulo .thumb { max-width: 100%; height: 170px; } .articulo .thumb img { width: auto; height: 140px; } .articulo .thumb img.horizontal { max-width: 100%; max-height: 120px; height: auto; } .articulo .thumb svg { width: 193px; height: 228px; } .articulo .thumb svg * { fill: #000; } /* nosotros */ .icon-nosotros { text-align: center; } .icon-nosotros svg { height: 100px; margin-bottom: 10px; } #main-header #main-nav li:hover .children-nav.tall { min-height: 330px; } #main-header #main-nav li:hover .children-nav.marcas { height: auto; transition: height 0.4s; } @media screen and (min-width: 992px) { #marcas-marcas img.square { width: auto; height: 75px; } } #descargas img.tall { height: 100px; } #main-nav.search li, #main-nav.search .toggle-search .fa-search, #main-nav .toggle-search .fa-times { display: none; } #main-nav.search .toggle-search .fa-times { display: block; } #buscar_nav { display: none; position: absolute; width: 50%; right: 50px; top: 50%; z-index: 5; transform: translate(0, -50%); } #buscar_nav input.form-control { border-radius: 20px 0px 0px 20px; } .toggle-search { top: 50%; cursor: pointer; } .firstImage { width: 150px; } .smallImage { width: 120px; } /* Ebook page */ .searchtext { font-size: 1.3rem; } .search-complex__form-ebook .inputsearch { border-radius: 5px; width: 100%; height: 100%; padding-left: 1em; } .search-complex__form-ebook .inputsearch:active { outline: none; } .search-complex__form-ebook .inputsearch:focus-visible { outline: none; } .ebookcard { border: none; height: 100%; } .ebookcard .colcontent { display: flex; justify-content: flex-start; } @media (max-width: 999px) { .ebookcard .colcontent { justify-content: center; align-items: center; } } .ebookcard__content { width: 100%; } .ebookcard__content hr { width: 100%; height: 1px; color: #881626; background-color: #881626; } .ebookcard__title { font-weight: 700; } .ebookcard__btn { border-radius: 5px; width: 50%; } .modalebook__title { font-size: 1.4rem; text-align: center; } .modalebook__subtitle { font-size: 1rem; text-align: center; } .cardebook2 { text-align: center; justify-content: center; align-items: flex-end; display: flex; height: 500px; } @media (max-width: 767px) { .cardebook2 { height: 250px; } } @media (min-width: 1500px) { .cardebook2 { height: 400px; } } .cardebook2 .pleca.gradient { width: 90%; margin-right: 5%; margin-left: 5%; } .cardebook2__title { color: white; font-size: 1.5rem; } .cardebook2__content { text-align: center; z-index: 1; width: 100%; } .cardebook2__btn { color: white; background-color: transparent; border: 1px solid white; margin-bottom: 1em; } .cardebook2__btn:hover { color: white; } .cardebook2:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); transition: all 0.5s ease-in-out; } .product-thumb { width: 100%; height: 100%; border: solid 1px #f1f1f1; border-radius: 4px; } .product-thumb.product-thumb_wo_h:hover { box-shadow: none; } .product-thumb__image { width: 100%; height: 250px; border-bottom: solid 1px #f1f1f1; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; z-index: -1; } .product-thumb__image--marcas { height: 200px; } .product-thumb__info { width: 60%; background-color: #601324; border-radius: 4px; color: #fff; text-align: center; display: flex; min-width: 100px; height: 40px; justify-content: center; align-items: center; margin-top: -20px; margin-left: auto; margin-right: auto; visibility: hidden; } .product-thumb__stock { width: 200px; height: 30px; position: absolute; left: 0; top: 0; background-color: #29a944; clip-path: polygon(0 0, 89% 0%, 80% 100%, 0% 100%); display: flex; align-items: center; justify-content: flex-start; text-transform: uppercase; padding-left: 20px; } .product-thumb__stock__title { font-family: RobotoBold; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #fff; } .product-thumb__stock__box { background-color: #29a944; color: #fff; width: auto; height: 100%; padding-left: 0.2rem; } .product-thumb__body { width: 100%; height: auto; min-height: 100px; padding: 0.5rem 1rem; } .product-thumb__body__marca { font-family: RalewaySemiBold, sans-serif; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #601324; } .product-thumb__body__title { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(16px, 2vw, 20px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #0a0a0a; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; } .product-thumb__body__title--marcas { font-size: 1.1rem; font-family: ""Raleway", sans-serif"; } .product-thumb__body__text { font-family: Roboto; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #0a0a0a; } .product-thumb:hover { box-shadow: 2px 3px 11px 3px rgba(74, 74, 74, 0.2); transition: all 0.5s ease-in-out; } .product-thumb:hover .product-thumb__info { visibility: visible; transition: all 1.3s 0s linear; } .product-thumb:hover .product-thumb__body__title { color: #601324; } @media (max-width: 1026px) and (min-width: 769px) { .product-thumb__stock { width: 80%; height: 26px; padding-left: 10px; } } @media (max-width: 525px) { .product-thumb__image { height: 150px; } .product-thumb__body { padding: 0.2rem; } .product-thumb__stock { width: 95%; height: 26px; padding-left: 5px; } .product-thumb__info { width: 55%; height: 28px; margin-top: -14px; min-width: 80px; } } .products-index-title { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(25px, 2vw, 30px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #601324; } .pagination-styles-products > a { border: 1px solid #601324; border-radius: 4px; color: #601324; margin-left: 0.25rem; margin-right: 0.25rem; } .pagination-styles-products > span { border: 1px solid #601324; border-radius: 4px; background-color: #601324; color: #fff; margin-left: 0.25rem; margin-right: 0.25rem; } .btn-new-marcas { width: 100%; height: auto; background-color: #fff; padding: 1.5rem 1rem; color: #881626; cursor: pointer; border-radius: 0 !important; transition: 0.3s all; border: 1px solid transparent; } .btn-new-marcas:active { border: 1px solid transparent !important; } .btn-new-marcas:focus { outline: none !important; } .btn-new-marcas:hover { background-color: #f2e7e9; color: #881626; } .container-marcas { height: auto; box-shadow: 2px 3px 11px 3px #d5d5d5; } .container-marcas .nav-item { width: 100%; } .container-marcas .nav-link.active { color: #fff !important; background-color: #881626 !important; } .container-marcas .dropdown { width: 100%; } .container-marcas .nav-pills .show > .nav-link .dropdown-item.active, .container-marcas .dropdown-item:active { background-color: transparent !important; font-weight: bold; } .container-marcas .dropdown-menu { width: 100%; border-radius: 0px !important; background-color: #f2e7e9 !important; border: 1px solid #f2e7e9 !important; } .container-marcas .dropdown-menu a { color: #881626 !important; transition: 0.3s all; } .container-marcas .dropdown-menu a:hover { font-weight: bold !important; background-color: transparent !important; } .container-marcas .dropdown-menu.show { position: relative !important; transform: translate3d(0px, 0px, 0px) !important; } .container-marcas .break-word { word-wrap: break-word; white-space: normal; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff !important; background-color: #881626 !important; } .dropdown-item.active, .dropdown-item:active { font-weight: bold; background-color: transparent !important; } .title-subcategory { color: #881626; } .expo-container ul { list-style: none; } .expo-container ul li { margin-bottom: 1rem; } .expo-container ul li::before { content: "✓"; padding-right: 5px; } .blog__img { max-width: 90%; } .blog__pagination { width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 1rem; margin-top: 1rem; } .blog__pagination__item { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid #881626; color: #881626; border-radius: 5px; font-size: 1rem; transition: all 0.3s; } .blog__pagination__item--active { color: #fff; background-color: #881626; } .blog__pagination__item:hover { color: #fff; background-color: #881626; } .blog-hero-image .img-fluid { height: 100%; -o-object-fit: contain; object-fit: contain; } #categories-btn.active { transform: rotate(180deg); } #categories-header > ul, #categories-header > ul.active { transition: all 0.3s ease; } @keyframes jump { 0% { top: 0; } 50% { top: -3px; } 100% { top: 0; } } .jump { transform-origin: 50% 50%; animation: jump 0.5s linear alternate infinite; position: relative; } .blog-categories { background: #741C2A; text-align: center; padding: 2rem 1rem 1rem 1rem; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-top: -1rem; } .blog-categories__title { font-family: RalewaySemiBold, sans-serif; font-size: clamp(15px, 2vw, 24px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #fff; } .blog-categories ul { list-style-type: none; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; } .blog-categories ul li { display: inline-block; } @media screen and (max-width: 730px) { .blog-categories ul li { min-width: 300px; } } .blog-categories ul a { font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 18px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #fff; } .date-and-author p { display: inline-block; font-family: Roboto; font-size: clamp(14px, 2vw, 18px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #4e4e4e; margin-block: 0; } .date-and-author__author { position: relative; margin-left: 70px; } .date-and-author__separator { width: 50px; position: relative; } .date-and-author__separator:after { content: ""; position: absolute; top: calc(50% - 1px); bottom: 0; right: 0; border: 1px solid #d1d1d1; height: 1px; width: 50px; } .blog-entry__title { font-family: ""Raleway", sans-serif", sans-serif !important; color: #741C2A; text-align: center; font-stretch: normal; letter-spacing: 0; } #blog-content .index-container { padding: 0 3rem; background: #f1f1f1; } #blog-content .index-container h3 { font-family: RalewaySemiBold, sans-serif; font-size: clamp(16px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #741C2A; } #blog-content .index-container a { font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 18px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: left; color: #000000; } #blog-content .index-container a:hover { color: #741C2A !important; } #blog-content .index-container .numberTypeList { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(14px, 2vw, 18px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #000000; } #blog-content h1 { color: #741c2a; } #blog-content li::marker { color: #741c2a; font-size: 1.6rem; } .image-caption { background: #f1f1f1; padding: 1rem; } .recursos-catalogo .title { font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #741C2A; } @media screen and (min-width: 1024px) { .recursos-catalogo .division { border-right: 1px solid #dadada; } } .recursos-catalogo .recursos-blog .cards { display: grid; gap: 0px 15px; grid-template-columns: repeat(2, 1fr); } .recursos-catalogo .recursos-blog .cards img { width: 200px !important; height: 200px !important; -o-object-fit: cover; object-fit: cover; display: block; margin: auto; } .recursos-catalogo .recursos-blog .cards a { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #000000; text-decoration: none; } @media screen and (max-width: 560px) { .recursos-catalogo .recursos-blog .cards { grid-template-columns: 1fr; } } .recursos-catalogo .resource-text { font-size: 1.1rem; } .catalogo-blog .hubspot-form span { color: black !important; } .catalogo-blog p { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #000000; } .newsletter-blog { background: #741c2a; padding: 2rem 4rem; position: relative; } .newsletter-blog h3 { font-family: RalewaySemiBold, sans-serif; font-size: clamp(20px, 2vw, 30px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #fff; } .newsletter-blog .decoration { position: absolute; right: 0; bottom: -23%; width: 50% !important; } .newsletter-blog .form-container { width: 100%; } @media screen and (min-width: 1024px) { .newsletter-blog .form-container { width: 50%; } } .newsletter-blog .catalogo-img { width: 300px !important; -o-object-fit: contain; object-fit: contain; position: absolute; right: 0; transform: translate(-50%); } .newsletter-blog .catalogo-img-2 { max-height: 400px; -o-object-fit: contain; object-fit: contain; margin-bottom: -4rem; } .banner-cta #banner-cta-title { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(14px, 2vw, 22px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #741C2A; } .banner-cta .subtitle { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(12px, 2vw, 16px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #000000; letter-spacing: 2px; text-transform: uppercase; } .banner-cta .banner-btn { box-shadow: none !important; border-radius: 2px; cursor: pointer; transition: all 0.2s; font-weight: 700; text-align: center; border: 1px solid transparent; font-size: 0.9rem; padding: 6px 15px; line-height: 1.5; border-radius: 0; } .banner-cta.banner2 img { max-width: 75%; margin: auto; display: block; margin-top: 1rem; margin-bottom: -1rem; } @media screen and (min-width: 730px) { .banner-cta.banner2 img { margin-top: -1rem; } } .article-quote p, .article-quote b { font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 22px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #000000; line-height: 2rem; } .chevron-right::before { content: ""; border-style: solid; border-width: 2px 2px 0 0; display: inline-block; height: 8px; width: 8px; left: 0.15em; position: relative; top: 8px; vertical-align: top; transform: rotate(45deg); } .chevron-right-larger { position: relative; padding-right: 30px; } .chevron-right-larger:before { content: ""; position: absolute; height: 10px; width: 10px; border-style: solid; border-width: 3px 3px 0 0; border-color: white; transform: rotate(45deg); right: 10px; top: 0; bottom: 0; margin: auto; } .new-navbar.blog-header { margin-bottom: 0; } .blog-sharer p { font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #000000; } .blog-sharer .share-image { width: 20px !important; } .new-navbar { position: relative; border-radius: 10px; background-color: #f8f8f8; margin: 1rem auto; padding: 0 1.5rem; } .new-navbar__logo { width: 100%; max-width: clamp(150px, 3vw, 205px); -o-object-fit: contain; object-fit: contain; } /* .new-navbar__gap { gap: 1rem; }*/ .new-navbar__gap { gap: 2.rem; } .new-navbar .nav-complete-item { padding: 1.5rem 0.3rem; } .new-navbar .nav-complete-item .nav-item { position: relative; font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 18px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #4e4e4e; line-height: 1.15; transition: 0.7s ease; } .new-navbar .nav-complete-item .nav-item::before { content: ""; position: absolute; bottom: 0; left: 15%; width: 70%; height: 6px; background-color: transparent; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: 0.7s ease; } .new-navbar .nav-complete-item .large-subnav { display: none; position: absolute; background-color: #f8f8f8; width: 100%; height: auto; top: 73px; left: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; transition: 0.7s ease; overflow: hidden; z-index: 1; transition: 0s display; } .new-navbar .nav-complete-item .large-subnav__card { width: 100%; border-right: 1px solid #e0e0e0; transition: 0.7s ease; } .new-navbar .nav-complete-item .large-subnav__card .img { width: 100%; filter: grayscale(100%); transition: 0.7s ease; } .new-navbar .nav-complete-item .large-subnav__card .card-body-item { width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 1rem; } .new-navbar .nav-complete-item .large-subnav__card .card-body-item .title { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(14px, 2vw, 18px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #4e4e4e; line-height: 1.15; } .new-navbar .nav-complete-item .large-subnav__card .card-body-item .text { font-family: Roboto; font-size: clamp(12px, 2vw, 15px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #4e4e4e; line-height: 1.53; } .new-navbar .nav-complete-item .large-subnav__card:nth-child(1) .card-body-item .title { color: #304c5d; } .new-navbar .nav-complete-item .large-subnav__card:nth-child(1):hover { background-color: #304c5d; } .new-navbar .nav-complete-item .large-subnav__card:nth-child(2) .card-body-item .title { color: #03012C; } .new-navbar .nav-complete-item .large-subnav__card:nth-child(2):hover { background-color: #03012C; } .new-navbar .nav-complete-item .large-subnav__card:nth-child(3) { border-right: none; } .new-navbar .nav-complete-item .large-subnav__card:nth-child(3) .card-body-item .title { color: #741C2A; } .new-navbar .nav-complete-item .large-subnav__card:nth-child(3):hover { background-color: #741C2A; } .new-navbar .nav-complete-item .large-subnav__card:hover .img { filter: grayscale(0%); } .new-navbar .nav-complete-item .large-subnav__card:hover .card-body-item .title, .new-navbar .nav-complete-item .large-subnav__card:hover .card-body-item .text { color: white; } .new-navbar .nav-complete-item:hover .nav-item { color: #741C2A; } .new-navbar .nav-complete-item:hover .nav-item::before { background-color: #741C2A; } .new-navbar .nav-complete-item:hover .large-subnav { display: grid; grid-template-columns: repeat(3, 1fr); transition-delay: 1.1s; } .new-navbar .dropdown-container { padding-inline-start: 0; list-style: none; margin-top: 1rem; } .new-navbar .dropdown-container-nav-item { margin: 0.8rem 0 0 0; } .new-navbar .dropdown-container-nav-item:nth-child(1) { margin: 0; } .new-navbar .nav-item-dropdown { position: relative; } .new-navbar .nav-item-dropdown[aria-expanded=true] .nav-link-mobile { color: #741C2A; } .new-navbar .nav-item-dropdown[aria-expanded=true]::after { content: " -"; top: 0; } .new-navbar .nav-item-dropdown::after { content: " +"; position: absolute; top: 0.4rem; right: 1rem; font-family: RalewaySemiBold, sans-serif; font-size: clamp(22px, 2vw, 22px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #741C2A; } .new-navbar .nav-item { padding: 1.5rem 0.3rem; } .new-navbar .nav-item .nav-item, .new-navbar .nav-item .nav-link-mobile { font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 18px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #4e4e4e; line-height: 1.15; transition: 0.7s ease; } .new-navbar .nav-item .nav-item--light, .new-navbar .nav-item .nav-link-mobile--light { font-family: Roboto; font-size: clamp(14px, 2vw, 18px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #4e4e4e; color: #4e4e4e !important; } .new-navbar .nav-item .small-subnav { display: none; position: absolute; top: 73px; left: calc(50% - 100px); width: 200px; background-color: #f8f8f8; list-style: none; padding-inline-start: 0; transition: 0.7s ease; } .new-navbar .nav-item .small-subnav__item { padding: 1rem 1.5rem; transition: 0.7s ease; } .new-navbar .nav-item .small-subnav__item .itemLink { width: 100%; display: inline-grid; font-family: RalewayRegular, sans-serif; font-size: clamp(12px, 2vw, 15px); font-weight: 400; font-stretch: normal; letter-spacing: 0.5px; text-align: start; color: #4e4e4e; line-height: 1.53; transition: 0.7s ease; } .new-navbar .nav-item .small-subnav__item:hover { background-color: #e1e1e1; } .new-navbar .nav-item .small-subnav__item:hover .itemLink { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(12px, 2vw, 15px); font-weight: 700; font-stretch: normal; letter-spacing: 0.5px; text-align: start; color: #000000; } .new-navbar .nav-item::before { content: ""; position: absolute; bottom: 0; left: 15%; width: 70%; height: 6px; background-color: transparent; border-top-right-radius: 6px; border-top-left-radius: 6px; transition: 0.7s ease; } .new-navbar .nav-item:hover::before { background-color: #741C2A; } .new-navbar .nav-item:hover .nav-item { color: #741C2A; } .new-navbar .nav-item:hover .small-subnav { display: block; z-index: 1; } .new-navbar .navbar-toggler { padding: 0; } .new-navbar .navbar-brand { padding: 0; margin: 0; font-size: 0; } @media screen and (max-width: 850px) { .new-navbar { padding: 1rem; } .new-navbar .nav-item { border-top: 1px solid #e4e4e4; padding: 0.8rem 1rem; } .new-navbar .nav-item::before { content: none; } .new-navbar .navbar-nav { padding-top: 1rem; } } @media screen and (max-width: 530px) { .new-navbar { width: calc(100% - 2rem); margin: 1rem; } } .block-header { width: 100%; height: calc(105px - 1rem); } @media screen and (max-width: 530px) { .block-header { height: calc(48px - 1rem); } } .hamburger { padding: 0; display: flex; align-items: center; justify-content: center; } .hamburger:focus { outline: 1px solid transparent; } .hamburger-box { width: 33px; } .hamburger-inner { width: 33px; background-color: #741c2a; } .hamburger-inner::before, .hamburger-inner::after { width: 33px; background-color: #741c2a; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #741c2a; } .hero { width: 100%; height: auto; display: grid; grid-template-columns: 2.5fr 1fr; gap: 0.6rem; margin: 1rem auto; } .hero__slider { width: 100%; height: 550px; overflow: hidden; } .hero__shape-container { display: grid; grid-template-columns: 1fr; grid-template-rows: 2fr; gap: 0.5rem; } .hero__shape-1, .hero__shape-2 { position: relative; width: 100%; height: calc(277px - 0.5rem); overflow: hidden; } .hero__shape-1::before, .hero__shape-2::before { content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(37, 91, 112, 0.85); z-index: 2; } .hero__shape-1:hover .hero-image, .hero__shape-2:hover .hero-image { transform: scale(1.1); } .hero__shape-2::before { background-color: rgba(113, 71, 131, 0.85); } .hero__text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; font-family: ""Raleway", sans-serif"; font-size: clamp(22px, 3vw, 30px); font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #fff; } .hero .hero-image { width: 100%; transition: 0.3s ease-in-out; } @media screen and (max-width: 850px) { .hero .hero-image { height: 100%; -o-object-fit: cover; object-fit: cover; } } @media screen and (max-width: 550px) { .hero { grid-template-columns: 1fr; } .hero__slider { height: 500px; } .hero__shape-1, .hero__shape-2 { height: 100px; } } .new-slider { width: 100%; height: 100%; } .new-slider__video { width: 100%; height: 550px; -o-object-fit: cover; object-fit: cover; } .new-slider__slider { width: 100%; height: 100%; position: relative; } .new-slider__slider::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 2; } .new-slider__img { width: 100%; height: 100%; height: 550px; -o-object-fit: cover; object-fit: cover; } .new-slider__body { width: 80%; position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%); } .new-slider__body__heading { font-family: "Raleway-regular"; font-size: clamp(30px, 3vw, 45px); font-stretch: normal; font-style: normal; line-height: 1.1; letter-spacing: normal; color: #fff; } .new-slider__body__text { font-family: "Raleway-regular"; font-size: clamp(16px, 3vw, 20px); font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; color: #fff; margin-block: 2rem; } .new-slider .slick-dots { position: absolute; bottom: 0; left: 10%; padding-inline-start: 0; list-style: none; width: 80%; display: flex; gap: 0.5rem; } .new-slider .slick-dots .slick-active button { background-color: #f1f1f1; } .new-slider .slick-dots button { width: 13px; height: 13px; background-color: #b9b9b9; color: transparent; border: none; border-radius: 50%; overflow: hidden; } .new-btn { width: auto; height: auto; display: inline-flex; background-color: #741c2a; font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(12px, 2vw, 18px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #fff; line-height: 1.15; color: #fff; padding: 1rem 2rem 1rem 1rem; border: none; position: relative; text-transform: uppercase; border-radius: 3px; } .new-btn--white { background-color: white; color: #741c2a !important; } .new-btn--purple { background-color: #03012c; } .new-btn--green { background-color: #304c5d; } .new-btn--midnight { background-color: #03012c; } .new-btn--dark-grey { background-color: #304c5d; } .new-btn--turqueza { background-color: #286279; } .new-btn--white-with-midnight { background-color: #ffffff; font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(12px, 2vw, 18px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #03012c; } .new-btn--white-with-midnight:hover { color: initial !important; } .new-btn--big { padding: 1rem 3rem 1rem 2.5rem; } .new-btn::before { content: ""; position: absolute; right: 1rem; font-size: 1.4rem; transition: 0.2s ease-in-out; border-style: solid; border-width: 2px 2px 0 0; display: inline-block; height: 8px; width: 8px; right: 15px; top: 50%; vertical-align: top; transform: translateY(-60%) rotate(45deg); } .new-btn:hover { color: #fff; } .new-btn:hover::before { transform: translateX(4px) translateY(-60%) rotate(45deg); } .texto-con-logos { width: 100%; height: auto; margin: 5rem auto; } .texto-con-logos__titulo { font-family: RalewaySemiBold, sans-serif; font-size: clamp(18px, 2vw, 28px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #741c2a; line-height: 1.57; margin-block: 0; } .texto-con-logos__text { width: 80%; word-wrap: break-word; font-family: Roboto; font-size: clamp(14px, 2vw, 18px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #000000; line-height: 1.36; margin: 1rem auto; } .texto-con-logos__grid-logos { width: 100%; height: auto; display: flex; gap: 2rem; flex-wrap: wrap; justify-content: center; align-items: baseline; padding: 1rem; } .texto-con-logos__imgs { width: 150px; aspect-ratio: 3/2; -o-object-fit: contain; object-fit: contain; } .texto-con-logos__imgs--lg { width: 200px; } .texto-con-imagen { width: 100%; height: auto; margin: auto; clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%); overflow: hidden; } .texto-con-imagen--white { background-color: #fff; } .texto-con-imagen--gris { background-color: #f1f1f1; } .texto-con-imagen--negro { background-color: #4e4e4e; clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%); } .texto-con-imagen__content { width: 100%; max-width: 1500px; margin: 5rem 0; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; padding: 3rem 0; } @media screen and (max-width: 992px) { .texto-con-imagen__content { grid-template-columns: 1fr; grid-template-rows: 2fr; } } .texto-con-imagen__img-container { width: 100%; height: 100%; } .texto-con-imagen__img-container--negro { margin-left: 10%; } .texto-con-imagen__img-container--pseudoelement { position: relative; } .texto-con-imagen__img-container--pseudoelement img { clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%); } .texto-con-imagen__img-container--pseudoelement::after { content: ""; position: absolute; bottom: 0; right: 2%; width: 500px; height: 50%; background-color: #286279; z-index: -1; } .texto-con-imagen__img-container img { max-width: 100%; } .texto-con-imagen__body { width: 100%; max-width: 610px; height: 100%; display: flex; flex-direction: column; justify-content: center; margin-right: auto; padding: 1rem; } .texto-con-imagen__body--left { margin-left: auto; margin-right: 0; } .texto-con-imagen__body__titulo { font-family: RalewaySemiBold, sans-serif; font-size: clamp(22px, 2vw, 28px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #741C2A; line-height: 1.14; } .texto-con-imagen__body__titulo--negro { font-family: RalewaySemiBold, sans-serif; font-size: clamp(22px, 2vw, 28px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #fff; } .texto-con-imagen__body__texto { font-family: Roboto; font-size: clamp(14px, 2vw, 18px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #000000; line-height: 1.39; margin-block: 1.5rem; } .texto-con-imagen__body__texto--negro { color: white; } @media screen and (min-width: 1501px) { .texto-con-imagen__img-container--negro { margin-left: 0; } .texto-con-imagen__img-container--pseudoelement::after { right: 8%; } } @media screen and (max-width: 992px) { .texto-con-imagen { clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%); } .texto-con-imagen--negro { background-color: #4e4e4e; clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%); } .texto-con-imagen__body { width: 85%; margin: 1rem auto; } } @media screen and (max-width: 550px) { .texto-con-imagen__img-container { width: 100%; height: 100%; } .texto-con-imagen__img-container--pseudoelement::after { width: 90%; } .texto-con-imagen__img-container img { max-width: 100%; } .texto-con-imagen__content { padding: 2rem 0; } .texto-con-imagen__body { width: 100%; padding: 1.5rem; } } .cc-cards { width: 100%; height: auto; margin: 5rem auto; } .cc-cards__titulo { font-family: RalewaySemiBold, sans-serif; font-size: clamp(22px, 2vw, 28px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #741C2A; line-height: 1.14; margin-block: 3rem; } .cc-cards__container { width: 100%; height: auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; gap: 2rem; } .cc-cards__card { width: 100%; height: auto; max-width: 530px; } .cc-cards__card--floating { grid-column-start: 1; grid-column-end: 3; display: grid; margin: auto; } .cc-cards__card__header { width: 100%; height: auto; } .cc-cards__card__header img { max-width: 100%; } .cc-cards__card__body { width: 90%; height: auto; min-height: 330px; margin: -2rem auto 0 auto; display: flex; align-items: center; justify-content: space-between; flex-direction: column; background-color: #fff; box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.12); position: relative; z-index: 2; padding: 2rem; } .cc-cards__card__body__titulo { font-family: RalewaySemiBold, sans-serif; font-size: clamp(22px, 2vw, 28px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #304c5d; line-height: 1.33; margin-block: 0; } .cc-cards__card__body__titulo--purple { font-family: RalewaySemiBold, sans-serif; font-size: clamp(22px, 2vw, 28px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #03012c; } .cc-cards__card__body__texto { font-family: Roboto; font-size: clamp(12px, 2vw, 18px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #000000; line-height: 1.39; margin-block: 1rem; } @media screen and (max-width: 850px) { .cc-cards__card__body { width: 90%; } } @media screen and (max-width: 550px) { .cc-cards__container { grid-template-columns: 1fr; grid-template-rows: 2fr; } .cc-cards__card--floating { grid-column-start: 1; grid-column-end: 1; } } footer { width: 100%; height: auto; background-color: #f8f8f8; } .footer-container { min-height: 350px; display: grid; grid-template-columns: repeat(2, 1fr); padding: 4rem 0; } .footer-container .footer-section-grid { width: 100%; height: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem 2rem; padding-inline-start: 0; margin-block: 0; } .footer-container .footer-section-grid .nav-item-grid { display: flex; align-items: center; } .footer-container .footer-section-grid .nav-item-grid:nth-child(1) a { font-family: RalewaySemiBold, sans-serif; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #000000; transition: 0.2s ease-in-out; display: inline-flex; border-bottom: 1px solid #741C2A; } .footer-container .footer-section-grid .nav-item-grid:nth-child(1) a::after { content: url("/assets/img/nav-arrow-right.svg"); padding-left: 0.5rem; } .footer-container .footer-section-grid .nav-item-grid:nth-child(1) a:hover::after { transform: translateX(4px); } .footer-container .footer-section-grid .nav-item-grid:nth-child(even) { text-align: end; } .footer-container .footer-section-grid .nav-item-grid:nth-child(even) a { width: 100%; } .footer-container .footer-section { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; } .footer-container .footer-section__link { width: auto; min-width: 120px; display: block; font-family: RalewaySemiBold, sans-serif; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #000000; } .footer-container .footer-section__link--first { margin-block: 0.3rem; } .footer-container .footer-section__link--normal { font-family: RalewaySemiBold, sans-serif; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #000000; } .footer-container .footer-section__link--align-end { text-align: end; } .footer-container .footer-section__img { width: 100%; margin-bottom: 2rem; } @media screen and (max-width: 890px) { .footer-container .footer-section { padding-left: 5%; } .footer-container .footer-section--second { padding-right: 5%; } } @media screen and (max-width: 550px) { .footer-container { grid-template-columns: 1fr; } .footer-container .footer-section { padding: 2rem 1rem; } .footer-container .footer-section--second { padding: 1rem 0; } } .footer-info { width: 100%; height: auto; background-color: #fff; } .footer-info__container { width: 100%; height: auto; max-width: 1140px; margin: auto; display: flex; gap: 2rem; flex-wrap: wrap; justify-content: center; align-items: center; padding: 1rem; } .footer-info__link { font-family: Roboto; font-size: clamp(12px, 2vw, 12px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #000000; line-height: 1.92; margin-block: 0; } .footer-info__link:hover { color: #741c2a; } .footer-info__link--upper { text-transform: uppercase; } .firstLink { grid-column-end: -1; grid-column-start: 1; text-align: center; width: 65%; margin: auto; } .beneficios { width: 100%; height: auto; margin: 10rem auto; } .beneficios__heading { font-family: RalewaySemiBold, sans-serif; font-size: clamp(22px, 2vw, 28px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #741C2A; line-height: 1.14; margin-block: 3rem; } .beneficios__heading--midnight { font-family: RalewaySemiBold, sans-serif; font-size: clamp(22px, 2vw, 28px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #03012c; } .beneficios__subtitulo { font-family: RalewaySemiBold, sans-serif; font-size: clamp(16px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #741C2A; margin-block: 1rem; } .beneficios__subtitulo--midnight { font-family: RalewaySemiBold, sans-serif; font-size: clamp(16px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #03012c; } .beneficios__subtitulo:empty { display: none; } .beneficios__card { width: 100%; margin: 1rem auto; display: flex !important; align-items: center; flex-direction: column; gap: 2rem; padding: 2rem 2.5rem; } .beneficios__card--border { border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; } .beneficios__card__titulo { font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #741c2a; line-height: 1.14; margin-block: 0; } .beneficios__card__titulo--midnight { font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #03012c; height: 60px; display: flex; align-items: center; justify-content: center; } .beneficios__card__texto { font-family: Roboto; font-size: clamp(12px, 2vw, 18px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #000000; line-height: 1.39; } .beneficios__card__img { width: 80px; height: 80px; border-radius: 50%; background-color: #ffffff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.17); display: flex; justify-content: center; align-items: center; } .beneficios__card__img--midnight { width: 170px; height: 170px; box-shadow: 0 0 10px 5px rgba(136, 136, 136, 0.14); } .beneficios .slick-dots { width: 95%; height: auto; margin: auto; display: flex; align-items: center; justify-content: center; gap: 1rem; padding-inline-start: 0; list-style-type: none; margin-bottom: 0; position: relative; bottom: 0; z-index: 2; } .beneficios .slick-dots li { width: auto; height: 15px; overflow: hidden; } .beneficios .slick-dots button { width: 15px; height: 15px; border-radius: 50%; border: none; color: transparent; background-color: #741C2A; opacity: 0.5; } .beneficios .slick-dots button:focus { outline: none; } .beneficios .slick-dots .slick-active button { opacity: 1; background-color: #741C2A; } .casos-de-exito { width: 100%; max-width: 1400px; height: auto; margin: 5rem auto; } .casos-de-exito__titulo { font-family: RalewaySemiBold, sans-serif; font-size: clamp(18px, 2vw, 30px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #741c2a; line-height: 1.57; } .casos-de-exito__texto { font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #000000; line-height: 1.36; width: 70%; word-break: break-word; margin: 2rem auto; } .casos-de-exito__card { width: 90% !important; max-width: 380px; height: auto; min-height: 370px; display: flex !important; justify-content: space-evenly; align-items: center; flex-direction: column; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15); margin: 1rem auto; } .casos-de-exito__card__titulo { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(18px, 2vw, 25px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #741c2a; width: 80%; word-break: break-word; } .casos-de-exito__card__imgs { width: 150px; aspect-ratio: 3/2; -o-object-fit: contain; object-fit: contain; } .casos-de-exito .slick-dots { width: 95%; height: auto; margin: auto; display: flex; align-items: center; justify-content: center; gap: 1rem; padding-inline-start: 0; list-style-type: none; margin-bottom: 0; position: relative; bottom: 0; z-index: 2; } .casos-de-exito .slick-dots li { width: auto; height: 15px; overflow: hidden; } .casos-de-exito .slick-dots button { width: 15px; height: 15px; border-radius: 50%; border: none; color: transparent; background-color: #741C2A; opacity: 0.5; } .casos-de-exito .slick-dots button:focus { outline: none; } .casos-de-exito .slick-dots .slick-active button { opacity: 1; background-color: #741C2A; } .fold { width: 100%; height: auto; min-height: 410px; margin: 7rem auto; background-color: rgba(241, 241, 241, 0.6); border-radius: 10px; display: grid !important; grid-template-columns: 1.4fr 1fr 1fr; gap: 1rem; padding: 3rem; } .fold__text { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; } .fold__title { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(22px, 2vw, 28px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #741C2A; } .fold__richText { font-family: Roboto; font-size: clamp(14px, 2vw, 17px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #000000; } .fold__richText p { margin-block: 1.5rem; } @media screen and (max-width: 780px) { .fold { padding: 1rem; } } @media screen and (max-width: 550px) { .fold { width: calc(100% - 2rem); margin: 4rem 0; grid-template-columns: 1fr; } } .simple-card { width: 100%; max-width: 300px; position: absolute; top: 3.3rem; left: 0; padding: 0rem; text-align: center; overflow: hidden; } .simple-card--second { top: -7.4rem; } .simple-card__img { width: 100%; -o-object-fit: contain; object-fit: contain; } .simple-card__body { width: 100%; display: block; padding: 1rem; font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(18px, 2vw, 22px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #fff; background-color: #304c5d; } .simple-card__body--second { background-color: #03012c; } @media screen and (max-width: 550px) { .simple-card { position: relative; top: 0; margin-top: 1rem; } } .contenido-libre p, .contenido-libre ul, .contenido-libre li { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #000000; } .contenido-libre h1, .contenido-libre h1 span, .contenido-libre h1 strong { font-family: ""Raleway", sans-serif", sans-serif !important; } .contenido-libre h2, .contenido-libre h2 span, .contenido-libre h2 strong { font-family: ""Raleway", sans-serif", sans-serif !important; font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(30px, 2vw, 30px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: left; color: #000; margin-bottom: 2rem; } .contenido-libre h3, .contenido-libre h3 span, .contenido-libre h3 strong { font-family: ""Raleway", sans-serif", sans-serif !important; color: #000000; } .contenido-libre h4, .contenido-libre h4 span, .contenido-libre h4 strong, .contenido-libre h5, .contenido-libre h5 span, .contenido-libre h5 strong, .contenido-libre h6, .contenido-libre h6 span, .contenido-libre h6 strong { font-family: ""Raleway", sans-serif", sans-serif !important; color: #000000; } .contenido-libre strong, .contenido-libre a, .contenido-libre b { color: #741C2A; font-family: ""Raleway", sans-serif", sans-serif; } .contenido-libre a { text-decoration: underline; } .imagen-full-width p { font-family: Roboto; font-size: clamp(14px, 2vw, 18px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #000000; } .tags__title { font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #000000; } .tags p { display: inline-flex; } .tags .category-tag { background: #f1f1f1; margin-bottom: 0.5rem; border-radius: 3px; } .tags .category-tag a { font-family: RalewaySemiBold, sans-serif; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #000000; transition: color 0.2s ease; } .tags .category-tag:hover { background: #741C2A; } .tags .category-tag:hover a { color: white; } .custom-banner { width: 100%; height: auto; min-height: 310px; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; background-color: #f1f1f1; } .custom-banner--turqueza { background-color: #304c5d; } .custom-banner__container { width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 1rem 4rem; gap: 1rem; position: relative; } .custom-banner__container--turqueza, .custom-banner__container--claro { padding: 1rem; } .custom-banner__container--turqueza::after, .custom-banner__container--turqueza::before, .custom-banner__container--claro::after, .custom-banner__container--claro::before { content: initial !important; } .custom-banner__container::after { content: ""; position: absolute; top: 0; left: -20px; background-color: #741C2A; width: 30px; height: 100%; transform: rotate(3deg); } .custom-banner__container::before { content: ""; position: absolute; bottom: -1px; left: 6px; background-color: #601324; width: 30px; height: 70%; transform: rotate(3deg); } .custom-banner__picture { margin: auto; } .custom-banner__picture--default { -o-object-fit: contain; object-fit: contain; margin: 0; } .custom-banner__heading { font-family: RalewaySemiBold, sans-serif; font-size: clamp(20px, 2vw, 30px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #304c5d; margin-block: 2rem; } .custom-banner__heading:empty { display: none; } .custom-banner__titulo { font-family: RalewaySemiBold, sans-serif; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #4e4e4e; } .custom-banner__titulo--white { color: #ffffff; } .custom-banner__text b, .custom-banner__text strong { font-family: RalewaySemiBold, sans-serif; font-size: clamp(20px, 2vw, 30px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #741C2A; } .custom-banner__text p { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #741C2A; } .custom-banner__text--white b, .custom-banner__text--white strong, .custom-banner__text--white p { color: #ffffff; } @media screen and (max-width: 550px) { .custom-banner { grid-template-columns: 1fr; padding: 3rem 0; } } .l-slider { width: 100%; height: auto; margin: 3rem auto; } .l-slider__img { -o-object-fit: cover; object-fit: cover; } .l-slider__slide { width: 100%; height: auto; max-height: 600px; min-height: 400px; position: relative; overflow: hidden; } .l-slider__slide__titulo { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(22px, 2vw, 36px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #ffffff; width: 70%; word-wrap: break-word; } .l-slider__slide__text { font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 18px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #ffffff; width: 60%; word-wrap: break-word; } .l-slider__slide__container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 1.5rem; padding: 1rem; background-color: rgba(48, 76, 93, 0.4); } .l-slider .slick-dots { width: 95%; height: auto; margin: auto; display: flex; align-items: center; justify-content: center; gap: 1rem; padding-inline-start: 0; list-style-type: none; margin-bottom: 0; position: absolute; bottom: 2rem; z-index: 2; } .l-slider .slick-dots li { width: auto; height: 15px; overflow: hidden; } .l-slider .slick-dots button { width: 15px; height: 15px; border-radius: 50%; border: none; color: transparent; background-color: #f6f6f6; opacity: 0.5; } .l-slider .slick-dots button:focus { outline: none; } .l-slider .slick-dots .slick-active button { opacity: 1; background-color: #03012c; } .banner-movimiento { width: 100%; height: auto; margin: 3rem auto; padding: 1rem 0; background-color: #03012c; } .banner-movimiento--claro { background-color: #ffffff; } .banner-movimiento__titulo { font-family: RalewaySemiBold, sans-serif; font-size: clamp(20px, 2vw, 30px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #ffffff; margin-block: 1.5rem; } .banner-movimiento__titulo--claro { margin-block: 4rem; font-family: RalewaySemiBold, sans-serif; font-size: clamp(20px, 2vw, 30px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #03012c; } .banner-movimiento__titulo:empty { display: none; } .banner-movimiento__texto { width: 100%; height: auto; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 1rem; padding: 2rem; } .banner-movimiento__texto h4 { font-family: RalewaySemiBold, sans-serif; font-size: clamp(18px, 2vw, 25px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #ffffff; } .banner-movimiento__texto h4:empty { display: none; } .banner-movimiento__texto p, .banner-movimiento__texto li { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: justify; color: #ffffff; line-height: 1.4; margin-block-end: 0.5rem; } .banner-movimiento__texto li { padding-left: 1rem; } .banner-movimiento__texto li::marker { content: url("/assets/public-img/oval-white.svg"); } .banner-movimiento__texto--claro { order: 2; } .banner-movimiento__texto--claro h4 { font-family: RalewaySemiBold, sans-serif; font-size: clamp(18px, 2vw, 25px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #03012c; } .banner-movimiento__texto--claro p, .banner-movimiento__texto--claro li { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #03012c; line-height: 1.4; margin-block-end: 0.5rem; } .banner-movimiento__grid { width: 100%; height: auto; max-width: 1140px; margin: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; } .banner-movimiento__grid--claro { max-height: 400px; background-color: #f1f1f1; } .banner-movimiento__grid--claro picture { margin: -3rem auto; } .banner-movimiento__grid picture { margin: auto; } @media screen and (max-width: 850px) { .banner-movimiento__grid picture { margin: auto; } } @media screen and (max-width: 550px) { .banner-movimiento { padding: 1rem; } .banner-movimiento__grid { grid-template-columns: 1fr; } .banner-movimiento__grid--claro { max-height: initial; padding: 1rem; } .banner-movimiento__texto { padding: 2rem 0; } .banner-movimiento__texto--claro { order: initial; } .banner-movimiento__titulo--claro { margin-block: 1.5rem; } } .soluciones-card { width: 100%; height: auto; padding: 3rem 0; position: relative; } .soluciones-card::after { content: ""; width: 100%; height: 130px; background-color: #03012c; position: absolute; top: 30%; left: 0; z-index: -1; } .soluciones-card__titulo { font-family: RalewaySemiBold, sans-serif; font-size: clamp(20px, 2vw, 30px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #03012c; } .soluciones-card__subtitulo { font-family: RalewaySemiBold, sans-serif; font-size: clamp(16px, 2vw, 22px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #000000; margin-block: 1rem; } .soluciones-card__container { width: 100%; max-width: 1140px; height: auto; margin: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; padding: 2rem 0; } @media screen and (max-width: 850px) { .soluciones-card::after { content: initial; } .soluciones-card__container { grid-template-columns: repeat(2, 1fr); padding: 2rem; } } @media screen and (max-width: 550px) { .soluciones-card { padding: 1rem 0; } .soluciones-card__container { grid-template-columns: 1fr; padding: 1rem; } } .sc-cards { width: 100%; height: auto; } .sc-cards__image { width: 100%; display: flex; justify-content: center; align-items: center; } .sc-cards__texto h6 { font-family: RalewaySemiBold, sans-serif; font-size: clamp(16px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #03012c; margin-block: 1.5rem; height: 80px; display: flex; justify-content: center; align-items: center; } .sc-cards__texto p, .sc-cards__texto li { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #000000; } .sc-cards__texto li { padding-left: 1rem; } .sc-cards__texto li::marker { content: url("/assets/public-img/oval-copy.svg"); } @media screen and (max-width: 550px) { .sc-cards__texto h6 { height: auto; } .sc-cards__image { position: relative; } .sc-cards__image::after { content: ""; width: 100%; height: 70px; background-color: #03012c; position: absolute; top: calc(50% - 30px); left: 0; z-index: -1; } } .richtext-con-imagen { width: 100%; max-width: 1500px; height: auto; margin: 3rem auto; } .richtext-con-imagen__titulo { font-family: RalewaySemiBold, sans-serif; font-size: clamp(20px, 2vw, 30px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #03012c; margin-block: 3rem; } .richtext-con-imagen__container { width: 100%; height: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; overflow: hidden; } .richtext-con-imagen__imagen { width: 100%; height: auto; display: flex; align-items: center; justify-content: center; position: relative; } .richtext-con-imagen__imagen::before { content: ""; position: absolute; top: 5%; right: 0; width: 95%; height: 90%; background-color: #03012c; z-index: -1; } .richtext-con-imagen__imagen--dark-grey { justify-content: flex-end; padding: 3rem 0; } .richtext-con-imagen__imagen--dark-grey::before { background-color: #304c5d; top: 0; width: 80%; height: 100%; } .richtext-con-imagen__texto { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; } .richtext-con-imagen__texto p, .richtext-con-imagen__texto li { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #000000; } .richtext-con-imagen__texto li { line-height: 30px; } .richtext-con-imagen__texto li::marker { font-size: 2rem; color: #304c5d; } @media screen and (max-width: 950px) { .richtext-con-imagen__container { gap: 2rem; } } @media screen and (max-width: 550px) { .richtext-con-imagen__container { grid-template-columns: 1fr; } .richtext-con-imagen__texto { padding: 1rem; } .richtext-con-imagen__imagen::before { width: 100%; } } .floating-cards { width: 100%; height: auto; margin: 5rem auto; } .floating-cards__title { font-family: RalewaySemiBold, sans-serif; font-size: clamp(18px, 2vw, 26px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #304c5d; margin-block: 3rem; } .floating-cards__container { width: 100%; height: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } @media screen and (max-width: 550px) { .floating-cards__container { grid-template-columns: 1fr; gap: 1rem; } } .richtext-con-cta { width: 100%; height: auto; margin: 5rem 0; background-color: #f6f6f6; padding: 5rem 1rem; } .richtext-con-cta--white { background-color: #ffffff; } .richtext-con-cta__titulo { width: 80%; margin: auto; font-family: RalewaySemiBold, sans-serif; font-size: clamp(20px, 2vw, 30px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #304c5d; } .richtext-con-cta__texto { margin: 3rem 0; } .richtext-con-cta__texto p, .richtext-con-cta__texto li { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #000000; } .richtext-con-cta__texto li { line-height: 30px; } .richtext-con-cta__texto li::marker { font-size: 2rem; color: #304c5d; } .richtext-con-cta__button { width: 100%; height: auto; display: flex; justify-content: center; align-items: center; } .cards-movimiento { width: 100%; height: auto; margin: 5rem auto; } .cards-movimiento__container { width: 100%; height: auto; display: grid; grid-template-columns: repeat(4, 1fr); -moz-column-gap: 0; column-gap: 0; row-gap: 4rem; } .cards-movimiento__titulo { font-family: RalewaySemiBold, sans-serif; font-size: clamp(20px, 2vw, 30px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #304c5d; margin-block: 4rem; } @media screen and (max-width: 950px) { .cards-movimiento__container { grid-template-columns: repeat(7, 1fr); } } @media screen and (max-width: 550px) { .cards-movimiento__container { grid-template-columns: 1fr; row-gap: 1rem; } .cards-movimiento__titulo { margin-block: 2rem; } } .card-movimiento { width: 100%; max-width: 600px; height: auto; display: grid; grid-template-columns: 30% 70%; align-items: center; background-color: #f6f6f6; } .card-movimiento__img { width: 100%; height: auto; background-color: #ffffff; display: flex; justify-content: center; align-items: center; border-bottom-right-radius: 50%; border-top-right-radius: 50%; } .card-movimiento__body { padding: 0 1rem; } .card-movimiento__titulo { font-family: RalewaySemiBold, sans-serif; font-size: clamp(14px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #304c5d; } .card-movimiento__text { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #000000; } .card-movimiento__text p { margin-block: 0; } .card-movimiento:nth-child(1) { grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 1; } .card-movimiento:nth-child(2) { grid-column-start: 2; grid-column-end: 5; grid-row-start: 2; grid-row-end: 2; } .card-movimiento:nth-child(3) { grid-column-start: 3; grid-column-end: 5; grid-row-start: 3; grid-row-end: 3; } @media screen and (max-width: 950px) { .card-movimiento:nth-child(1) { grid-column-start: 1; grid-column-end: 6; } .card-movimiento:nth-child(2) { grid-column-start: 2; grid-column-end: 7; } .card-movimiento:nth-child(3) { grid-column-start: 3; grid-column-end: 8; } } @media screen and (max-width: 550px) { .card-movimiento { grid-template-columns: 33% 67%; background-color: #ffffff; } .card-movimiento__img { height: 100%; border-bottom-right-radius: 0%; border-top-right-radius: 0%; background-color: #f6f6f6; } .card-movimiento__img img { background-color: #ffffff; border-top-right-radius: 42px; border-bottom-right-radius: 42px; } .card-movimiento__body { padding: 1rem; background-color: #f6f6f6; } .card-movimiento:nth-child(1) { grid-column-start: 1; grid-column-end: 1; } .card-movimiento:nth-child(2) { grid-column-start: 1; grid-column-end: 1; } .card-movimiento:nth-child(3) { grid-column-start: 1; grid-column-end: 1; } } .banner-horizontal { width: 90% !important; height: 200px; margin: 1rem auto; overflow: hidden; border-radius: 10px; display: flex !important; position: relative; justify-content: flex-end; } .banner-horizontal__img { height: 100%; } .banner-horizontal__body { width: 100%; height: 100%; display: grid; grid-template-columns: 38% 25% 37%; align-items: center; justify-items: center; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg, #f1f1f1 50%, transparent 80%); } .banner-horizontal__text { padding: 1.5rem; } .banner-horizontal__text h3 { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(20px, 2vw, 25px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #601324; } .banner-horizontal__text p { font-family: Roboto; font-size: clamp(12px, 2vw, 17px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #000000; margin-block: 0px; } @media screen and (max-width: 950px) { .banner-horizontal__body { grid-template-columns: 40% 20% 30%; } } @media screen and (max-width: 550px) { .banner-horizontal { width: 95% !important; height: 250px; } .banner-horizontal__body { grid-template-columns: 100%; background-image: linear-gradient(180deg, #f1f1f1 60%, transparent 100%); } } #banner-horizontal-slider .slick-dots { width: 95%; height: auto; margin: auto; display: flex; align-items: center; justify-content: center; gap: 1rem; padding-inline-start: 0; list-style-type: none; margin-bottom: 0; position: relative; bottom: 0; z-index: 2; } #banner-horizontal-slider .slick-dots li { width: auto; height: 15px; overflow: hidden; } #banner-horizontal-slider .slick-dots button { width: 15px; height: 15px; border-radius: 50%; border: none; color: transparent; background-color: #741C2A; opacity: 0.5; } #banner-horizontal-slider .slick-dots button:focus { outline: none; } #banner-horizontal-slider .slick-dots .slick-active button { opacity: 1; background-color: #741C2A; } .l-lhs { width: 100%; height: auto; margin: 3rem auto; } @media (max-width: 768px) { .l-lhs { margin: 2rem auto; } } .l-lhs__img { -o-object-fit: cover; object-fit: cover; -o-object-position: left center; object-position: left center; width: 100%; height: 100vh; max-height: 800px; position: absolute; top: 0; left: 0; } @media (max-width: 576px) { .l-lhs__img { max-height: 700px; } } .l-lhs__slide { width: 100%; height: auto; min-height: 400px; height: calc(100vh - 9.5rem); max-height: 700px; } @media (max-width: 576px) { .l-lhs__slide { max-height: 600px; height: calc(100vh - 5rem); } } /*.l-lhs__slide__titulo { font-family: RalewayExtraBold, sans-serif; font-size: clamp(35px, 2vw, 35px); font-weight: 800; font-stretch: normal; letter-spacing: 0px; text-align: left; color: #286279; width: 80%; word-wrap: break-word; }*/ .l-lhs__slide__titulo { font-family: 'RalewayExtraBold', sans-serif; font-size: 35px !important; /* Evitamos clamp para acelerar layout */ font-weight: 800; font-stretch: normal; letter-spacing: 0px; text-align: left; color: #286279; width: 100%; /* Preferible en móvil para evitar reflow */ word-wrap: break-word; opacity: 1 !important; /* Asegura visibilidad inmediata */ transform: none !important; transition: none !important; will-change: transform; contain: layout style; font-display: swap; /* Si es en @font-face */ } @media (max-width: 992px) { .l-lhs__slide__titulo { width: 100%; } } /* @media (max-width: 576px) { .l-lhs__slide__titulo { font-size: 28px !important; } }*/ @media (max-width: 576px) { .l-lhs__slide__titulo { font-size: 28px !important; opacity: 1 !important; transform: none !important; transition: none !important; will-change: auto; contain: layout style; } } .l-lhs__slide__text { font-family: Roboto; font-size: clamp(18px, 2vw, 25px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: left; color: #4e4e4e; width: 55%; word-wrap: break-word; } @media (max-width: 992px) { .l-lhs__slide__text { width: 100%; } } .l-lhs__slide__text strong { font-family: RobotoBold; font-size: clamp(18px, 2vw, 25px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: left; color: #4e4e4e; word-wrap: break-word; } .l-lhs__slide__container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: start; align-items: start; flex-direction: column; gap: 1.5rem; padding: 20px 85px; } @media (max-width: 992px) { .l-lhs__slide__container { padding: 30px 25px; } } .l-lhs .slick-dots { width: 95%; height: auto; margin: auto; display: flex; align-items: center; justify-content: center; gap: 1rem; padding-inline-start: 0; list-style-type: none; margin-bottom: 0; position: absolute; bottom: 2rem; z-index: 2; } .l-lhs .slick-dots li { width: auto; height: 15px; overflow: hidden; } .l-lhs .slick-dots button { width: 15px; height: 15px; border-radius: 50%; border: none; color: transparent; background-color: #f6f6f6; opacity: 0.5; } .l-lhs .slick-dots button:focus { outline: none; } .l-lhs .slick-dots .slick-active button { opacity: 1; background-color: #03012c; } .landing-text { width: 100%; height: auto; margin: 2rem 0 3rem 0; background-color: #ffffff; padding: 3rem 1rem 1rem 1rem; } @media (max-width: 768px) { .landing-text { margin: 1rem 0 2rem 0; padding: 3rem 1rem 1rem 1rem; } } .landing-text__badge { width: 80%; margin: auto; font-family: RalewayExtraBold, sans-serif; font-size: clamp(18px, 2vw, 25px); font-weight: 800; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #cdcdcd; padding-bottom: 10px; } .landing-text__titulo { width: 80%; margin: auto; font-family: RalewayExtraBold, sans-serif; font-size: clamp(35px, 2vw, 35px); font-weight: 800; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #286279; } @media (max-width: 576px) { .landing-text__titulo { font-size: 28px !important; } } .landing-text__texto { margin: 30px auto 40px; width: 90%; } @media (max-width: 576px) { .landing-text__texto { width: 100%; } } .landing-text__texto p, .landing-text__texto li { font-family: Roboto; font-size: clamp(14px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #4e4e4e; line-height: 1.4; margin-bottom: 0; } .landing-text__texto li { line-height: 30px; } .landing-text__texto li::marker { font-size: 2rem; color: #304c5d; } .landing-text__button { width: 100%; height: auto; display: flex; justify-content: center; align-items: center; } .lgc { width: 100%; height: auto; margin: 2rem 0 3rem 0; padding-bottom: 2rem; } @media (max-width: 768px) { .lgc { margin: 1rem 0 2rem 0; padding-bottom: 2rem; } } .lgc__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } @media (max-width: 992px) { .lgc__grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 576px) { .lgc__grid { grid-template-columns: repeat(1, 1fr); } } .lgc__grid:not(.uniform) .lgc__grid-item:nth-child(1) { grid-column: 1; grid-row: 1; } .lgc__grid:not(.uniform) .lgc__grid-item:nth-child(2) { grid-column: 1; grid-row: 2; } .lgc__grid:not(.uniform) .lgc__grid-item:nth-child(4) { grid-column: 3; grid-row: 1; } .lgc__grid:not(.uniform) .lgc__grid-item:nth-child(5) { grid-column: 3; grid-row: 2; } .lgc__grid:not(.uniform) .lgc__grid-item-middle { grid-column: 2; grid-row: span 2; } @media (max-width: 992px) { .lgc__grid:not(.uniform) .lgc__grid-item-middle { grid-column: 2; grid-row: span 2; } } @media (max-width: 576px) { .lgc__grid:not(.uniform) .lgc__grid-item-middle { grid-column: auto; grid-row: auto; } } @media (max-width: 992px) { .lgc__grid:not(.uniform) .lgc__grid-item:nth-child(1) { grid-column: 1; grid-row: 1; } .lgc__grid:not(.uniform) .lgc__grid-item:nth-child(2) { grid-column: 1; grid-row: 2; } .lgc__grid:not(.uniform) .lgc__grid-item:nth-child(4), .lgc__grid:not(.uniform) .lgc__grid-item:nth-child(5) { grid-column: auto; grid-row: auto; } } @media (max-width: 576px) { .lgc__grid:not(.uniform) .lgc__grid-item { aspect-ratio: 2/1; } .lgc__grid:not(.uniform) .lgc__grid-item:nth-child(1), .lgc__grid:not(.uniform) .lgc__grid-item:nth-child(2) { grid-column: auto; grid-row: auto; } } .lgc__grid.uniform .lgc__grid-item { aspect-ratio: 3/2; } @media (max-width: 576px) { .lgc__grid.uniform .lgc__grid-item { aspect-ratio: 2/1; } } .lgc__card { height: 100%; border: none !important; border-radius: 0 !important; } .lgc__card > picture { height: 100%; } .lgc__card-img { height: 100%; -o-object-fit: cover; object-fit: cover; } .lgc__card-info { height: 100%; width: 100%; display: flex; justify-content: start; align-items: end; background-color: rgba(75, 75, 75, 0.05); padding: 0 !important; } .lgc__card-text { font-family: RalewayExtraBold, sans-serif; font-size: clamp(12px, 2vw, 20px); font-weight: 800; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #ffffff; padding: 13px 25px; background-color: rgba(40, 98, 121, 0.7490196078); transition: all 0.2s ease-in-out; position: relative; } .lgc a.lgc__card:hover .lgc__card-info { transition: all 0.2s ease-in-out; background-color: rgba(75, 75, 75, 0.2); } .lgc a.card .lgc__card-text::before { content: ""; position: absolute; right: 1rem; font-size: 1.4rem; transition: 0.2s ease-in-out; border-style: solid; border-width: 2px 2px 0 0; display: inline-block; height: 8px; width: 8px; right: 11px; top: 50%; vertical-align: top; transform: translateY(-60%) rotate(45deg); } .lgc a.card:hover .lgc__card-text::before { right: 8px; } .bg-gray { background-color: #f8f8f8 !important; } .landing-liart { width: 100%; height: auto; margin: 3rem auto; background-color: #ffffff; max-width: 1650px; } @media (max-width: 768px) { .landing-liart { margin: 1rem auto; } } .landing-liart:not(.bg-gray) { padding: 2rem 1rem; } @media (max-width: 768px) { .landing-liart:not(.bg-gray) { padding: 1rem; } } .landing-liart.bg-gray { padding: 4rem 1rem; } @media (max-width: 768px) { .landing-liart.bg-gray { padding: 3rem 1rem; } } .landing-liart__text-right { max-width: 570px; } .landing-liart__text-right .landing-liart__badge, .landing-liart__text-right .landing-liart__titulo, .landing-liart__text-right .landing-liart__texto { text-align: justify; -moz-text-align-last: end; text-align-last: end; } @media (max-width: 768px) { .landing-liart__text-right .landing-liart__titulo, .landing-liart__text-right .landing-liart__texto { text-align: end !important; } } .landing-liart__text-right ul { display: flex; justify-content: end; } .landing-liart__text-left { max-width: 570px; } .landing-liart__text-left .landing-liart__badge, .landing-liart__text-left .landing-liart__titulo, .landing-liart__text-left .landing-liart__texto { text-align: justify; } @media (max-width: 768px) { .landing-liart__text-left .landing-liart__titulo, .landing-liart__text-left .landing-liart__texto { text-align: start !important; } } .landing-liart__badge { font-family: RalewayExtraBold, sans-serif; font-size: clamp(17px, 2vw, 22px); font-weight: 800; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #cdcdcd; margin-bottom: 5px; } .landing-liart__titulo { font-family: RalewayExtraBold, sans-serif; font-size: clamp(28px, 2vw, 30px); font-weight: 800; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #286279; margin-bottom: 12px; } .landing-liart__texto p { font-family: Roboto; font-size: clamp(13px, 2vw, 17px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #4e4e4e; line-height: 1.25; margin-bottom: 0.5rem; } .landing-liart__texto p strong { font-family: RobotoBold; font-size: clamp(13px, 2vw, 17px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #4e4e4e; } .landing-liart__texto ul, .landing-liart__texto ol { padding-left: 24px; margin-bottom: 0; } .landing-liart__texto li { line-height: 30px; padding-left: 1rem; font-family: RalewayExtraBold, sans-serif; font-size: clamp(16px, 2vw, 21px); font-weight: 800; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #741c2a; line-height: normal; margin-bottom: 8px; } .landing-liart__texto li::marker { font-size: 1.5rem; margin-right: 1rem; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='18px' viewBox='0 0 20 20' version='1.1'%3E%3Ctitle%3E2666CC93-8CC1-45F8-AB1D-5FC12BC1EADE%3C/title%3E%3Cg id='Conveyors' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='División-Transportadores-2024' transform='translate(-224, -3045)' fill-rule='nonzero'%3E%3Cg id='Bullet-style-01' transform='translate(224, 3045)'%3E%3Cpath d='M10,0 C4.48577883,0 0,4.48577883 0,10 C0,15.5142212 4.48577883,20 10,20 C15.5142212,20 20,15.5142212 20,10 C20,4.48577883 15.5142212,0 10,0 Z' id='Path' fill='%23286279'/%3E%3Cpath d='M15.0683594,7.88085937 L9.65164184,13.2974243 C9.48913574,13.4599304 9.27581789,13.5417175 9.0625,13.5417175 C8.84918211,13.5417175 8.63586426,13.4599304 8.47335816,13.2974243 L5.7650757,10.5891418 C5.43914797,10.2633667 5.43914797,9.73663328 5.7650757,9.41085816 C6.09085082,9.08493043 6.61743164,9.08493043 6.94335937,9.41085816 L9.0625,11.5299988 L13.8900757,6.7025757 C14.2158508,6.37664797 14.7424316,6.37664797 15.0683594,6.7025757 C15.3941345,7.02835082 15.3941345,7.55493164 15.0683594,7.88085937 Z' id='Path' fill='%23FAFAFA'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @media (max-width: 992px) { .landing-liart__texto li::marker { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15px' height='15px' viewBox='0 0 20 20' version='1.1'%3E%3Ctitle%3E2666CC93-8CC1-45F8-AB1D-5FC12BC1EADE%3C/title%3E%3Cg id='Conveyors' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='División-Transportadores-2024' transform='translate(-224, -3045)' fill-rule='nonzero'%3E%3Cg id='Bullet-style-01' transform='translate(224, 3045)'%3E%3Cpath d='M10,0 C4.48577883,0 0,4.48577883 0,10 C0,15.5142212 4.48577883,20 10,20 C15.5142212,20 20,15.5142212 20,10 C20,4.48577883 15.5142212,0 10,0 Z' id='Path' fill='%23286279'/%3E%3Cpath d='M15.0683594,7.88085937 L9.65164184,13.2974243 C9.48913574,13.4599304 9.27581789,13.5417175 9.0625,13.5417175 C8.84918211,13.5417175 8.63586426,13.4599304 8.47335816,13.2974243 L5.7650757,10.5891418 C5.43914797,10.2633667 5.43914797,9.73663328 5.7650757,9.41085816 C6.09085082,9.08493043 6.61743164,9.08493043 6.94335937,9.41085816 L9.0625,11.5299988 L13.8900757,6.7025757 C14.2158508,6.37664797 14.7424316,6.37664797 15.0683594,6.7025757 C15.3941345,7.02835082 15.3941345,7.55493164 15.0683594,7.88085937 Z' id='Path' fill='%23FAFAFA'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } } @media (max-width: 576px) { .landing-liart__texto li::marker { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13px' height='13px' viewBox='0 0 20 20' version='1.1'%3E%3Ctitle%3E2666CC93-8CC1-45F8-AB1D-5FC12BC1EADE%3C/title%3E%3Cg id='Conveyors' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='División-Transportadores-2024' transform='translate(-224, -3045)' fill-rule='nonzero'%3E%3Cg id='Bullet-style-01' transform='translate(224, 3045)'%3E%3Cpath d='M10,0 C4.48577883,0 0,4.48577883 0,10 C0,15.5142212 4.48577883,20 10,20 C15.5142212,20 20,15.5142212 20,10 C20,4.48577883 15.5142212,0 10,0 Z' id='Path' fill='%23286279'/%3E%3Cpath d='M15.0683594,7.88085937 L9.65164184,13.2974243 C9.48913574,13.4599304 9.27581789,13.5417175 9.0625,13.5417175 C8.84918211,13.5417175 8.63586426,13.4599304 8.47335816,13.2974243 L5.7650757,10.5891418 C5.43914797,10.2633667 5.43914797,9.73663328 5.7650757,9.41085816 C6.09085082,9.08493043 6.61743164,9.08493043 6.94335937,9.41085816 L9.0625,11.5299988 L13.8900757,6.7025757 C14.2158508,6.37664797 14.7424316,6.37664797 15.0683594,6.7025757 C15.3941345,7.02835082 15.3941345,7.55493164 15.0683594,7.88085937 Z' id='Path' fill='%23FAFAFA'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } } .landing-liart__texto2 p { font-family: Roboto; font-size: clamp(14px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #4e4e4e; line-height: 1.25; margin-bottom: 0.5rem; } .landing-liart__texto2 p strong { font-family: RobotoBold; font-size: clamp(14px, 2vw, 20px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #4e4e4e; } .landing-liart__texto2 ul, .landing-liart__texto2 ol { padding-left: 24px; margin-bottom: 0; flex-direction: column; } .landing-liart__texto2 li { line-height: 1.25; padding-left: 1rem; margin-bottom: 0.5rem; font-family: Roboto; font-size: clamp(14px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #4e4e4e; } .landing-liart__texto2 li strong { font-family: RobotoBold; font-size: clamp(14px, 2vw, 20px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: ""; color: #4e4e4e; } .landing-liart__texto2 li::marker { font-size: 2rem; margin-right: 1rem; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22px' height='22px' viewBox='0 0 22 22' version='1.1'%3E%3Ctitle%3EC81B57A7-4886-47B4-AF07-3232819F422F%3C/title%3E%3Cg id='Conveyors' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='División-Transportadores-2024' transform='translate(-80, -5498)' fill-rule='nonzero'%3E%3Cg id='bullet' transform='translate(80, 5498)'%3E%3Ccircle id='Oval' fill='%23741C2A' cx='11' cy='11' r='11'/%3E%3Cpath d='M8.18927445,15.9621451 L13.8454259,21.6182965 C18.5299685,20.3690852 22,16.1009464 22,11 C22,10.8958991 22,10.7917981 22,10.6876972 L17.5583596,6.59305994 L8.18927445,15.9621451 Z' id='Path' fill='%23550512'/%3E%3Cg id='Group' transform='translate(3.6956, 5.4306)' fill='%23FFFFFF'%3E%3Cpath d='M7.58201893,8.03312303 C8.06782334,8.51892744 8.06782334,9.35173502 7.58201893,9.83753943 L6.57570978,10.8438486 C6.08990536,11.329653 5.25709779,11.329653 4.77129338,10.8438486 L0.364353312,6.4022082 C-0.121451104,5.91640379 -0.121451104,5.08359621 0.364353312,4.5977918 L1.37066246,3.59148265 C1.85646688,3.10567823 2.68927445,3.10567823 3.17507886,3.59148265 L7.58201893,8.03312303 Z' id='Path'/%3E%3Cpath d='M11.4337539,0.364353312 C11.9195584,-0.121451104 12.7523659,-0.121451104 13.2381703,0.364353312 L14.2444795,1.37066246 C14.7302839,1.85646688 14.7302839,2.68927445 14.2444795,3.17507886 L6.61041009,10.7744479 C6.12460568,11.2602524 5.29179811,11.2602524 4.80599369,10.7744479 L3.79968454,9.7681388 C3.31388013,9.28233438 3.31388013,8.44952681 3.79968454,7.9637224 L11.4337539,0.364353312 Z' id='Path'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @media (max-width: 992px) { .landing-liart__texto2 li::marker { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='16px' viewBox='0 0 22 22' version='1.1'%3E%3Ctitle%3EC81B57A7-4886-47B4-AF07-3232819F422F%3C/title%3E%3Cg id='Conveyors' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='División-Transportadores-2024' transform='translate(-80, -5498)' fill-rule='nonzero'%3E%3Cg id='bullet' transform='translate(80, 5498)'%3E%3Ccircle id='Oval' fill='%23741C2A' cx='11' cy='11' r='11'/%3E%3Cpath d='M8.18927445,15.9621451 L13.8454259,21.6182965 C18.5299685,20.3690852 22,16.1009464 22,11 C22,10.8958991 22,10.7917981 22,10.6876972 L17.5583596,6.59305994 L8.18927445,15.9621451 Z' id='Path' fill='%23550512'/%3E%3Cg id='Group' transform='translate(3.6956, 5.4306)' fill='%23FFFFFF'%3E%3Cpath d='M7.58201893,8.03312303 C8.06782334,8.51892744 8.06782334,9.35173502 7.58201893,9.83753943 L6.57570978,10.8438486 C6.08990536,11.329653 5.25709779,11.329653 4.77129338,10.8438486 L0.364353312,6.4022082 C-0.121451104,5.91640379 -0.121451104,5.08359621 0.364353312,4.5977918 L1.37066246,3.59148265 C1.85646688,3.10567823 2.68927445,3.10567823 3.17507886,3.59148265 L7.58201893,8.03312303 Z' id='Path'/%3E%3Cpath d='M11.4337539,0.364353312 C11.9195584,-0.121451104 12.7523659,-0.121451104 13.2381703,0.364353312 L14.2444795,1.37066246 C14.7302839,1.85646688 14.7302839,2.68927445 14.2444795,3.17507886 L6.61041009,10.7744479 C6.12460568,11.2602524 5.29179811,11.2602524 4.80599369,10.7744479 L3.79968454,9.7681388 C3.31388013,9.28233438 3.31388013,8.44952681 3.79968454,7.9637224 L11.4337539,0.364353312 Z' id='Path'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } } @media (max-width: 576px) { .landing-liart__texto2 li::marker { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='14px' viewBox='0 0 22 22' version='1.1'%3E%3Ctitle%3EC81B57A7-4886-47B4-AF07-3232819F422F%3C/title%3E%3Cg id='Conveyors' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='División-Transportadores-2024' transform='translate(-80, -5498)' fill-rule='nonzero'%3E%3Cg id='bullet' transform='translate(80, 5498)'%3E%3Ccircle id='Oval' fill='%23741C2A' cx='11' cy='11' r='11'/%3E%3Cpath d='M8.18927445,15.9621451 L13.8454259,21.6182965 C18.5299685,20.3690852 22,16.1009464 22,11 C22,10.8958991 22,10.7917981 22,10.6876972 L17.5583596,6.59305994 L8.18927445,15.9621451 Z' id='Path' fill='%23550512'/%3E%3Cg id='Group' transform='translate(3.6956, 5.4306)' fill='%23FFFFFF'%3E%3Cpath d='M7.58201893,8.03312303 C8.06782334,8.51892744 8.06782334,9.35173502 7.58201893,9.83753943 L6.57570978,10.8438486 C6.08990536,11.329653 5.25709779,11.329653 4.77129338,10.8438486 L0.364353312,6.4022082 C-0.121451104,5.91640379 -0.121451104,5.08359621 0.364353312,4.5977918 L1.37066246,3.59148265 C1.85646688,3.10567823 2.68927445,3.10567823 3.17507886,3.59148265 L7.58201893,8.03312303 Z' id='Path'/%3E%3Cpath d='M11.4337539,0.364353312 C11.9195584,-0.121451104 12.7523659,-0.121451104 13.2381703,0.364353312 L14.2444795,1.37066246 C14.7302839,1.85646688 14.7302839,2.68927445 14.2444795,3.17507886 L6.61041009,10.7744479 C6.12460568,11.2602524 5.29179811,11.2602524 4.80599369,10.7744479 L3.79968454,9.7681388 C3.31388013,9.28233438 3.31388013,8.44952681 3.79968454,7.9637224 L11.4337539,0.364353312 Z' id='Path'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } } .landing-liart__button { margin-top: 20px; width: 100%; height: auto; display: flex; align-items: center; } .landing-liart__img { padding: 25px 0; width: 100%; height: 100%; padding: 25px 0; margin: 0; -o-object-fit: cover; object-fit: cover; position: relative; max-height: 800px; } .landing-liart__img-container { height: 100%; } .landing-liart__img-container figure { clip-path: polygon(0 4%, 100% 9%, 100% 91%, 0 95%); height: 100%; width: 100%; } @media (max-width: 576px) { .landing-liart__img-container figure { clip-path: polygon(0 6%, 100% 12%, 100% 88%, 0 94%); } } .landing-liart__img-container::before { content: ""; position: absolute; height: 96%; width: calc(100% - 90px); background-color: #286279; margin-left: 75px; } .landing-liart__img2 { padding: 25px 0; width: 100%; height: 100%; padding: 25px 0; margin: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: left top; object-position: left top; position: relative; max-height: 650px; } .landing-liart__img2-container2 { height: 100%; } .l-lcif { margin: 3rem auto; padding-top: 3rem; padding-bottom: 0.5rem; } @media (max-width: 768px) { .l-lcif { margin: 2rem auto; padding-top: 3rem; padding-bottom: 3rem; } } .l-lcif__badge { font-family: RalewayExtraBold, sans-serif; font-size: clamp(18px, 2vw, 25px); font-weight: 800; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #cdcdcd; margin-bottom: 10px; } .l-lcif__titulo { font-family: RalewayExtraBold, sans-serif; font-size: clamp(35px, 2vw, 35px); font-weight: 800; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #286279; margin-bottom: 25px; } @media (max-width: 576px) { .l-lcif__titulo { font-size: 28px !important; } } .l-lcif__slide { padding: 10px; } .l-lcif__slide__img { max-width: 100%; -o-object-fit: contain; object-fit: contain; max-height: 100%; margin: auto; } .l-lcif__slide__text { font-family: Roboto; font-size: clamp(13px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #4e4e4e; line-height: 1.25; } .l-lcif__slide .new-btn { font-size: clamp(12px, 2vw, 14px) !important; } .l-lcif__slide_container1 { height: 150px; background-color: #f8f8f8; border: solid 1px #cecece; padding: 30px; } .l-lcif__slide_container2 { box-shadow: 0 0 10px 5px rgba(136, 136, 136, 0.15); background-color: #fff; padding: 20px 15px; width: 90%; margin-left: auto; margin-right: auto; margin-top: -18px; margin-bottom: 25px; } .l-lcif .slick-dots { position: absolute; bottom: -50px; left: 0; padding-inline-start: 0; list-style: none; width: 100%; display: flex; gap: 0.5rem; justify-content: center; } .l-lcif .slick-dots .slick-active button { background-color: #286279; } .l-lcif .slick-dots button { width: 13px; height: 13px; background-color: #b9b9b9; color: transparent; border: none; border-radius: 50%; overflow: hidden; } .l-lsc { margin: 2rem auto 5rem auto; padding-top: 0; padding-bottom: 2rem; } @media (max-width: 768px) { .l-lsc { margin: 1rem auto 3rem auto; padding-bottom: 1rem; } } .l-lsc__slide { padding: 10px; } .l-lsc__slide__img { max-width: 100%; -o-object-fit: contain; object-fit: contain; height: 100%; margin: auto; max-height: calc(100% - 25px); } .l-lsc__slide__text { font-family: RalewayExtraBold, sans-serif; font-size: clamp(13px, 2vw, 18px); font-weight: 800; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #286279; line-height: normal; } .l-lsc__slide_container1 { background-color: #fff; border: solid 1px #cecece; padding: 15px; aspect-ratio: 1/1; } .l-lsc__slide_container2 { box-shadow: 0 0 10px 5px rgba(136, 136, 136, 0.15); background-color: #fff; padding: 10px 10px; width: 80%; margin: -40px auto 25px; min-height: 80px; display: flex; align-items: center; justify-content: center; } .l-lsc .slick-dots { position: absolute; bottom: -50px; left: 0; padding-inline-start: 0; list-style: none; width: 100%; display: flex; gap: 0.5rem; justify-content: center; } .l-lsc .slick-dots .slick-active button { background-color: #286279; } .l-lsc .slick-dots button { width: 13px; height: 13px; background-color: #b9b9b9; color: transparent; border: none; border-radius: 50%; overflow: hidden; } .hero-hwtc .homeBanner { min-height: 220px; width: 100% !important; background-repeat: no-repeat; background-size: contain; display: block; margin-top: 114px; } .hero-hwtc__decoration { max-width: 80%; height: auto; margin-left: -50px; margin-bottom: 50px; } @media (max-width: 992px) { .hero-hwtc__decoration { margin-bottom: 20px; max-width: 50%; margin-left: -120px; } } @media (max-width: 576px) { .hero-hwtc__decoration { margin-left: -50px; max-width: 65%; } } .hero-hwtc__title { font-family: RalewayExtraBold, sans-serif; font-size: clamp(14px, 2vw, 15px); font-weight: 800; font-stretch: normal; letter-spacing: 0px; text-align: left; color: #741c2a; } .hero-hwtc__text { font-family: Roboto; font-size: clamp(12px, 2vw, 13px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: left; color: #666666; } .hero-hwtc__text strong { font-family: RobotoBold; font-size: clamp(12px, 2vw, 13px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: left; color: #666666; } .hero-hwtc__btn { width: auto; height: auto; display: inline-flex; background-color: #741c2a; font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(11px, 2vw, 15px); font-weight: 700; font-stretch: normal; letter-spacing: 0; text-align: left; color: #fff; line-height: 1.15; padding: 0.75rem 2.5rem 0.75rem 1.75rem; border: none; position: relative; text-transform: uppercase; border-radius: 3px; text-align: center; } .hero-hwtc__btn::before { content: ""; position: absolute; right: 1rem; font-size: 1.4rem; transition: 0.2s ease-in-out; border-style: solid; border-width: 2px 2px 0 0; display: inline-block; height: 8px; width: 8px; top: 50%; vertical-align: top; transform: translateY(-60%) rotate(45deg); } .hero-hwtc__btn:hover { color: #fff; } .hero-hwtc__btn:hover::before { transform: translateX(4px) translateY(-60%) rotate(45deg); } .hero-hwtc__btn:active { color: #fff; } .hero-hwtc__card { max-width: calc(100% - 63.5px); transform: translateX(63.5px); } .hero-hwtc__card_floating { display: flex; position: absolute; left: 5px; top: 0; z-index: 1; transform: rotate(90deg); transform-origin: top left; } .hero-hwtc__card_floating-container { color: #fff; padding: 0.25rem 1rem; rotate: 180deg; display: flex; flex-direction: column; flex-wrap: nowrap; } .hero-hwtc__card_floating-subtitle { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(13px, 2vw, 16px); font-weight: 700; font-stretch: normal; letter-spacing: 0; text-align: left; color: rgba(241, 241, 241, 0.6); } .hero-hwtc__card_floating-title { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(16px, 2vw, 21px); font-weight: 700; font-stretch: normal; letter-spacing: 0; text-align: left; color: #fff; text-wrap: nowrap; } .hero-hwtc__card_img { width: calc(100% - 10px); transform: translateX(5px); aspect-ratio: 13/15; -o-object-fit: cover; object-fit: cover; } .hero-hwtc__card_container { color: #fff; padding: 1.5rem; min-height: 220px; } .hero-hwtc__card_title { font-family: RalewayExtraBold, sans-serif; font-size: clamp(12px, 2vw, 14px); font-weight: 800; font-stretch: normal; letter-spacing: 0px; text-align: left; color: #fff; } .hero-hwtc__card_line { background-color: #fff; width: 50%; margin-left: 0 !important; height: 2px; border-radius: 3px; } .hero-hwtc__card_text { font-family: Roboto; font-size: clamp(12px, 2vw, 13px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: left; color: #fff; } .hero-hwtc__card_text strong { font-family: RobotoBold; font-size: clamp(12px, 2vw, 13px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: left; color: #fff; } .hero-hwtc__card_cta { width: auto; height: auto; display: inline-flex; background-color: #741c2a; font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(11px, 2vw, 12px); font-weight: 700; font-stretch: normal; letter-spacing: 0; text-align: left; color: #fff; line-height: 1.15; padding: 0.5rem 2rem 0.5rem 1.25rem; border: none; position: relative; text-transform: uppercase; border-radius: 3px; text-align: center; } .hero-hwtc__card_cta::before { content: ""; position: absolute; right: 1rem; font-size: 1.4rem; transition: 0.2s ease-in-out; border-style: solid; border-width: 2px 2px 0 0; display: inline-block; height: 8px; width: 8px; top: 50%; vertical-align: top; transform: translateY(-60%) rotate(45deg); } .hero-hwtc__card_cta:hover { color: #fff; } .hero-hwtc__card_cta:hover::before { transform: translateX(4px) translateY(-60%) rotate(45deg); } .hero-hwtc__card_cta:active { color: #fff; } .hero-hwtc__card-1 .hero-hwtc__card_floating-container, .hero-hwtc__card-1 .hero-hwtc__card_container { background-color: #286279; } .hero-hwtc__card-2 .hero-hwtc__card_floating-container, .hero-hwtc__card-2 .hero-hwtc__card_container { background-color: #03012c; } .p-relative { position: relative; } .overflow-none { overflow: hidden; } .topheader_weiss-img { position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; height: auto; z-index: -1; } @media (max-width: 1025px) { .topheader_weiss-img { transform: unset; } } .card_weiss { text-decoration: none; width: 100%; height: 100%; background-color: #ffffff; box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; } .card_weiss-title { font-family: RobotoBold; font-weight: bold; color: #286279; font-size: 1.5625rem; } .card_weiss-description { font-family: Roboto; font-size: 1.1rem; color: #4e4e4e; } .card_weiss-description p { font-family: Roboto; font-size: 1.1rem; color: #4e4e4e; } .card_weiss-head { width: 100%; background-color: #F3F3F3; height: 25%; min-height: 250px; } .card_weiss-head img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; } .card_weiss-body { height: 75%; display: flex; flex-direction: column; justify-content: space-between; } .card_weiss-btn { width: -moz-max-content; width: max-content; max-width: 100%; } .gridcards_weiss-padding-top { padding-top: calc(100px + 8vh); } @media (max-width: 1025px) { .gridcards_weiss-padding-top { padding-top: calc(100px + 5vh); } } @media (max-width: 769px) { .gridcards_weiss-padding-top { padding-top: calc(100px + 1vh); } } @media (max-width: 500px) { .gridcards_weiss-padding-top { padding-top: calc(100px + 1vh); } } .gridcards_weiss-title { font-family: RalewayExtraBold; color: #741c2a; font-size: 1.5625rem; } @media (max-width: 769px) { .gridcards_weiss-title { font-size: 1.3rem; } } @media (max-width: 380px) { .gridcards_weiss-title { font-size: 1.1rem; } } .gridcards_weiss-subtitle { font-family: RalewayExtraBold; color: #286279; font-size: 3.4375rem; } @media (max-width: 769px) { .gridcards_weiss-subtitle { font-size: 2.8rem; } } .gridcards_weiss-logo { width: 150px; height: 150px; } @media (max-width: 500px) { .gridcards_weiss-logo { width: 100px; height: 100px; } } .transportadores_weiss p strong { color: #841626; } .transportadores_weiss-padding-top { padding-top: calc(100px + 5vh); } @media (max-width: 991.98px) { .transportadores_weiss-padding-top { padding-top: calc(10px + 1vh); } } @media (max-width: 500px) { .transportadores_weiss-padding-top { padding-top: calc(100px + 5vh); } } .transportadores_weiss-padding-top p strong { color: #841626; } .transportadores_weiss-title { font-family: RalewayExtraBold; color: #741c2a; font-size: 1.3rem; } @media (max-width: 500px) { .transportadores_weiss-title { font-size: 1.2rem; } } @media (max-width: 380px) { .transportadores_weiss-title { font-size: 1rem; } } .transportadores_weiss-subtitle { color: #286279; font-family: "Roboto"; font-weight: bold; font-size: 2.5rem; } @media (max-width: 769px) { .transportadores_weiss-subtitle { font-size: 2.5rem; } } @media (max-width: 500px) { .transportadores_weiss-subtitle { font-size: 2.5rem; } } .transportadores_weiss-description { font-family: Roboto; font-size: 1.3rem; color: #4e4e4e; line-height: 1.4; } .transportadores_weiss-contentBody { width: 100%; height: auto; display: flex; flex-direction: column; } .transportadores_weiss-contentBody .content-logo { display: none; } @media (max-width: 991.98px) { .transportadores_weiss-contentBody .content-logo { display: flex; justify-content: flex-end; } } .transportadores_weiss-contentBody .logo-weiss { display: none; } @media (max-width: 991.98px) { .transportadores_weiss-contentBody .logo-weiss { display: block; width: 100px; height: 100px; margin-bottom: 2rem; } } @media (max-width: 500px) { .transportadores_weiss-contentBody .logo-weiss { width: 80px; height: 80px; transform: translate(30px, -60px); } } .transportadores_weiss-contentImgs { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 3.5rem; } .transportadores_weiss-contentImgs .logo-weiss { width: 150px; height: 150px; } @media (max-width: 991.98px) { .transportadores_weiss-contentImgs .logo-weiss { display: none; } } .transportadores_weiss-contentImgs .product-weiss { width: 100%; transform: translate(61px, 65px) scale(1.4); } @media (max-width: 991.98px) { .transportadores_weiss-contentImgs .product-weiss { transform: unset; } } .videoWithRecommendedProduct .card_weiss { height: unset; } .videoWithRecommendedProduct .card_weiss .card_weiss-head { height: 216px; } .title-exbol-releway { font-family: RalewayExtraBold; } .color-turqueza { color: #286279; } .weissBanner-title { color: #cdcdcd; font-size: 1.5625rem; margin-bottom: 0px; } .weissBanner-subtitle { font-size: 2.1875rem; } .weissBanner-description { font-family: Roboto; font-size: 1.25rem; color: #4e4e4e; } .weissBanner-btn { background-color: #286279; } .card_weiss-head { height: 216px; max-height: 260px; } .grayTitle { font-family: RalewayExtraBold; color: #9f9f9f; font-size: 2.5rem; } .p-relative { position: relative; } .overflow-none { overflow: hidden; } .topheader_landing-img { position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; height: auto; z-index: -1; } @media (max-width: 1025px) { .topheader_landing-img { transform: unset; } } .card_landing { text-decoration: none; width: 100%; height: 100%; background-color: #ffffff; box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; } .card_landing-title { font-family: RalewayExtraBold; color: #286279; font-size: 1.5625rem; } .card_landing-description { font-family: Roboto; font-size: 1rem; color: #4e4e4e; } .card_landing-head { width: 100%; background-color: #F3F3F3; height: 25%; min-height: 250px; } .card_landing-head img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom; object-position: bottom; } .card_landing-body { height: 75%; display: flex; flex-direction: column; justify-content: space-between; } .card_landing-btn { width: -moz-max-content; width: max-content; max-width: 100%; } .gridcards_landing-padding-top { padding-top: calc(10px + 8vh); } @media (max-width: 1025px) { .gridcards_landing-padding-top { padding-top: calc(10px + 5vh); } } @media (max-width: 769px) { .gridcards_landing-padding-top { padding-top: calc(10px + 1vh); } } @media (max-width: 500px) { .gridcards_landing-padding-top { padding-top: calc(10px + 1vh); } } .gridcards_landing-title { font-family: RalewayExtraBold; color: #741c2a; font-size: 1.5625rem; } @media (max-width: 769px) { .gridcards_landing-title { font-size: 1.3rem; } } @media (max-width: 380px) { .gridcards_landing-title { font-size: 1.1rem; } } .gridcards_landing-subtitle { font-family: RalewayExtraBold; color: #286279; font-size: 3.4375rem; } @media (max-width: 769px) { .gridcards_landing-subtitle { font-size: 2.8rem; } } .gridcards_landing-logo { height: 150px; } @media (max-width: 500px) { .gridcards_landing-logo { width: 100px; height: 100px; } } .transportadores_landing p strong { color: #841626; } .transportadores_landing-padding-top { padding-top: calc(100px + 5vh); } @media (max-width: 991.98px) { .transportadores_landing-padding-top { padding-top: calc(100px + 1vh); } } @media (max-width: 500px) { .transportadores_landing-padding-top { padding-top: calc(100px + 5vh); } } .transportadores_landing-title { font-family: RalewayExtraBold; color: #741c2a; font-size: 1.5625rem; } @media (max-width: 500px) { .transportadores_landing-title { font-size: 1.2rem; } } @media (max-width: 380px) { .transportadores_landing-title { font-size: 1rem; } } .transportadores_landing-subtitle { font-family: RalewayExtraBold; color: #286279; font-size: 3.1rem; } @media (max-width: 769px) { .transportadores_landing-subtitle { font-size: 2.5rem; } } @media (max-width: 500px) { .transportadores_landing-subtitle { font-size: 2.3rem; } } .transportadores_landing-description { font-family: Roboto; font-size: 1rem; color: #4e4e4e; line-height: 1.4; } .transportadores_landing-description figure img { width: 100%; } .transportadores_landing-description img { width: 100%; } .transportadores_landing-contentBody { width: 100%; height: auto; display: flex; flex-direction: column; } .transportadores_landing-contentBody .content-logo { display: none; } @media (max-width: 991.98px) { .transportadores_landing-contentBody .content-logo { display: flex; justify-content: flex-end; } } .transportadores_landing-contentBody .logo-landing { display: none; } @media (max-width: 991.98px) { .transportadores_landing-contentBody .logo-landing { display: block; width: 100px; height: 100px; margin-bottom: 2rem; } } @media (max-width: 500px) { .transportadores_landing-contentBody .logo-landing { width: 80px; height: 80px; transform: translate(30px, -60px); } } .transportadores_landing-contentImgs { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; gap: 3.5rem; } @media (max-width: 991.98px) { .transportadores_landing-contentImgs .logo-landing { display: none; } } .transportadores_landing-contentImgs .product-landing { width: 100%; transform: translate(61px, 65px) scale(1.4); } @media (max-width: 991.98px) { .transportadores_landing-contentImgs .product-landing { transform: unset; } } .videoWithRecommendedProduct .card_landing { height: unset; } .videoWithRecommendedProduct .card_landing .card_landing-head { height: 216px; } .title-exbol-releway { font-family: RalewayExtraBold; } .color-turqueza { color: #286279; } .weissBanner-title { color: #cdcdcd; font-size: 1.5625rem; margin-bottom: 0px; } .weissBanner-subtitle { font-size: 2.1875rem; } .weissBanner-description { font-family: Roboto; font-size: 1.25rem; color: #4e4e4e; } .weissBanner-btn { background-color: #286279; } .color-granate { color: #841626; } .vid-desc { width: 100%; margin-top: 2rem; font-family: Roboto; font-weight: 400; font-size: 1rem; color: #4e4e4e; line-height: 1.4; } .font-small { font-family: Roboto; font-weight: 400; font-size: 1rem; } .card_product { text-decoration: none; width: 100%; height: 100%; max-height: 480px; min-height: 420px; max-width: 300px; background-color: #ffffff; box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; } .card_product-title { font-family: RalewayExtraBold; color: #286279; font-size: 1.25rem; } .card_product-description { font-family: Roboto; font-size: 1rem; line-height: 1rem; color: #4e4e4e; text-align: justify; } .card_product-head { width: 100%; background-color: #F3F3F3; height: 25%; min-height: 250px; } .card_product-head img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; } .card_product-body { height: 75%; display: flex; flex-direction: column; justify-content: space-between; } .card_product-btn { width: -moz-max-content; width: max-content; max-width: 100%; border-radius: 35px; max-width: 100%; padding: 10px 2rem 10px 1rem; margin: 0 auto; font-size: 16px; } .mas-btn { background-color: #28616F !important; border-radius: 35px; max-width: 100%; font-size: 13px; margin-top: 0.5rem; padding: 10px 1rem 10px 1rem; } .mas-btn:before { content: none; } .txtbottom { font-weight: bold; font-family: RalewaySemiBold, sans-serif; line-height: 1; font-size: 0.9rem; color: #7f7f7f; } .videoPanel { position: relative; z-index: 3; } .videoPanel__container { display: block; margin: 0 auto; max-width: 980px; position: relative; } .videoPanel__link { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .videoPanel__link:hover .videoPanel__play { transform: scale(1.1) translate(-50%, -50%); } .videoPanel__link.is-hidden { transition: opacity 0.3s ease, z-index 0.01s linear 0.3s; opacity: 0; z-index: -1; } .videoPanel__play { border-radius: 99em; display: block; height: 68px; left: 50%; position: absolute; top: 50%; transition: transform 0.6s ease; transform-origin: 10% 10%; transform: translate(-50%, -50%); width: 68px; } .videoPanel__play-icon { font-size: 26px; left: calc(50% + 3px); position: absolute; top: 50%; transform: translate(-50%, -50%); } .videoPanel__play-icon path { fill: #fff; } .videoPanel__poster { width: 100%; } .videoPanel__poster.is-hidden { opacity: 0; transition: opacity 0.3s ease 0.3s, z-index 0.01s linear 0.6s; z-index: -1; } .videoPanel__poster-img { display: block; width: 100%; } .videoPanel__video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .videoPanel__video iframe { height: 100%; width: 100%; } .blogImageText { display: flex; flex-direction: row; margin-top: 2rem; margin-bottom: 2rem; } @media screen and (max-width: 850px) { .blogImageText { flex-direction: column; } } .blogImageText.imagenTexto { flex-direction: row-reverse; } @media screen and (max-width: 850px) { .blogImageText.imagenTexto { flex-direction: column-reverse; } } @media screen and (min-width: 850px) { .blogImageText img { width: auto !important; max-width: 378px; margin-right: 20px; } } .blogImagenTextoV2-container { display: flex; flex-direction: row; gap: 2rem; } @media (max-width: 980px) { .blogImagenTextoV2-container { flex-direction: column !important; } } .blogImagenTextoV2-container .image-text-row { display: flex; flex-direction: row; gap: 1rem; } @media (max-width: 980px) { .blogImagenTextoV2-container .image-text-row { flex-direction: column !important; } } .blogImagenTextoV2-container .image-text-row.text-first { flex-direction: row-reverse; } .blogImagenTextoV2-container .image-text-row.image-first { flex-direction: row; } .blogImagenTextoV2-container .image-text-row .column { display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (max-width: 980px) { .blogImagenTextoV2-container .image-text-row .column { flex-basis: 100% !important; } } .blogImagenTextoV2-container .image-text-row .column.image-column { display: flex; } .blogImagenTextoV2-container .image-text-row .column.image-column img { max-width: 100%; height: auto; display: block; } .blogImagenTextoV2-container .image-text-row .column.text-column { display: flex; } .blogImagenTextoV2-container .image-text-row .column.text-column .text-content p { margin: 0 0 1rem; line-height: 1.6; } .imagenSideBySideV2-container { display: flex; flex-direction: row; gap: 2rem; } @media (max-width: 980px) { .imagenSideBySideV2-container { flex-direction: column !important; } } .imagenSideBySideV2-container .image-row { display: flex; flex-direction: row; gap: 1rem; } @media (max-width: 980px) { .imagenSideBySideV2-container .image-row { flex-direction: column !important; } } .imagenSideBySideV2-container .image-row.image-first { flex-direction: row; } .imagenSideBySideV2-container .image-row .column { display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (max-width: 980px) { .imagenSideBySideV2-container .image-row .column { flex-basis: 100% !important; } } .imagenSideBySideV2-container .image-row .column.image-column { display: flex; } .imagenSideBySideV2-container .image-row .column.image-column img { max-width: 100%; height: auto; display: block; } .blogHorizontalHalf { display: flex; flex-direction: row; justify-content: space-around; } @media (max-width: 820px) { .blogHorizontalHalf { flex-direction: column; } } .blogHorizontalHalf.verticalCenter { align-items: center; } .blogHorizontalHalf.verticalTop { align-items: flex-start; } .blogHorizontalHalf_left, .blogHorizontalHalf_right { width: 50%; } @media (max-width: 820px) { .blogHorizontalHalf_left, .blogHorizontalHalf_right { width: 100%; } } .blogHorizontalHalf_left img, .blogHorizontalHalf_right img { -o-object-fit: cover; object-fit: cover; width: 100%; } @media (max-width: 820px) { .blogHorizontalHalf_left:empty, .blogHorizontalHalf_right:empty { display: none; } } .blogCenterImage { display: flex; justify-content: center; align-items: center; } .blogCenterImage img { width: 100%; height: auto; transition: all 0.3s ease; } .blogCenterImage img.full-width { max-width: 100%; } .blogCenterImage img.center { max-width: 650px; margin: 0 auto; } .blogCenterImage img.medium-small { max-width: 500px; } @media (max-width: 750px) { .blogCenterImage img.medium-small { max-width: 400px; } } .blogGridImages { display: grid; gap: 16px; } .blogGridImages img { width: 100%; height: auto; border-radius: 8px; -o-object-fit: cover; object-fit: cover; transition: transform 0.3s ease; } .blogGridImages img:hover { transform: scale(1.05); } .blogGridImages.threeCols { grid-template-columns: repeat(3, 1fr); } @media (max-width: 1024px) { .blogGridImages.threeCols { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .blogGridImages.threeCols { grid-template-columns: 1fr; } } .blogGridImages.threeCols div { display: flex; align-items: center; justify-content: center; } .blogGridImages.twoCols { grid-template-columns: repeat(2, 1fr); } .blogGridImages.twoCols div { display: flex; align-items: center; justify-content: center; } @media (max-width: 600px) { .blogGridImages.twoCols { grid-template-columns: 1fr; } } .topTitle-wrap { padding-top: calc(100px + 8vh); row-gap: 10px; display: flex; flex-direction: column; margin-bottom: 40px; } @media (max-width: 990px) { .topTitle-wrap { row-gap: 20px; } } .topTitle-wrap .titleWine { font-family: RalewayExtraBold; color: #741c2a; font-size: 1.5625rem; margin: 0; padding: 0; } .topTitle-wrap .titleCyan { font-family: RalewayExtraBold; color: #286279; font-size: 3.4375rem; margin: 0; padding: 0; line-height: 2.8rem; } .topTitle-wrap .titleGray { font-family: RalewayExtraBold; color: #9f9f9f; font-size: 2.5rem; } .topTitle-wrap .rowTitle { display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; } @media (max-width: 990px) { .topTitle-wrap .rowTitle { flex-direction: column; align-items: flex-start; row-gap: 20px; } } .topTitle-wrap .rowTitle .titleLogo { margin-left: 2rem; } @media (max-width: 990px) { .topTitle-wrap .rowTitle .titleLogo { margin-left: 0rem; } } .topTitle-wrap .rowTitle .titleLogo img { max-height: 67px; } .asideContentCards { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 3rem; } @media (max-width: 990px) { .asideContentCards { flex-direction: column; } } .asideContentCards .asideText { width: 37%; font-family: Roboto; font-size: 15px; color: #4e4e4e; line-height: 27px; } @media (max-width: 990px) { .asideContentCards .asideText { width: 100%; margin-top: 2rem; } } .asideContentCards .asideText b, .asideContentCards .asideText strong { font-family: Roboto; font-size: 15px; color: #4e4e4e; font-weight: 600; line-height: 19px; } .cardsAsideText { width: 100%; display: flex; flex-direction: row; max-width: 60%; align-items: flex-start; justify-content: flex-start; -moz-column-gap: 20px; column-gap: 20px; } @media (max-width: 990px) { .cardsAsideText { flex-direction: column; width: 100%; max-width: 100%; row-gap: 30px; } } .cardsAsideText > div { width: 50%; } @media (max-width: 990px) { .cardsAsideText > div { width: 100%; } } @media (max-width: 1200px) { .cardsAsideText > div { flex: 1; flex-grow: 1; height: 100%; } } .cardsAsideText .card_weiss-description { display: none; } .cardsAsideText button { border-radius: 40px; padding: 0.6rem 2rem 0.6rem 1rem; text-align: center; } .textImageBlock p { font-family: Roboto; font-size: 16px; color: #4e4e4e; line-height: 30px; } .textImageBlock p b, .textImageBlock p strong { font-family: Roboto; font-size: 16px; color: #4e4e4e; font-weight: 600; } .textImageBlock h4 { color: #741c2a; font-family: Roboto; } .textImageBlock h4 strong { color: #741c2a; font-family: Roboto; } .textImageBlock li { font-family: Roboto; font-size: 16px; color: #4e4e4e; line-height: 30px; } .textImageBlock li b, .textImageBlock li strong { font-family: Roboto; font-size: 16px; color: #4e4e4e; font-weight: 600; } .col-6.transportadores_landing-contentImgs img { width: 100% !important; max-width: 100% !important; } .ebooksIndex--header { min-height: 300px; width: 100%; position: relative; background-repeat: no-repeat; background-size: cover; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff), url("/assets/public-img/eboooks-head.webp"); top: -90px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } .ebooksIndex--header .headerTitle { display: flex; flex-direction: column; align-items: center; } .ebooksIndex--header .headerTitle--subtitle { -o-object-fit: contain; object-fit: contain; font-family: ""Raleway", sans-serif"; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #0a0a0a; } .ebooksIndex--header .headerTitle--title { font-family: ""Raleway", sans-serif"; font-size: 55px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #741c2a; } .hidden { display: none; } .ebooksIndex--controls { max-width: 1280px; width: 100%; margin: 0 auto; } @media (max-width: 990px) { .ebooksIndex--controls { padding: 1rem; } } @media (max-width: 1320px) { .ebooksIndex--controls { padding-left: 1rem; padding-right: 1rem; } } .ebooksIndex--controls .ebookSearch-wrapper { margin: 0 auto; background: #ffffff; border-radius: 5px; position: relative; width: 100%; margin-bottom: 25px; } .ebooksIndex--controls .ebookSearch-wrapper-top { margin-bottom: 25px; } .ebooksIndex--controls .ebookSearch-wrapper-bottom { width: 100%; display: flex; flex-direction: row; justify-content: space-between; -moz-column-gap: 1rem; column-gap: 1rem; } @media (max-width: 680px) { .ebooksIndex--controls .ebookSearch-wrapper-bottom { flex-direction: column; } } .ebooksIndex--controls .ebookSearch-wrapper-bottom-left { display: flex; flex: 1; -moz-column-gap: 15px; column-gap: 15px; } @media (max-width: 580px) { .ebooksIndex--controls .ebookSearch-wrapper-bottom-left { flex-direction: column; } } .ebooksIndex--controls .ebookSearch-wrapper-bottom-right { justify-content: flex-end; display: flex; flex: 1; -moz-column-gap: 15px; column-gap: 15px; } .ebooksIndex--controls .ebookSearch-wrapper input[type=search] { height: 45px; padding: 13px 39px 13px 25px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; border: solid 1px #f1f1f1; width: 100%; border-radius: 5px; font-family: Roboto; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.88; letter-spacing: normal; text-align: left; } .ebooksIndex--controls .ebookSearch-wrapper input[type=search]:focus { outline: none; } .ebooksIndex--controls .ebookSearch-wrapper button { position: absolute; border: none; background: none; top: 0; right: 0; height: 50px; line-height: 50px; padding: 0; width: 50px; } .ebooksIndex--controls .ebookSearch-wrapper button:focus { outline: none; } .ebooksIndex--controls .ebookSearch-wrapper--results { z-index: 4; position: absolute; background-color: white; border: solid 1px #f1f1f1; width: 100%; } .ebooksIndex--controls .ebookSearch-wrapper--results ul { margin: 0; padding: 0; } .ebooksIndex--controls .ebookSearch-wrapper--results ul li { list-style: none; border-radius: 3px; opacity: 0; display: none; padding: 8px 12px; transition: all 0.5s linear; font-family: Roboto; cursor: pointer; } .ebooksIndex--controls .ebookSearch-wrapper.show .ebookSearch-wrapper--results ul li { opacity: 1; display: block; } .ebooksIndex--controls .ebookSearch-wrapper.show .ebookSearch-wrapper--results { padding-top: 10px; } .ebooksIndex--controls .ebookSearch-wrapper.show .ebookSearch-wrapper--results ul li:hover { background: #ececec; } .ebooksIndex--controls .v-dropdown { position: relative; margin-bottom: 20px; width: 304px; } @media (max-width: 990px) { .ebooksIndex--controls .v-dropdown { width: 280px; } } @media (max-width: 910px) { .ebooksIndex--controls .v-dropdown { width: 250px; } } @media (max-width: 840px) { .ebooksIndex--controls .v-dropdown { width: 220px; } } @media (max-width: 750px) { .ebooksIndex--controls .v-dropdown { width: 100%; } } @media (max-width: 680px) { .ebooksIndex--controls .v-dropdown { margin-bottom: 0px; width: 100%; } } @media (max-width: 580px) { .ebooksIndex--controls .v-dropdown { max-width: 100%; } } .ebooksIndex--controls .v-dropdown .v-dropdown-list { display: flex; flex-direction: column; justify-content: center; align-items: stretch; padding: 12px; border-radius: 3px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); border: solid 1px rgba(16, 24, 32, 0.1); background-color: #fff; width: 100%; position: absolute; top: 50px; left: 0; right: 0; border: 1px solid rgba(0, 0, 0, 0.2); overflow-y: auto; z-index: 10; pointer-events: none; transform: translateY(15px); opacity: 0; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; } .ebooksIndex--controls .v-dropdown .v-dropdown-label { display: block; height: 43px; cursor: pointer; position: relative; background: #FFF; padding: 8px 55px 8px 15px; border-radius: 3px; border: solid 1px rgba(16, 24, 32, 0.1); font-family: "Roboto"; font-size: 16px; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; overflow: hidden; line-height: 29px !important; color: #0a0a0a; background-image: -webkit-linear-gradient(180deg, #f1f1f1 44px, #fff 44px); background-position: right; } .ebooksIndex--controls .v-dropdown .v-dropdown-label.active { color: #651E33; } .ebooksIndex--controls .v-dropdown .v-dropdown-label:before { content: ""; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: transform 0.25s; transform-origin: center center; width: 12px; /* Ajusta al tamaño del SVG */ height: 7px; /* Ajusta al tamaño del SVG */ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtMSAxLjIxIDUgNC41OCA1LTQuNTgiIHN0cm9rZT0iIzg4OCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); background-repeat: no-repeat; background-size: contain; } .ebooksIndex--controls .v-dropdown .v-dropdown-label.orderB:before { right: 12px; width: 17px; height: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik00IDExVjMuODI1TDEuNDI1IDYuNCAwIDVsNS01IDUgNS0xLjQyNSAxLjRMNiAzLjgyNVYxMUg0em03IDktNS01IDEuNDI1LTEuNEwxMCAxNi4xNzVWOWgydjcuMTc1bDIuNTc1LTIuNTc1TDE2IDE1bC01IDV6IiBmaWxsPSIjMEEwQTBBIi8+Cjwvc3ZnPgo="); } .ebooksIndex--controls .v-dropdown.open .v-dropdown-list { pointer-events: all; transform: translateY(0px); opacity: 1; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; } .ebooksIndex--controls .v-dropdown.open .v-dropdown-list::-webkit-scrollbar-track { background-color: #FFF; border: 0; } .ebooksIndex--controls .v-dropdown.open .checkbox { opacity: 1; } .ebooksIndex--controls .v-dropdown.open .v-dropdown-label:before { transform: translateY(-50%) rotate(-180deg); } .ebooksIndex--controls .checkbox { margin-bottom: 0px; } .ebooksIndex--controls .checkbox label { margin-bottom: 0; padding-bottom: 0; } .ebooksIndex--controls .checkbox:last-child { margin-bottom: 0; } .ebooksIndex--controls .checkbox .checkbox-custom { display: none; } .ebooksIndex--controls .checkbox .checkbox-custom-label { display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-bottom: 0px; } .ebooksIndex--controls .checkbox .checkbox-custom + .checkbox-custom-label:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; text-align: center; margin-top: 0px; width: 11px; height: 11px; flex-grow: 0; border-radius: 2px; border: solid 1px rgba(0, 0, 0, 0.15); background-color: rgba(16, 24, 32, 0.1); } .ebooksIndex--controls .checkbox .checkbox-custom:checked + .checkbox-custom-label:after { content: ""; position: absolute; top: 7px; left: 0px; display: block; padding: 0px; text-align: center; width: 11px; height: 11px; flex-grow: 0; border: 1px solid #651d32; border-radius: 2px; background-color: #651d32; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTcuNzUgMS4zMzMgMi45MDIgNiAxLjI1IDQuNDA5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); background-position: center center; background-size: contain; background-repeat: no-repeat; } .ebooksIndex--controls .checkbox .checkbox-custom-label { margin-right: 0; margin-left: 0; color: #101820; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 600; } .ebooksIndex--content { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .ebooksIndex--content .ebooksIndex--wrapItems { max-width: 1280px; width: 100%; } @media (max-width: 990px) { .ebooksIndex--content .ebooksIndex--wrapItems { padding: 1rem; } } @media (max-width: 1320px) { .ebooksIndex--content .ebooksIndex--wrapItems { padding-left: 1rem; padding-right: 1rem; } } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem { min-height: 300px; width: 100%; -o-object-fit: contain; object-fit: contain; border-radius: 4px; border: solid 1px #F1F1F1; background-color: #fff; margin-bottom: 25px; display: flex; flex-direction: row; transition: all 0.5s ease-in-out; } @media (max-width: 780px) { .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem { flex-direction: column; align-items: center; padding-left: 1rem; padding-right: 1rem; } } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem:hover { box-shadow: 0 0 30px 0 rgba(138, 138, 138, 0.25); transition: all 0.5s ease-in-out; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem:hover .ebookItem-right--subtitle { color: #0a0a0a; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem:hover .ebookItem-right--title { color: #601324; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem:hover .ebookItem-right--tags a { color: #601324; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-left { width: 100%; max-width: 420px; display: flex; flex-direction: row; justify-content: center; } @media (max-width: 1100px) { .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-left { max-width: 320px; } } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-left img { width: 220px; height: 300px; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; justify-items: flex-start; padding-top: 25px; padding-bottom: 25px; row-gap: 15px; } @media (max-width: 1320px) { .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right { padding-left: 1rem; padding-right: 1rem; } } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right--subtitle { font-family: "RalewaySemiBold"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #601324; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right--title { font-family: ""Raleway", sans-serif"; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.16; letter-spacing: normal; text-align: left; color: #0a0a0a; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right--tags { display: flex; flex-direction: row; justify-content: flex-start; -moz-column-gap: 15px; column-gap: 15px; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right--tags a { padding: 5px 17px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: center; color: #0a0a0a; font-stretch: normal; font-style: normal; font-weight: 600; line-height: 1.88; letter-spacing: normal; background-color: #f1f1f1; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right--desc, .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right--desc p { color: #4e4e4e; font-stretch: normal; font-style: normal; font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: start; color: #4e4e4e; line-height: 1.25; letter-spacing: normal; text-align: left; font-weight: 300; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right--desc p strong, .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right--desc p b { color: #4e4e4e; font-weight: normal; font-stretch: normal; font-style: normal; font-family: RobotoBold; font-size: clamp(12px, 2vw, 16px); font-weight: 700; font-stretch: normal; letter-spacing: normal; text-align: start; color: #4e4e4e; line-height: 1.25; font-weight: 700 !important; letter-spacing: normal; text-align: left; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right--ctas { display: flex; flex-direction: row; -moz-column-gap: 15px; column-gap: 15px; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right--verDetalles { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: start; color: "#FFF"; padding: 10px 10px 10px 9px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; background-color: #601324; min-width: 169px; color: #FFF; text-align: center; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right--descargar { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: start; color: "#601324"; padding: 10px 10px 10px 9px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; border: solid 2px #601324; min-width: 169px; background-color: #FFF; text-align: center; color: #601324; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right--descargar:active { color: #601324; } .ebooksIndex--content .ebooksIndex--wrapItems .ebookItem-right--descargar:focus { outline: none; } .iziToast-wrapper { z-index: 5000000000 !important; } .modal-popup { z-index: 1000000; background-color: rgba(0, 0, 0, 0.6); position: fixed; } .modal-popup__overlay { transition: all 0.4s ease-in-out; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); z-index: 1; background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; bottom: 0; right: 0; opacity: 1; pointer-events: all; } .modal-popup__content { background-color: #601324; color: #FFF; transition: all 0.5s ease; z-index: 2; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; padding: 1rem; max-width: 700px; width: 100%; min-height: 480px; border-radius: 0px; border: 0px; padding: 0; } @media (max-width: 920px) { .modal-popup__content { width: 100%; } } .modal-popup__content:not([open]) + .modal-popup__overlay { opacity: 0; pointer-events: none; } .modal-popup__content.style-1 { background-color: #601324; color: #fff; } .modal-popup__content.style-share { background-color: #f1f1f1; color: #0a0a0a; max-width: 500px; width: 100%; height: 300px; min-height: 300px; } .modal-popup__content.style-share .modal-wrapper { min-height: -moz-fit-content; min-height: fit-content; } .modal-popup__content.style-share #copyButton, .modal-popup__content.style-share .modal-wrapper--content__cta { background-color: #601324; border-radius: 4px; color: #F1F1F1; font-family: "Roboto"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.88; letter-spacing: normal; text-align: center; max-width: 250px; width: 100%; min-height: 50px; padding: 12px; border: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; -moz-column-gap: 10px; column-gap: 10px; text-decoration: none; } .modal-popup__content.style-share .modal-wrapper--content__tituloEbook { font-family: "Raleway"; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #0a0a0a; } .modal-popup__content.style-share .modal-wrapper--content__subtitleEbook { font-family: "Roboto"; font-size: 16px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #0a0a0a; } .modal-popup__content.style-share .modal-wrapper--content { row-gap: 15px; } .modal-popup__content.style-share .modal-popup__close { color: #0a0a0a; } .modal-popup__content.style-share .modal-popup__close:before, .modal-popup__content.style-share .modal-popup__close:after { background-color: #0a0a0a; } .modal-popup__content .modal-wrapper { display: flex; flex-direction: row; justify-content: center; justify-content: space-between; align-items: center; justify-content: space-between; align-items: stretch; min-height: 480px; padding: 41px; } .modal-popup__content .modal-wrapper--content { display: flex; flex-direction: column; row-gap: 25px; width: 100%; align-items: center; justify-content: flex-start; } .modal-popup__content .modal-wrapper--content .hubspot-form { padding: 0; width: 100%; } .modal-popup__content .modal-wrapper--content .hubspot-form .submit-align-center { text-align: center; } .modal-popup__content .modal-wrapper--content .hubspot-form button { border-radius: 4px; background-color: #f1f1f1; font-family: Roboto; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.88; letter-spacing: normal; text-align: center; color: #601324; min-width: 200px; } .modal-popup__content .modal-wrapper--content .hubspot-form button:hover { background-color: #f1f1f1 !important; color: #601324 !important; } .modal-popup__content .modal-wrapper--content .hubspot-form #form-input-nombreCompleto { display: none; } .modal-popup__content .modal-wrapper--content .hubspot-form #form-input-email, .modal-popup__content .modal-wrapper--content .hubspot-form #form-input-cellPhone { border: 1px solid #f1f1f1; background-color: #fff; border-radius: 4px; outline: none; background-clip: unset; color: #0a0a0a; font-family: Roboto; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.88; letter-spacing: normal; text-align: left; } .modal-popup__content .modal-wrapper--content .hubspot-form label { display: none; } .modal-popup__content .modal-wrapper--content .hubspot-form .privacity-group label, .modal-popup__content .modal-wrapper--content .hubspot-form .privacity-group label a { display: inline-block; font-family: "Roboto"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; width: -moz-fit-content; width: fit-content; -moz-column-gap: 5px; column-gap: 5px; color: #fff; } .modal-popup__content .modal-wrapper--content__topText { font-family: "Raleway", sans-serif; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #fff; } .modal-popup__content .modal-wrapper--content__title { font-family: "Roboto"; font-size: 16px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #fff; } .modal-popup__content .modal-wrapper--content__subtitle { font-family: "Raleway", sans-serif; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.16; letter-spacing: normal; text-align: left; color: #fff; } .modal-popup__close { position: absolute; right: 15px; top: 15px; width: 24px; height: 24px; opacity: 1; display: block; border-radius: 50%; color: #FFF; } .modal-popup__close:hover { opacity: 1; } .modal-popup__close:before, .modal-popup__close:after { position: absolute; left: 11px; top: 3px; content: " "; height: 17px; width: 2px; background-color: #FFF; } .modal-popup__close:before { transform: rotate(45deg); } .modal-popup__close:after { transform: rotate(-45deg); } .ebook-pagination { width: 100%; display: flex; flex-direction: row; -moz-column-gap: 15px; column-gap: 15px; justify-content: center; margin-bottom: 85px; } .ebook-pagination .itemPage { border-radius: 4px; border: solid 1px #601324; width: 30px; height: 30px; padding: 3px !important; box-sizing: border-box; text-decoration: none; color: #601324; text-align: center; font-family: "Roboto"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: normal; } .ebook-pagination .itemPage.current { background-color: #601324; color: #FFF; } .ebook-pagination .itemPage.current:hover { background-color: #FFF; color: #601324; transition: all 0.3s ease-in-out; } .ebook-pagination .itemPage:hover { background-color: #601324; color: #FFF; transition: all 0.3s ease-in-out; } @keyframes side-animation { 0% { background-size: 0% 100%; } 100% { background-size: 100% 100%; } } body.ebook-single { background-repeat: no-repeat; background-size: 100% 500px, 100% 500px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff), url("/assets/public-img/ebook-single.jpg"); } .ebookSingle--header { height: 95px; } .ebook-single .ebookSingle--content { position: relative; margin-top: 95px; display: flex; flex-direction: row; -moz-column-gap: 42px; column-gap: 42px; width: 100%; max-width: 1280px; margin: 0 auto; } @media (max-width: 780px) { .ebook-single .ebookSingle--content { flex-direction: column; align-items: center; } } @media (max-width: 1320px) { .ebook-single .ebookSingle--content { padding-left: 1rem; padding-right: 1rem; } } .ebook-single .ebookSingle--content__left { display: flex; justify-content: center; align-items: center; max-width: 600px; width: 100%; background-color: #fff; min-height: 600px; position: relative; } .ebook-single .ebookSingle--content__left--share { width: 22px; height: 30px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyMiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0yLjcyNyAzMGMtLjc1IDAtMS4zOTItLjI2Ny0xLjkyNi0uODAxQTIuNjI2IDIuNjI2IDAgMCAxIDAgMjcuMjczdi0xNWMwLS43NS4yNjctMS4zOTIuODAxLTEuOTI2YTIuNjI2IDIuNjI2IDAgMCAxIDEuOTI2LS44MDJoNC4wOTF2Mi43MjhoLTQuMDl2MTVIMTkuMDl2LTE1SDE1VjkuNTQ1aDQuMDljLjc1IDAgMS4zOTMuMjY4IDEuOTI3LjgwMnMuODAxIDEuMTc2LjgwMSAxLjkyNnYxNWMwIC43NS0uMjY3IDEuMzkyLS44MDEgMS45MjZhMi42MjYgMi42MjYgMCAwIDEtMS45MjYuODAxSDIuNzI3em02LjgxOC05LjU0NlY1LjIxNkw3LjM2NCA3LjM5OGwtMS45MS0xLjk0M0wxMC45MSAwbDUuNDU1IDUuNDU1LTEuOTEgMS45NDMtMi4xODEtMi4xODJ2MTUuMjM4SDkuNTQ1eiIgZmlsbD0iIzBBMEEwQSIvPgo8L3N2Zz4K"); position: absolute; top: 25px; right: 25px; background-color: transparent; border: 0; } .ebook-single .ebookSingle--content__left--share:focus { outline: none; } .ebook-single .ebookSingle--content__left .ebookImage { width: 100%; max-width: 440px; } .ebook-single .ebookSingle--content__right { max-width: 639px; display: flex; flex-direction: column; justify-content: flex-start; row-gap: 15px; padding: 25px; box-sizing: border-box; } .ebook-single .ebookSingle--content__right--title { font-family: "Raleway"; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.16; letter-spacing: normal; text-align: left; color: #601324; } .ebook-single .ebookSingle--content__right--subtitle { font-family: "Raleway"; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #0a0a0a; } .ebook-single .ebookSingle--content__right--categories { display: flex; flex-direction: row; justify-content: flex-start; -moz-column-gap: 15px; column-gap: 15px; margin-bottom: 15px; } .ebook-single .ebookSingle--content__right--categories a { padding: 5px 17px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: center; color: #601324; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.88; letter-spacing: normal; text-align: center; background-color: #f1f1f1; } .ebook-single .ebookSingle--content__right--content { max-width: 639px; width: 100%; font-family: "Roboto"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #4e4e4e; } .ebook-single .ebookSingle--content__right--content p { font-family: "Roboto"; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #4e4e4e; } .ebook-single .ebookSingle--content__right--content p strong, .ebook-single .ebookSingle--content__right--content p b { font-family: "Raleway"; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.11; letter-spacing: normal; text-align: left; color: #0a0a0a; } .ebook-single .ebookSingle--content__right--cta { border-radius: 4px; background-color: #601324; font-family: "Roboto"; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.88; letter-spacing: normal; text-align: center; color: #fff; width: 169px; border: 0px; min-height: 40px; } .ebook-single .ebookSingle--content__right--cta:active { color: #fff; } .ebook-single .ebookSingle--content__right--cta:focus { outline: none; } .ebooksRecomendados { min-height: 425px; margin-bottom: 55px; } .ebookSingle--slider { display: flex; flex-direction: column; width: 100%; max-width: 1280px; margin: 0 auto; margin-top: 50px; } @media (max-width: 1320px) { .ebookSingle--slider { padding-left: 1rem; padding-right: 1rem; } } .ebookSingle--slider .swiper-pagination-bullet-active { color: #601324; background-color: #601324; } .ebookSingle--slider .swiper-pagination-bullet { width: 15px; height: 15px; } .ebookSingle--slider__title { font-family: "Raleway"; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #601324; margin-bottom: 25px; } .ebookSingle--slider .ebookSlides .ebookItem { min-height: 300px; width: 100%; -o-object-fit: contain; object-fit: contain; border-radius: 4px; border: solid 1px #F1F1F1; background-color: #fff; margin-bottom: 25px; display: flex; flex-direction: row; transition: all 0.5s ease-in-out; } @media (max-width: 780px) { .ebookSingle--slider .ebookSlides .ebookItem { flex-direction: column; align-items: center; padding-left: 1rem; padding-right: 1rem; } } .ebookSingle--slider .ebookSlides .ebookItem:hover { box-shadow: 0 0 30px 0 rgba(138, 138, 138, 0.25); transition: all 0.5s ease-in-out; } .ebookSingle--slider .ebookSlides .ebookItem:hover .ebookItem-right--subtitle { color: #0a0a0a; } .ebookSingle--slider .ebookSlides .ebookItem:hover .ebookItem-right--title { color: #601324; } .ebookSingle--slider .ebookSlides .ebookItem:hover .ebookItem-right--tags a { color: #601324; } .ebookSingle--slider .ebookSlides .ebookItem-left { width: 100%; max-width: 420px; display: flex; flex-direction: row; justify-content: center; } @media (max-width: 1320px) { .ebookSingle--slider .ebookSlides .ebookItem-left { max-width: 320px; } } .ebookSingle--slider .ebookSlides .ebookItem-left img { width: 220px; height: 300px; } .ebookSingle--slider .ebookSlides .ebookItem-right { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; justify-items: flex-start; padding-top: 25px; padding-bottom: 25px; row-gap: 15px; } @media (max-width: 1320px) { .ebookSingle--slider .ebookSlides .ebookItem-right { padding-right: 1.5rem; } } .ebookSingle--slider .ebookSlides .ebookItem-right--subtitle { font-family: "RalewaySemiBold"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #601324; } .ebookSingle--slider .ebookSlides .ebookItem-right--title { font-family: ""Raleway", sans-serif"; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.16; letter-spacing: normal; text-align: left; color: #0a0a0a; } .ebookSingle--slider .ebookSlides .ebookItem-right--tags { display: flex; flex-direction: row; justify-content: flex-start; -moz-column-gap: 15px; column-gap: 15px; } .ebookSingle--slider .ebookSlides .ebookItem-right--tags a { padding: 5px 17px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: center; color: #0a0a0a; font-stretch: normal; font-style: normal; font-weight: 500; line-height: 1.88; letter-spacing: normal; background-color: #f1f1f1; } .ebookSingle--slider .ebookSlides .ebookItem-right--desc, .ebookSingle--slider .ebookSlides .ebookItem-right--desc p { color: #4e4e4e; font-weight: normal; font-stretch: normal; font-style: normal; font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: start; color: #4e4e4e; line-height: 1.25; letter-spacing: normal; text-align: left; } .ebookSingle--slider .ebookSlides .ebookItem-right--desc p strong, .ebookSingle--slider .ebookSlides .ebookItem-right--desc p b { color: #4e4e4e; font-weight: normal; font-stretch: normal; font-style: normal; font-family: RobotoBold; font-size: clamp(12px, 2vw, 16px); font-weight: 700; font-stretch: normal; letter-spacing: normal; text-align: start; color: #4e4e4e; line-height: 1.25; font-weight: 700 !important; letter-spacing: normal; text-align: left; } .ebookSingle--slider .ebookSlides .ebookItem-right--ctas { display: flex; flex-direction: row; -moz-column-gap: 15px; column-gap: 15px; } .ebookSingle--slider .ebookSlides .ebookItem-right--verDetalles { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: start; color: "#FFF"; padding: 10px 10px 10px 9px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; background-color: #601324; min-width: 169px; color: #FFF; text-align: center; } .ebookSingle--slider .ebookSlides .ebookItem-right--descargar { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: start; color: "#601324"; padding: 10px 10px 10px 9px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; border: solid 2px #601324; min-width: 169px; background-color: #FFF; text-align: center; color: #601324; } .ebookSingle--slider .ebookSlides .ebookItem-right--descargar:active { color: #601324; } .ebookSingle--slider .ebookSlides .ebookItem-right--descargar:focus { outline: none; } .vertodosEbooks { padding: 15px; margin: 0 auto; border-radius: 4px; background-color: #601324; font-family: "Roboto"; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.88; letter-spacing: normal; text-align: center; color: #fff; border: 0px; max-width: -moz-fit-content; max-width: fit-content; min-height: 40px; display: block; } .vertodosEbooks:active, .vertodosEbooks:hover { color: #fff; } .vertodosEbooks:focus { outline: none; } .entry-55217 .block-header { width: 100%; height: 0px; } .blogIndex--header { min-height: 300px; width: 100%; position: relative; background-repeat: no-repeat; background-size: cover; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff), url("/assets/public-img/blog-head.webp"); top: -55px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } .blogIndex--header .headerTitle { display: flex; flex-direction: column; align-items: center; } .blogIndex--header .headerTitle--subtitle { -o-object-fit: contain; object-fit: contain; font-family: ""Raleway", sans-serif"; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #741c2a; } @media (max-width: 980px) { .blogIndex--header .headerTitle--subtitle { padding: 1rem; text-align: center; padding-top: 13rem; } } .blogIndex--header .headerTitle--title { font-family: ""Raleway", sans-serif"; font-size: 55px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #0a0a0a; } .blogsRecomendados { min-height: 425px; margin-bottom: 0px; } .blogIndex--slider { display: flex; flex-direction: column; width: 100%; max-width: 1280px; margin: 0 auto; margin-top: 0px; } @media (max-width: 1320px) { .blogIndex--slider { padding-left: 1rem; padding-right: 1rem; } } .blogIndex--slider .swiper-pagination { bottom: inherit !important; } .blogIndex--slider .swiper-pagination-bullet-active { color: #601324; background-color: #601324; bottom: auto; } .blogIndex--slider .swiper-pagination-bullet { width: 15px; height: 15px; } .blogIndex--slider__title { font-family: ""Raleway", sans-serif"; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #0a0a0a; max-width: 500px; margin-bottom: 25px; } .blogIndex--slider .blogSlides .blogItem { min-height: 300px; width: 100%; -o-object-fit: contain; object-fit: contain; border-radius: 4px; border: solid 1px #F1F1F1; background-color: #fff; margin-bottom: 25px; display: flex; flex-direction: row; transition: all 0.5s ease-in-out; } @media (max-width: 780px) { .blogIndex--slider .blogSlides .blogItem { flex-direction: column; align-items: center; padding-left: 1rem; padding-right: 1rem; } } .blogIndex--slider .blogSlides .blogItem:hover { box-shadow: 0 0 30px 0 rgba(138, 138, 138, 0.25); transition: all 0.5s ease-in-out; } .blogIndex--slider .blogSlides .blogItem:hover .blogItem-right--title { color: #601324; } .blogIndex--slider .blogSlides .blogItem:hover .blogItem-right--tags a { color: #601324; } .blogIndex--slider .blogSlides .blogItem-left { width: 100%; max-width: 560px; display: flex; flex-direction: row; justify-content: center; } @media (max-width: 1320px) { .blogIndex--slider .blogSlides .blogItem-left { max-width: 560px; } } .blogIndex--slider .blogSlides .blogItem-left img { width: 560px; height: 290px; } @media (max-width: 980px) { .blogIndex--slider .blogSlides .blogItem-left img { width: 100%; height: auto; padding: 1rem 0.5rem; } } .blogIndex--slider .blogSlides .blogItem-right { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; justify-items: flex-start; padding-top: 25px; padding-left: 1.5rem; padding-bottom: 25px; row-gap: 15px; } @media (max-width: 1320px) { .blogIndex--slider .blogSlides .blogItem-right { padding-right: 1.5rem; padding-left: 1.5rem; } } .blogIndex--slider .blogSlides .blogItem-right--date { text-transform: capitalize; font-family: "Raleway"; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: normal; text-align: left; color: #601324; } .blogIndex--slider .blogSlides .blogItem-right--title { font-family: ""Raleway", sans-serif"; font-size: 25px; font-weight: bold; max-width: 550px; font-stretch: normal; font-style: normal; line-height: 1.16; letter-spacing: normal; text-align: left; color: #0a0a0a; } .blogIndex--slider .blogSlides .blogItem-right--tags { display: flex; flex-direction: row; justify-content: flex-start; -moz-column-gap: 15px; column-gap: 15px; } .blogIndex--slider .blogSlides .blogItem-right--tags a { font-family: Roboto; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.88; padding: 5px 17px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: center; color: #0a0a0a; font-stretch: normal; font-style: normal; font-weight: 500; line-height: 1.88; letter-spacing: normal; color: #0a0a0a; background-color: #f1f1f1; } .blogIndex--slider .blogSlides .blogItem-right--desc { max-width: 650px; } .blogIndex--slider .blogSlides .blogItem-right--desc p { color: #4e4e4e; font-weight: normal; font-stretch: normal; font-style: normal; font-family: "Roboto"; line-height: 1.25; letter-spacing: normal; text-align: left; font-weight: 300; font-size: 16px; } .blogIndex--slider .blogSlides .blogItem-right--desc p:last-child { margin-bottom: 0; } .blogIndex--slider .blogSlides .blogItem-right--desc p strong, .blogIndex--slider .blogSlides .blogItem-right--desc p b { color: #4e4e4e; font-weight: normal; font-stretch: normal; font-style: normal; font-family: RobotoBold; font-size: clamp(12px, 2vw, 16px); font-weight: 700; font-stretch: normal; letter-spacing: normal; text-align: start; color: #4e4e4e; line-height: 1.25; font-weight: 700 !important; letter-spacing: normal; text-align: left; } .blogIndex--slider .blogSlides .blogItem-right--ctas { display: flex; flex-direction: row; -moz-column-gap: 15px; column-gap: 15px; } .blogIndex--slider .blogSlides .blogItem-right--verDetalles { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: start; color: "#FFF"; padding: 10px 10px 10px 9px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; background-color: #601324; min-width: 169px; color: #FFF; text-align: center; } .blogIndex--slider .blogSlides .blogItem-right--descargar { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: start; color: "#601324"; padding: 10px 10px 10px 9px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; border: solid 2px #601324; min-width: 169px; background-color: #FFF; text-align: center; color: #601324; } .blogIndex--slider .blogSlides .blogItem-right--descargar:active { color: #601324; } .blogIndex--slider .blogSlides .blogItem-right--descargar:focus { outline: none; } .blogFilters { display: flex; flex-direction: column; width: 1280px; margin: 0 auto; row-gap: 20px; margin-bottom: 50px; } @media (max-width: 1320px) { .blogFilters { width: auto; } } .blogFilters--top { display: flex; flex-direction: row; justify-content: space-between; } @media (max-width: 990px) { .blogFilters--top { margin: 1rem; } } .blogFilters--top--title { font-family: Raleway; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #601324; } @media (max-width: 990px) { .blogFilters--top--title { font-size: 24px; } } .blogFilters--top .v-dropdown { position: relative; margin-bottom: 20px; width: 304px; } @media (max-width: 990px) { .blogFilters--top .v-dropdown { width: 280px; } } @media (max-width: 910px) { .blogFilters--top .v-dropdown { width: 250px; } } @media (max-width: 840px) { .blogFilters--top .v-dropdown { width: 220px; } } @media (max-width: 750px) { .blogFilters--top .v-dropdown { width: 100%; } } @media (max-width: 680px) { .blogFilters--top .v-dropdown { margin-bottom: 0px; width: 100%; } } @media (max-width: 580px) { .blogFilters--top .v-dropdown { max-width: 100%; } } .blogFilters--top .v-dropdown .v-dropdown-list { display: flex; flex-direction: column; justify-content: center; align-items: stretch; padding: 12px; border-radius: 3px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); border: solid 1px rgba(16, 24, 32, 0.1); background-color: #fff; width: 100%; position: absolute; top: 50px; left: 0; right: 0; border: 1px solid rgba(0, 0, 0, 0.2); overflow-y: auto; z-index: 10; pointer-events: none; transform: translateY(15px); opacity: 0; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; } .blogFilters--top .v-dropdown .v-dropdown-label { display: block; height: 43px; cursor: pointer; position: relative; background: #FFF; padding: 8px 55px 8px 15px; border-radius: 3px; border: solid 1px rgba(16, 24, 32, 0.1); font-family: "Roboto"; font-size: 16px; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; overflow: hidden; line-height: 29px !important; color: #0a0a0a; background-image: -webkit-linear-gradient(180deg, #f1f1f1 44px, #fff 44px); background-position: right; } .blogFilters--top .v-dropdown .v-dropdown-label.active { color: #651E33; } .blogFilters--top .v-dropdown .v-dropdown-label:before { content: ""; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: transform 0.25s; transform-origin: center center; width: 12px; /* Ajusta al tamaño del SVG */ height: 7px; /* Ajusta al tamaño del SVG */ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtMSAxLjIxIDUgNC41OCA1LTQuNTgiIHN0cm9rZT0iIzg4OCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="); background-repeat: no-repeat; background-size: contain; } .blogFilters--top .v-dropdown .v-dropdown-label.orderB:before { right: 12px; width: 17px; height: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik00IDExVjMuODI1TDEuNDI1IDYuNCAwIDVsNS01IDUgNS0xLjQyNSAxLjRMNiAzLjgyNVYxMUg0em03IDktNS01IDEuNDI1LTEuNEwxMCAxNi4xNzVWOWgydjcuMTc1bDIuNTc1LTIuNTc1TDE2IDE1bC01IDV6IiBmaWxsPSIjMEEwQTBBIi8+Cjwvc3ZnPgo="); } .blogFilters--top .v-dropdown.open .v-dropdown-list { pointer-events: all; transform: translateY(0px); opacity: 1; font-family: Roboto; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.88; letter-spacing: normal; text-align: left; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; } .blogFilters--top .v-dropdown.open .v-dropdown-list::-webkit-scrollbar-track { background-color: #FFF; border: 0; } .blogFilters--top .v-dropdown.open .checkbox { opacity: 1; } .blogFilters--top .v-dropdown.open .v-dropdown-label:before { transform: translateY(-50%) rotate(-180deg); } .blogFilters--bottom { background-color: #601324; width: 1280px; height: 45px; font-family: Raleway; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; text-align: left; color: #fff; padding-left: 140px; padding-right: 140px; display: flex; font-weight: 600; justify-content: space-between; align-items: center; } @media (max-width: 1320px) { .blogFilters--bottom { flex-direction: column; width: 100%; max-width: 100%; margin: 0; padding: 0; height: auto; } } .blogFilters--bottom a { text-align: center; color: #fff; } @media (max-width: 980px) { .blogFilters--bottom a { width: 90% !important; font-size: 18px; padding: 1rem; border-bottom: 1px solid #FFF; } } .blogFilters--bottom a:nth-child(1) { width: 38%; text-align: center; } .blogFilters--bottom a:nth-child(2), .blogFilters--bottom a:nth-child(3), .blogFilters--bottom a:nth-child(4) { width: 18%; } .blogFilters--bottom a:hover { font-size: 18px; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; color: #fff; } .blogFilters--bottom a.active { font-size: 18px; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; color: #fff; } .blogIndex--content { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .blogIndex--content .blogIndex--wrapItems { max-width: 1280px; width: 100%; } @media (max-width: 990px) { .blogIndex--content .blogIndex--wrapItems { padding: 0.5rem; } } .blogIndex--content .blogIndex--wrapItems .blogItem { -moz-column-gap: 20px; column-gap: 20px; min-height: 300px; width: 100%; -o-object-fit: contain; object-fit: contain; border-radius: 4px; border: solid 1px #F1F1F1; background-color: #fff; margin-bottom: 25px; display: flex; flex-direction: row; transition: all 0.5s ease-in-out; } @media (max-width: 780px) { .blogIndex--content .blogIndex--wrapItems .blogItem { flex-direction: column; align-items: center; padding: 0; } } .blogIndex--content .blogIndex--wrapItems .blogItem:hover { box-shadow: 0 0 30px 0 rgba(138, 138, 138, 0.25); transition: all 0.5s ease-in-out; } .blogIndex--content .blogIndex--wrapItems .blogItem:hover .blogItem-right--subtitle { color: #0a0a0a; } .blogIndex--content .blogIndex--wrapItems .blogItem:hover .blogItem-right--title { color: #601324; } .blogIndex--content .blogIndex--wrapItems .blogItem:hover .blogItem-right--title a { color: #601324; } .blogIndex--content .blogIndex--wrapItems .blogItem:hover .blogItem-right--date { color: #0a0a0a; } .blogIndex--content .blogIndex--wrapItems .blogItem:hover .blogItem-right--tags a { color: #601324; } .blogIndex--content .blogIndex--wrapItems .blogItem-left { width: 100%; max-width: 560px; display: flex; flex-direction: row; justify-content: center; align-items: center; } @media (max-width: 1320px) { .blogIndex--content .blogIndex--wrapItems .blogItem-left { max-width: 560px; } } .blogIndex--content .blogIndex--wrapItems .blogItem-left img { width: 560px; height: 290px; } @media (max-width: 980px) { .blogIndex--content .blogIndex--wrapItems .blogItem-left img { width: 100%; height: auto; padding: 1rem 0.5rem; } } .blogIndex--content .blogIndex--wrapItems .blogItem-right { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; justify-items: flex-start; padding-top: 25px; padding-bottom: 25px; row-gap: 15px; } @media (max-width: 980px) { .blogIndex--content .blogIndex--wrapItems .blogItem-right { padding: 1rem; } } @media (max-width: 1320px) { .blogIndex--content .blogIndex--wrapItems .blogItem-right { padding-right: 1.5rem; } } .blogIndex--content .blogIndex--wrapItems .blogItem-right--date { text-transform: capitalize; font-family: "Raleway"; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: normal; text-align: left; color: #601324; } .blogIndex--content .blogIndex--wrapItems .blogItem-right--title { font-family: ""Raleway", sans-serif"; font-size: 25px; font-weight: bold; max-width: 550px; font-stretch: normal; font-style: normal; line-height: 1.16; letter-spacing: normal; text-align: left; color: #0a0a0a; } .blogIndex--content .blogIndex--wrapItems .blogItem-right--title a { font-family: ""Raleway", sans-serif"; font-size: 25px; font-weight: bold; max-width: 550px; font-stretch: normal; font-style: normal; line-height: 1.16; letter-spacing: normal; text-align: left; color: #0a0a0a; } .blogIndex--content .blogIndex--wrapItems .blogItem-right--title a:hover { font-family: ""Raleway", sans-serif"; font-size: 25px; font-weight: bold; max-width: 550px; font-stretch: normal; font-style: normal; line-height: 1.16; letter-spacing: normal; text-align: left; color: #0a0a0a; } .blogIndex--content .blogIndex--wrapItems .blogItem-right--tags { display: flex; flex-direction: row; justify-content: flex-start; -moz-column-gap: 15px; column-gap: 15px; } .blogIndex--content .blogIndex--wrapItems .blogItem-right--tags a { font-family: Roboto; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.88; padding: 5px 17px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: center; color: #0a0a0a; font-stretch: normal; font-style: normal; font-weight: 500; line-height: 1.88; letter-spacing: normal; color: #0a0a0a; background-color: #f1f1f1; } .blogIndex--content .blogIndex--wrapItems .blogItem-right--desc { max-width: 650px; } .blogIndex--content .blogIndex--wrapItems .blogItem-right--desc p { color: #4e4e4e; font-weight: normal; font-stretch: normal; font-style: normal; font-family: "Roboto"; line-height: 1.25; letter-spacing: normal; text-align: left; font-weight: 300; font-size: 16px; } .blogIndex--content .blogIndex--wrapItems .blogItem-right--desc p:last-child { margin-bottom: 0; } .blogIndex--content .blogIndex--wrapItems .blogItem-right--desc p strong, .blogIndex--content .blogIndex--wrapItems .blogItem-right--desc p b { color: #4e4e4e; font-weight: normal; font-stretch: normal; font-style: normal; font-family: RobotoBold; font-size: clamp(12px, 2vw, 16px); font-weight: 700; font-stretch: normal; letter-spacing: normal; text-align: start; color: #4e4e4e; line-height: 1.25; font-weight: 700 !important; letter-spacing: normal; text-align: left; } .blogIndex--content .blogIndex--wrapItems .blogItem-right--ctas { display: flex; flex-direction: row; -moz-column-gap: 15px; column-gap: 15px; } .blogIndex--content .blogIndex--wrapItems .blogItem-right--verDetalles { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: start; color: "#FFF"; padding: 10px 10px 10px 9px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; background-color: #601324; min-width: 169px; color: #FFF; text-align: center; } .blogIndex--content .blogIndex--wrapItems .blogItem-right--descargar { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: start; color: "#601324"; padding: 10px 10px 10px 9px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; border: solid 2px #601324; min-width: 169px; background-color: #FFF; text-align: center; color: #601324; } .blogIndex--content .blogIndex--wrapItems .blogItem-right--descargar:active { color: #601324; } .blogIndex--content .blogIndex--wrapItems .blogItem-right--descargar:focus { outline: none; } .blog-pagination { width: 100%; display: flex; flex-direction: row; -moz-column-gap: 15px; column-gap: 15px; justify-content: center; margin-bottom: 85px; } .blog-pagination .itemPage { border-radius: 4px; border: solid 1px #601324; width: 30px; height: 30px; padding: 3px !important; box-sizing: border-box; text-decoration: none; color: #601324; text-align: center; font-family: "Roboto"; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: normal; } .blog-pagination .itemPage.current { background-color: #601324; color: #FFF; } .blog-pagination .itemPage.current:hover { background-color: #FFF; color: #601324; transition: all 0.3s ease-in-out; } .blog-pagination .itemPage:hover { background-color: #601324; color: #FFF; transition: all 0.3s ease-in-out; } .bannerBoletin { display: flex; flex-direction: row; border-radius: 4px; background-image: linear-gradient(to right, rgb(241, 241, 241) 56%, rgba(241, 241, 241, 0.5) 67%), url("/assets/public-img/boletin.webp"); background-repeat: no-repeat; background-size: cover; width: 1280px; height: 339px; margin: 0 auto; padding: 50px 100px; justify-content: space-between; margin-bottom: 50px; } @media (max-width: 980px) { .bannerBoletin { width: 100%; align-items: center; flex-direction: column; height: auto; row-gap: 30px; background-image: linear-gradient(to right, rgb(241, 241, 241) 56%, rgba(241, 241, 241, 0.76) 67%), url("/assets/public-img/boletin.webp"); background-position: right; background-repeat: no-repeat; padding: 30px 25px; } } .bannerBoletin-text { max-width: 500px; display: flex; flex-direction: column; justify-content: center; } .bannerBoletin-text--title { font-family: Raleway; font-size: 38px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #601324; margin-bottom: 25px; } .bannerBoletin-text--copy { font-family: Roboto; font-size: 16px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #4e4e4e; } .bannerBoletin-form { max-width: 500px; width: 100%; } .bannerBoletin-form input[type=text], .bannerBoletin-form input[type=email] { border-radius: 4px; border: solid 1px #f1f1f1; background-color: #fff !important; font-family: Roboto; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.88; letter-spacing: normal; text-align: left; color: #4e4e4e; } .bannerBoletin-form button.btn.btn-primary { background-color: #601324 !important; border-radius: 4px; font-family: Roboto !important; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.88; letter-spacing: normal; text-align: center; color: #fff; min-width: 159px; padding: 3px 10px 3px 9px !important; } .bannerCatalogo { display: flex; flex-direction: row; border-radius: 4px; background-image: linear-gradient(to right, rgb(96, 19, 36) 57%, rgba(96, 19, 36, 0.2) 80%), url("/assets/public-img/bannerStock.webp"); background-repeat: no-repeat; background-size: cover; width: 1280px; height: 339px; margin: 0 auto; padding: 50px 100px; justify-content: space-between; margin-bottom: 90px; } @media (max-width: 980px) { .bannerCatalogo { width: 100%; align-items: center; flex-direction: column; height: auto; row-gap: 30px; background-image: linear-gradient(to right, rgb(96, 19, 36) 7%, rgba(96, 19, 36, 0.2) 113%), url("/assets/public-img/bannerStock.webp"); background-position: right; background-repeat: no-repeat; padding: 30px 25px; } } .bannerCatalogo-text { max-width: 450px; display: flex; flex-direction: column; justify-content: center; } .bannerCatalogo-text--title { font-family: Raleway; font-size: 38px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #FFF; margin-bottom: 25px; } .bannerCatalogo-text--copy { font-family: Roboto; font-size: 16px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #FFF; } .bannerCatalogo-form { max-width: 600px; width: 100%; display: flex; flex-direction: row; -moz-column-gap: 35px; column-gap: 35px; } @media (max-width: 980px) { .bannerCatalogo-form { width: 100%; align-items: center; flex-direction: column; height: auto; row-gap: 30px; } } .bannerCatalogo-form .catImage { height: auto; width: 200px; } .bannerCatalogo-form .fcontainer { width: 100% !important; min-width: 355px; } @media (max-width: 980px) { .bannerCatalogo-form .fcontainer { min-width: auto; } } .bannerCatalogo-form .form-check-label { font-family: Roboto; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #fff; } .bannerCatalogo-form .form-check-label a { font-family: Roboto; color: #fff; font-family: Roboto; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #fff; } .bannerCatalogo-form input[type=text], .bannerCatalogo-form input[type=email] { border-radius: 4px; border: solid 1px #f1f1f1; background-color: #fff !important; font-family: Roboto; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.88; letter-spacing: normal; text-align: left; color: #4e4e4e; } .bannerCatalogo-form label.hideLabels { display: none !important; } .bannerCatalogo-form button.btn.btn-primary { background-color: #601324 !important; border-radius: 4px; font-family: Roboto !important; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.88; letter-spacing: normal; text-align: center; color: #fff; min-width: 159px; padding: 3px 10px 3px 9px !important; } @keyframes side-animation { 0% { background-size: 0% 100%; } 100% { background-size: 100% 100%; } } .blogEntry--social { border: 1px solid #f1f1f1; display: flex; flex-direction: row; min-height: 70px; justify-content: center; align-items: center; font-family: Raleway; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #4e4e4e; } .blogEntry--social img { fill: #4E4E4E !important; } .blogEntry--social a { width: 24px; height: 24px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; font-family: Raleway; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #4e4e4e; } .blogEntry--social a.lnicon { background-image: url("/assets/public-img/v2-linkedin.png"); } .blogEntry--social a.lnicon:hover { background-image: url("/assets/public-img/v2-linkedin-hover.png"); } .blogEntry--social a.mailicon { background-image: url("/assets/public-img/v2-mail.png"); } .blogEntry--social a.mailicon:hover { background-image: url("/assets/public-img/v2-mail-hover.png"); } .blogEntry--social a.fbicon { background-image: url("/assets/public-img/v2-facebook.png"); } .blogEntry--social a.fbicon:hover { background-image: url("/assets/public-img/v2-facebook-hover.png"); } .blogEntry--social a.waicon { background-image: url("/assets/public-img/v2-whatsapp.png"); } .blogEntry--social a.waicon:hover { background-image: url("/assets/public-img/v2-whatsapp-hover.png"); } .blogEntry--social a.linkicon { background-image: url("/assets/public-img/v2-link.png"); } .blogEntry--social a.linkicon:hover { background-image: url("/assets/public-img/v2-link-hover.png"); } .blogEntry--container { max-width: 1000px; width: 100%; margin: 0 auto; } .blogEntry--breadcrumb { margin: 0 auto; font-family: Raleway; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #0a0a0a; margin-top: 50px; margin-bottom: 50px; max-width: 100%; width: 100%; } .blogEntry--breadcrumb a { font-family: Raleway; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #0a0a0a; } .blogEntry--breadcrumb a.tituloLink { color: #601324; } .blogEntry--title { margin: 0 auto; max-width: 639px; width: 100%; font-family: Raleway; font-size: 25px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.16; letter-spacing: normal; text-align: center; color: #601324; } .blogEntry--date { margin: 0 auto; font-family: Raleway; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: normal; text-align: center; color: #0a0a0a; margin-top: 5px; margin-bottom: 15px; text-transform: capitalize; } .blogEntry--tags { margin: 0 auto; display: flex; flex-direction: row; justify-content: flex-start; -moz-column-gap: 15px; column-gap: 15px; margin-bottom: 25px; } .blogEntry--tags a { margin: 0 auto; font-family: Roboto; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.88; padding: 5px 17px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: center; color: #0a0a0a; font-stretch: normal; font-style: normal; font-weight: 500; line-height: 1.88; letter-spacing: normal; color: #601324; background-color: #f1f1f1; } .blogEntry--media { margin: 0 auto; max-width: 1000px; width: 100%; -o-object-fit: contain; object-fit: contain; border-radius: 4px; border: solid 1px #f1f1f1; background-color: #fff; padding: 16px; } .blogEntry--body { display: flex; flex-direction: row; margin: 0 auto; width: 100%; max-width: 1000px; -moz-column-gap: 40px; column-gap: 40px; margin-top: 25px; } .blogEntry--body .contenido-libre p { text-align: justify; } @media (max-width: 980px) { .blogEntry--body { flex-direction: column; padding: 1rem; } } .blogEntry--body.open .blogToggler { background-image: url("/assets/public-img/side-close.svg"); } .blogEntry--body.open #sideContentMenu { display: block; } .blogEntry--body.open .blogEntry--body--sidebar { max-width: 250px; } @media (max-width: 980px) { .blogEntry--body.open .blogEntry--body--sidebar { width: 100%; max-width: 100%; padding: 1rem 2rem; } } .blogEntry--body--sidebar { max-width: 100px; width: 100%; } @media (max-width: 980px) { .blogEntry--body--sidebar { width: 100%; padding: 1rem 2rem; } } .blogEntry--body--sidebar #sideContentMenu { display: none; } .blogEntry--body--sidebar .blogToggler { font-family: Raleway; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: left; color: #601324; margin-bottom: 15px; display: block; cursor: pointer; background-repeat: no-repeat; padding-left: 30px; background-image: url("/assets/public-img/side-open.svg"); } .blogEntry--body--sidebar #sideContentMenu a { display: block; border-left: 2px solid transparent; font-family: Roboto; font-size: 14px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #4e4e4e; padding-left: 9px; margin-bottom: 10px; } .blogEntry--body--sidebar #sideContentMenu a .titleMenu { font-weight: 400 !important; color: #0a0a0a; } .blogEntry--body--sidebar #sideContentMenu a:hover { border-left: 2px solid #601324; color: #0a0a0a; } .blogEntry--body--content { max-width: 700px; width: 100%; justify-content: center; } @media (max-width: 980px) { .blogEntry--body--content { width: 100%; max-width: 100%; padding: 1rem 2rem; } } @media (max-width: 580px) { .blogEntry--body--content { padding: 0rem; } } .blogEntry--body--content .contenido-libre img { width: 100%; } .blogEntry--body--content .contenido-libre p, .blogEntry--body--content .contenido-libre ul, .blogEntry--body--content .contenido-libre li { font-weight: 300; } @media (max-width: 580px) { .blogEntry--body--content .contenido-libre p, .blogEntry--body--content .contenido-libre ul, .blogEntry--body--content .contenido-libre li { font-size: clamp(14px, 2vw, 18px); } } .fixedSide { position: fixed; top: 100px; max-width: 200px; } @media (max-width: 980px) { .fixedSide { position: relative; top: initial; max-width: 100%; } } .blogEntry--slider { display: flex; flex-direction: column; width: 100%; max-width: 1280px; margin: 0 auto; margin-top: 100px; } .blogEntry--slider .blogsRecomendados { margin-bottom: 0; } .blogEntry--slider .vertodo { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: start; color: "#FFF"; padding: 13px 10px 10px 9px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; margin: 0 auto; background-color: #601324; min-width: 210px; color: #FFF; text-align: center; height: 50px; max-height: 50px; margin-bottom: 100px; } .blogEntry--slider--title { font-family: Raleway; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #601324; margin-bottom: 18px; } @media (max-width: 1320px) { .blogEntry--slider { padding-left: 1rem; padding-right: 1rem; } } .blogEntry--slider .swiper-pagination { bottom: inherit !important; } .blogEntry--slider .swiper-pagination-bullet-active { color: #601324; background-color: #601324; bottom: auto; } .blogEntry--slider .swiper-pagination-bullet { width: 15px; height: 15px; } .blogEntry--slider__title { font-family: ""Raleway", sans-serif"; font-size: 30px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: left; color: #0a0a0a; max-width: 500px; margin-bottom: 25px; } .blogEntry--slider .blogSlides .blogItem { min-height: 300px; width: 100%; -o-object-fit: contain; object-fit: contain; border-radius: 4px; border: solid 1px #F1F1F1; background-color: #fff; margin-bottom: 25px; display: flex; flex-direction: row; transition: all 0.5s ease-in-out; } @media (max-width: 780px) { .blogEntry--slider .blogSlides .blogItem { flex-direction: column; align-items: center; padding-left: 1rem; padding-right: 1rem; } } .blogEntry--slider .blogSlides .blogItem:hover { box-shadow: 0 0 30px 0 rgba(138, 138, 138, 0.25); transition: all 0.5s ease-in-out; } .blogEntry--slider .blogSlides .blogItem:hover .blogItem-right--title { color: #601324; } .blogEntry--slider .blogSlides .blogItem:hover .blogItem-right--tags a { color: #601324; } .blogEntry--slider .blogSlides .blogItem-left { width: 100%; max-width: 560px; display: flex; flex-direction: row; justify-content: center; } @media (max-width: 1320px) { .blogEntry--slider .blogSlides .blogItem-left { max-width: 560px; } } .blogEntry--slider .blogSlides .blogItem-left img { width: 560px; height: 290px; } @media (max-width: 980px) { .blogEntry--slider .blogSlides .blogItem-left img { width: 100%; height: auto; padding: 1rem 0.5rem; } } .blogEntry--slider .blogSlides .blogItem-right { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; justify-items: flex-start; padding-top: 25px; padding-bottom: 25px; row-gap: 15px; } @media (max-width: 1320px) { .blogEntry--slider .blogSlides .blogItem-right { padding-right: 1.5rem; } } .blogEntry--slider .blogSlides .blogItem-right--date { text-transform: capitalize; font-family: "Raleway"; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: normal; text-align: left; color: #601324; } .blogEntry--slider .blogSlides .blogItem-right--title { font-family: ""Raleway", sans-serif"; font-size: 27px; font-weight: bold; max-width: 550px; font-stretch: normal; font-style: normal; line-height: 1.16; letter-spacing: normal; text-align: left; color: #0a0a0a; } .blogEntry--slider .blogSlides .blogItem-right--tags { display: flex; flex-direction: row; justify-content: flex-start; -moz-column-gap: 15px; column-gap: 15px; } .blogEntry--slider .blogSlides .blogItem-right--tags a { font-family: Roboto; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.88; padding: 5px 17px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: center; color: #0a0a0a; font-stretch: normal; font-style: normal; font-weight: 500; line-height: 1.88; letter-spacing: normal; color: #0a0a0a; background-color: #f1f1f1; } .blogEntry--slider .blogSlides .blogItem-right--desc { max-width: 650px; } .blogEntry--slider .blogSlides .blogItem-right--desc p { color: #4e4e4e; font-weight: normal; font-stretch: normal; font-style: normal; font-family: "Roboto"; line-height: 1.25; letter-spacing: normal; text-align: left; font-weight: 300; font-size: 16px; } .blogEntry--slider .blogSlides .blogItem-right--desc p:last-child { margin-bottom: 0; } .blogEntry--slider .blogSlides .blogItem-right--desc p strong, .blogEntry--slider .blogSlides .blogItem-right--desc p b { color: #4e4e4e; font-weight: normal; font-stretch: normal; font-style: normal; font-family: RobotoBold; font-size: clamp(12px, 2vw, 16px); font-weight: 700; font-stretch: normal; letter-spacing: normal; text-align: start; color: #4e4e4e; line-height: 1.25; font-weight: 700 !important; letter-spacing: normal; text-align: left; } .blogEntry--slider .blogSlides .blogItem-right--ctas { display: flex; flex-direction: row; -moz-column-gap: 15px; column-gap: 15px; } .blogEntry--slider .blogSlides .blogItem-right--verDetalles { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: start; color: "#FFF"; padding: 10px 10px 10px 9px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; background-color: #601324; min-width: 169px; color: #FFF; text-align: center; } .blogEntry--slider .blogSlides .blogItem-right--descargar { font-family: Roboto; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: normal; text-align: start; color: "#601324"; padding: 10px 10px 10px 9px; -o-object-fit: contain; object-fit: contain; border-radius: 4px; border: solid 2px #601324; min-width: 169px; background-color: #FFF; text-align: center; color: #601324; } .blogEntry--slider .blogSlides .blogItem-right--descargar:active { color: #601324; } .blogEntry--slider .blogSlides .blogItem-right--descargar:focus { outline: none; } .entry-105198 .topheader_weiss-img { opacity: 0.3; } b, strong { font-family: ""Raleway", sans-serif"; font-weight: 800; } svg { box-sizing: initial; } #close-menu { background: none; padding: 0; border: none; } .quote { width: 42px !important; height: 42px; transform: rotate(180deg); } .arial { font-family: Arial !important; } .float-btn { position: fixed; padding: 1rem; bottom: 0; z-index: 2; left: 0; } .overflow-hidden { overflow: hidden; } .isStock { border-radius: 4px; background-color: #2aa945; } .isStock * { font-family: RobotoBold; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #fff; padding: 11px 30px 10px 31px; } .newSingle-product-info .product-gallery { margin-bottom: 50px; } .newSingle-product-info .product-gallery__slide__image, .newSingle-product-info .product-gallery__slide { max-height: 350px; -o-object-fit: contain; object-fit: contain; } .newSingle-product-info .slick-dots { position: absolute; bottom: -50px; left: 0; padding-inline-start: 0; list-style: none; width: 100%; display: flex; gap: 0.5rem; justify-content: center; } .newSingle-product-info .slick-dots .slick-active button { background-color: #601324; } .newSingle-product-info .slick-dots button { width: 13px; height: auto; background-color: #d7d7d7; color: transparent; border: none; overflow: hidden; clip-path: circle(); } .newSingle-product-info .slick-dots button:focus, .newSingle-product-info .slick-dots button:active { outline: none !important; box-shadow: none !important; } .newSingle-product-title { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(35px, 2vw, 38px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #601324; line-height: 1; margin-bottom: 2rem; } @media (max-width: 576px) { .newSingle-product-title { font-size: 28px !important; } } .newSingle-product-category { font-family: RalewaySemiBold, sans-serif; font-size: clamp(16px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #0a0a0a; line-height: 1.5; margin-bottom: 1rem; } .newSingle-product-marca { font-family: RalewaySemiBold, sans-serif; font-size: clamp(16px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #601324; line-height: 1.5; margin-bottom: 1rem; } .newSingle-product-description { font-family: Roboto; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #0a0a0a; } .newSingle-product-description p { margin-bottom: 0; } .newSingle-product-help { background-color: #f1f1f1; border-radius: 4px; } .newSingle-product-help__title { font-family: RalewaySemiBold, sans-serif; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #0a0a0a; line-height: 1.88; } .newSingle-product-help__text { font-family: Roboto; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #0a0a0a; } .newSingle-product-help__info { padding-top: 18px; padding-bottom: 18px; padding-left: 20px; padding-right: 20px; border-bottom: solid 1px #fff; } .newSingle-product-help__buttons { padding-left: 20px; padding-right: 20px; display: grid; grid-template-columns: repeat(2, 1fr); } .newSingle-product-help__buttons > div { display: flex; justify-content: center; width: 100%; padding-top: 15px; padding-bottom: 15px; } .newSingle-product-help__buttons > div a { font-family: RalewaySemiBold, sans-serif; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #601324; } .newSingle-product-help__buttons > div a:active, .newSingle-product-help__buttons > div a:hover, .newSingle-product-help__buttons > div a:focus { color: #0a0a0a; } .newSingle-product-help__buttons > div a:active svg g, .newSingle-product-help__buttons > div a:hover svg g, .newSingle-product-help__buttons > div a:focus svg g { fill: #0a0a0a; } .newSingle-product-help__buttons > div:nth-child(1) { border-right: solid 1px #fff; } .border-gray { border: solid 1px #f1f1f1; border-radius: 4px; } .border-marca { border-top: solid 1px #f1f1f1; } .newSingle-product-info { padding-bottom: 50px; } .newFilters__text { font-family: Roboto; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #0a0a0a; line-height: 1; } .newFilters__form-input { border: solid 1px #f1f1f1; border-radius: 4px 0 0 4px; padding-top: 15px !important; padding-bottom: 15px !important; height: 100%; } .newFilters__form-input, .newFilters__form-input:focus, .newFilters__form-input:active { outline: none !important; box-shadow: none !important; } .newFilters__form-btn { background-color: #601324; font-family: Roboto; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #fff; padding-left: 35px; padding-right: 35px; border: solid 1px #601324; border-radius: 0px 4px 4px 0px; } .newFilters__form-btn:hover, .newFilters__form-btn:active, .newFilters__form-btn:focus { color: #fff; opacity: 0.9; outline: none !important; box-shadow: none !important; } .newFilters__select { width: 85%; color: #000; background-color: #fff; border: solid 1px #f1f1f1; border-radius: 4px 0 0 4px; padding-top: 15px !important; padding-bottom: 15px !important; } .newFilters__select2 { width: 15%; border: solid 1px #f1f1f1; border-radius: 0 4px 4px 0; background-color: #f1f1f1; } .newFilters__select, .newFilters__select:hover, .newFilters__select:active, .newFilters__select:focus, .newFilters__select2, .newFilters__select2:hover, .newFilters__select2:active, .newFilters__select2:focus { outline: none !important; box-shadow: none !important; } .btn-ver-mas, .btn-ver-menos { background-color: transparent; border: none; padding: 0; margin-top: 1.5rem; font-family: RalewaySemiBold, sans-serif; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #601324; } .btn-ver-mas:hover, .btn-ver-mas:focus, .btn-ver-mas:active, .btn-ver-menos:hover, .btn-ver-menos:focus, .btn-ver-menos:active { outline: none !important; box-shadow: none !important; } .btn-ver-mas::after { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(1rem, 2vw, 1.2rem); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #601324; content: "<"; position: absolute; transform: rotate(270deg); margin-left: 6px; margin-top: -2px; } .btn-ver-menos::after { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(1rem, 2vw, 1.2rem); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #601324; content: "<"; position: absolute; transform: rotate(90deg); margin-left: 6px; margin-top: -2px; } .all-products { font-family: Roboto; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #fff; background-color: #601324; border-radius: 4px; padding: 15px; } .all-products:hover, .all-products:active { color: #fff; outline: none; border: none; } .popup-share__title { font-family: RalewaySemiBold, sans-serif; font-size: clamp(16px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #0a0a0a; line-height: 1.5; margin-bottom: 2rem; margin-top: 2rem; } .popup-share__text { font-family: RalewaySemiBold, sans-serif; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #0a0a0a; margin-bottom: 2rem; } .popup-share__buttons { margin: auto; width: 60%; } @media (max-width: 576px) { .popup-share__buttons { width: 80%; } } .popup-share__btn { display: flex; justify-content: center; align-items: center; font-family: Roboto; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #fff; background-color: #601324; padding-top: 15px; padding-bottom: 15px; border-radius: 4px; margin-top: 2rem; margin-bottom: 2rem; } .popup-share__btn svg { margin-right: 1rem; } .popup-share__btn:active, .popup-share__btn:hover, .popup-share__btn:focus { color: #fff; opacity: 0.9; } .popup-share__modal { background-color: #f1f1f1 !important; border: none !important; border-radius: 4px 4px 0 0 !important; } .popup-share__close { opacity: 1; } .popup-share__close, .popup-share__close:hover, .popup-share__close:active, .popup-share__close:focus { outline: none !important; box-shadow: none !important; } .popup-share__close-span { font-size: 3rem; color: #0a0a0a; } .popup-share__close-span, .popup-share__close-span:hover, .popup-share__close-span:active, .popup-share__close-span:focus { outline: none !important; box-shadow: none !important; } .new-subscribe__img { position: absolute; top: 0; right: 0; -o-object-fit: cover; object-fit: cover; max-width: 100%; height: 100%; z-index: -1; } .new-subscribe__container { background-image: linear-gradient(to right, #601324, #601324 60%, rgba(96, 19, 36, 0.3) 100%); border-radius: 4px; } .new-subscribe__title { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(28px, 2vw, 38px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #fff; line-height: 1; } .new-subscribe__text { font-family: Roboto; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #fff; } .newCard-head { background-color: #f1f1f1; } .newCard-head p { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(25px, 2vw, 30px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #601324; line-height: 1.2; } .newCard-body__descargas__title { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(16px, 2vw, 20px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #0a0a0a; line-height: 1.5; } .newCard-body__descargas__filename { font-family: RalewaySemiBold, sans-serif; font-size: clamp(12px, 2vw, 16px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #601324; line-height: 1.88; max-width: 250px; } .newCard-body__descargas__button { font-family: Roboto; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #fff; background-color: #601324; border-radius: 4px; padding: 15px 30px; } .newCard-body__descargas__button:hover, .newCard-body__descargas__button:active { color: #fff; outline: none; border: none; } .newCard-text { font-family: Roboto; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #0a0a0a; line-height: 1.56; } .related-products-title { font-family: "Raleway", sans-serif, sans-serif; font-size: clamp(24px, 2vw, 30px); font-weight: 700; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #601324; line-height: 1; margin-bottom: 3rem; margin-top: 100px; } .breadcrumb-producto { font-family: RalewaySemiBold, sans-serif; font-size: clamp(16px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #0a0a0a !important; } .breadcrumb-producto a { font-family: RalewaySemiBold, sans-serif; font-size: clamp(16px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #0a0a0a !important; } .breadcrumb-producto a:hover, .breadcrumb-producto a:active { color: #601324 !important; } .breadcrumb-producto .active { font-family: RalewaySemiBold, sans-serif; font-size: clamp(16px, 2vw, 20px); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #601324 !important; } .font-field { font-family: Roboto; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: start; color: #0a0a0a; padding-top: 10px; padding-bottom: 10px; border-radius: 4px; } .font-button { font-family: Roboto; font-size: clamp(0.8rem, 2vw, 1rem); font-weight: 500; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #601324; padding: 15px 65px; border-radius: 4px; max-width: 100%; } .whatsapp-btn { height: 4rem; width: 4rem; } .toast { position: fixed; bottom: 0; left: 0; z-index: 5000000000 !important; background: rgb(136, 23, 38); background: linear-gradient(180deg, rgb(136, 23, 38) 0%, rgb(60, 20, 29) 100%); } .toast .toast-header { background: transparent; color: #fff; } .toast .close { position: absolute; top: 0; right: 10px; opacity: 1; } /* landing cálculo */ .floating-arm-1 { width: 40%; position: absolute; right: 0; bottom: 50%; transform: translateY(-10%); } @media (max-width: 767px) { .floating-arm-1 { width: 90%; top: 80%; bottom: 0; } } @media (min-width: 768px) { .floating-arm-1 { top: 70%; bottom: 0; } } @media (min-width: 1500px) { .floating-arm-1 { top: 50%; } } @media (max-width: 440px) { .floating-arm-1.banner { top: 85%; width: 70%; } } @media (max-width: 768px) { .floating-arm-1.banner { width: 50%; } } @media (min-width: 1200px) { .floating-arm-1.banner { top: 20%; } } @media (min-width: 1500px) { .floating-arm-1.banner { top: 0; width: auto; } } .floating-arm-2 { position: absolute; left: 0; top: 0; transform: translate(-5%, 0%); z-index: 1; } @media (max-width: 769px) { .floating-arm-2 { width: 75%; } } .gray-button, .white-button { font-size: 1.2rem; padding-left: 1.5rem; padding-right: 1.5rem; font-family: Raleway-bold; letter-spacing: 1.5px; } .gray-button { background-color: #e2e0e0; color: #881626; border: none; } .white { color: white; } .rojo-urany { color: #881626; } .webinar-title { color: #741c2a; } .hero-webinars { position: relative; } .hero-webinars .webinarWrapper { visibility: hidden; display: none; opacity: 0; transition: display 0.1s, z-index 0.3s, visibility 0.8s, opacity 0.9s ease-in; } .hero-webinars .webinarWrapper.active { visibility: visible; display: block; opacity: 1; } .hero-webinars .webinars-form, .hero-webinars #webinars-form { /*background: #881726;*/ background-blend-mode: multiply; background-size: cover; /*background-image: linear-gradient(-180deg, #4c565d 0%, #111 100%);*/ /*background: linear-gradient(180deg, #881726, #3c141d);*/ transition: display 0.1s, z-index 0.3s, visibility 0.8s, opacity 0.9s ease-in; } .hero-webinars .webinars-form.inactive, .hero-webinars #webinars-form.inactive { display: none; visibility: hidden; opacity: 0; } .hero-webinars .webinars-form h3, .hero-webinars #webinars-form h3 { color: white; text-align: center; font-family: Raleway-bold; letter-spacing: 1.5px; } .webinarWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .webinarWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .white-button { background-color: white; color: #881626; border: none; } .red-button { background-color: #881626; color: white !important; border: none; outline: 0; } .red-button:focus, .red-button:active { outline: 0; background-color: #881626; color: white !important; border: none; } .zindex1 { z-index: 1; } .zindex2 { z-index: 2; } .zindex3 { z-index: 3; } .zindex4 { z-index: 4; } .zindex5 { z-index: 5; } .form-calculo input { height: 3rem; border: unset; outline: none; } .form-calculo .form_calculo input, .form-calculo .form_calculo textarea { color: #495057; } .form-calculo .form_calculo .form-group { margin-bottom: 0; } .form-calculo .form-control { margin-bottom: 1.5rem; } .form-calculo .form-control::-moz-placeholder { color: #495057; } .form-calculo .form-control::placeholder { color: #495057; } .form-calculo .messages .help-block.error { color: white; margin-bottom: 0; margin-top: -1.5rem; } .category-tag { text-transform: capitalize; } .bg-image.bg-cover { background-size: cover; } .bg-image.bg-no-repeat { background-repeat: no-repeat; } .line-height-15 { line-height: 1.5; } .hover-calculo { margin-top: 1rem; /* show everything when resolutions is lower*/ } .hover-calculo .content { opacity: 0; } .hover-calculo .h1, .hover-calculo .title { color: #881626; font-weight: bold; font-family: Raleway-bold; position: relative; } .hover-calculo .h1 { opacity: 0.5; font-size: 5em; } .hover-calculo .title:after { content: ""; position: absolute; bottom: -1em; left: 0; width: 60%; height: 7px; background-color: #881626; } .hover-calculo.active { will-change: opacity, height; border: 1px solid #881626; border-bottom: 10px solid #881626; } .hover-calculo.active .h1 { opacity: 1; } .hover-calculo.active .title:after { opacity: 0; } .hover-calculo.active .content { opacity: 1; } @media (max-width: 1025px) { .hover-calculo { border: 1px solid #881626 !important; border-bottom: 10px solid #881626 !important; } .hover-calculo .content, .hover-calculo .h1 { opacity: 1 !important; } .hover-calculo .title:after { opacity: 0 !important; } } .red-title { font-family: Raleway-bold; letter-spacing: 2px; } .big-titles { font-size: 2rem; } @media (min-width: 768px) { .big-titles { font-size: 3.5rem; } } @media (min-width: 1025px) { .big-titles { max-width: 50%; } } b.red { font-weight: bold; color: #8a2432; } .clean-ul { list-style-type: none; } .clean-ul li { list-style: initial; } /* * * Animación de borders con pseudoelementos * Origen: https://codepen.io/DannyJoris/pen/BrMgza * */ .border-animation { --border-width: 0.1em; --animation-speed: 0.4s; --color: #881626; position: relative; display: inline-block; border: var(--border-width) solid transparent; border-bottom: 10px solid transparent; } .border-animation .border-animation__inner { position: relative; display: inline-block; width: 100%; letter-spacing: 0.05em; cursor: pointer; padding: 0.2em; z-index: 1; border: solid var(--border-width) transparent; } .border-animation:before, .border-animation:after { content: ""; position: absolute; } .border-animation:focus:before, .border-animation:hover:before { animation: beforeBorders var(--animation-speed) forwards ease-in-out; animation-timing-function: linear; -webkit-animation-timing-function: linear; } .border-animation:focus:after, .border-animation:hover:after { animation: afterBorders var(--animation-speed) forwards ease-in-out; animation-timing-function: linear; -webkit-animation-timing-function: linear; } .border-animation:focus, .border-animation:hover { animation: borderColors var(--animation-speed) steps(1) forwards; animation-timing-function: linear; -webkit-animation-timing-function: linear; outline: none; } .border-animation:focus .border-animation__inner, .border-animation:hover .border-animation__inner { animation-delay: calc(var(--animation-speed) / 5 * 2); animation-timing-function: linear; -webkit-animation-timing-function: linear; } @keyframes beforeBorders { 0% { top: calc(var(--border-width) * -1); left: 50%; bottom: auto; right: auto; width: 0; height: var(--border-width); } 33% { top: calc(var(--border-width) * -1); left: calc(var(--border-width) * -1); bottom: auto; right: auto; width: calc(var(--border-width) + 50%); height: var(--border-width); } 66% { top: calc(var(--border-width) * -1); left: calc(var(--border-width) * -1); bottom: auto; right: auto; width: var(--border-width); height: calc(var(--border-width) * 2 + 100%); } 100% { top: auto; left: calc(var(--border-width) * -1); bottom: calc(var(--border-width) * -1); right: auto; width: calc(var(--border-width) + 50%); height: calc(var(--border-width) * 2 + 100%); } } @keyframes afterBorders { 0% { top: calc(var(--border-width) * -1); left: auto; bottom: auto; right: 50%; width: 0; height: var(--border-width); } 33% { top: calc(var(--border-width) * -1); left: auto; bottom: auto; right: calc(var(--border-width) * -1); width: calc(var(--border-width) + 50%); height: var(--border-width); } 66% { top: calc(var(--border-width) * -1); left: auto; bottom: auto; right: calc(var(--border-width) * -1); width: var(--border-width); height: calc(var(--border-width) * 2 + 100%); } 100% { top: auto; left: auto; bottom: calc(var(--border-width) * -1); right: calc(var(--border-width) * -1); width: calc(var(--border-width) + 50%); height: calc(var(--border-width) * 2 + 100%); } } @keyframes borderColors { 0% { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } 33% { border-top-color: var(--color); border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } 66% { border-top-color: var(--color); border-right-color: var(--color); border-bottom-color: transparent; border-left-color: var(--color); } 100% { border-top-color: var(--color); border-right-color: var(--color); border-bottom-color: var(--color); border-left-color: var(--color); } } /* * * Animación de borders con pseudoelementos * */ /* landing cálculo*/ .marcas-col .logo img { margin-top: 2rem; max-width: 100% !important; height: auto !important; } .mecanismos-slider-nav .slick-current.slick-active .mecanismo-nav-slide { background: #8a2432 !important; } .mecanismos-slider-nav .slick-current.slick-active p { color: white; margin-bottom: 0; font-weight: bold; } .mecanismo-nav-slide { background: #f8f8f8; height: 120px; display: flex; align-items: center; justify-content: center; padding: 1rem; } .mecanismo-nav-slide p { color: #4e4d4d; margin-bottom: 0; } .mecanismos-slider img { max-width: 100%; } #blog-content img { width: 100%; height: auto; } .header-logo { max-width: 170px !important; } .red-title.calc { color: #8a2432 !important; letter-spacing: 0; font-size: 1.5rem; font-family: Raleway-regular; font-weight: bold; } .big-percentage { color: #8a2432 !important; letter-spacing: 0; font-size: 7em; font-weight: bolder; font-family: Raleway-bold; } .slider-arrow { cursor: pointer; display: flex; justify-content: center; align-items: center; } .slider-arrow .inverted-arrow { transform: scale(-1); } .calculo-riesgos * { font-family: "Raleway-regular"; color: #4e4d4d; } .calculo-riesgos b { font-family: "Raleway-bold"; font-weight: 100; } .calculo-riesgos .fact .red-title, .calculo-riesgos .fact .gray-title { font-family: "Raleway-bold" !important; } .calculo-riesgos .fact .red-title { font-size: 5rem; } .calculo-riesgos figure { margin: auto; } .calculo-riesgos img { max-width: 100%; } .proceso-calculo .nav-item { flex: 1 1 auto; } .proceso-calculo .nav-link { color: #4e4d4d; font-size: 1.3rem; } .proceso-calculo .nav-link span { color: #8a2432; } .proceso-calculo .nav-link.active { position: relative; background: #8a2432; color: white; } .proceso-calculo .nav-link.active span { color: white; } .proceso-calculo .nav-link.active:before { content: ""; background: #8a2432; position: absolute; height: 100%; width: 30%; top: 0; bottom: 0; right: 0; left: -25%; border: none; z-index: 1; } .proceso-calculo .nav-link.active:after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; left: -25%; width: 10%; height: 1px; background: white; z-index: 2; } .proceso-calculo .proceso-content { position: relative; } .proceso-calculo .proceso-content .tab-index { position: absolute; font-size: 7rem; color: #8a2432; font-family: "Raleway-bold"; opacity: 0.2; top: -30px; right: 20px; } .proceso-calculo .proceso-content .tab-title { font-family: "Raleway-regular"; color: #881626 !important; font-size: 1.48rem; line-height: 1.2; text-transform: uppercase; font-weight: bold; } .proceso-calculo .proceso-content ul { list-style-type: none; } .proceso-calculo .proceso-content ul li { position: relative; padding-right: 0.6rem; } .proceso-calculo .body * { font-family: "Raleway-regular"; } .riesgos-accordion .card { border: unset; margin: 0.5rem 0; } .riesgos-accordion .card-body * { font-size: 1.1rem; } .riesgos-accordion .card-header { padding: 0; border-radius: 3px; background: #8a2432; } .riesgos-accordion .card-header p, .riesgos-accordion .card-header button { text-decoration: none; font-size: 1.4rem; text-align: left; color: white; will-change: transform, border; transition: all 0.15s ease-in-out; } .riesgos-accordion .card-header p { padding: 0; } .riesgos-accordion .card-header button { position: relative; padding: 0.7rem 1rem; } .riesgos-accordion .card-header button:after { content: ""; position: absolute; right: 2rem; top: 0; bottom: 0; margin: auto; width: 10px; height: 10px; border-right: 2px solid white; border-bottom: 2px solid white; transform: rotate(45deg); transition: all 0.15s ease-in-out; } @media (max-width: 576px) { .riesgos-accordion .card-header button:after { right: 10px; } } .riesgos-accordion .card-header.active button:after { transform: rotate(-135deg); transition: all 0.15s ease-in-out; } @media (max-width: 576px) { .riesgos-accordion .card-header.active button:after { right: 10px; } } .banner-calculo { margin-bottom: 10rem; margin-top: 4rem; } .banner-calculo b { font-family: "Raleway-bold"; } .media-width-query-50 { max-width: 100%; } @media (min-width: 800px) { .media-width-query-50 { max-width: 50%; } } @media (min-width: 576px) { #modal-proceso .modal-dialog { max-width: 75%; margin: 1.75rem auto; } } #modal-proceso .modal-content { border: 1px solid rgba(136, 22, 38, 0.2); } #modal-proceso .modal-header { border-bottom: 1px solid rgba(136, 22, 38, 0.2); } #modal-proceso .modal-body { color: #4e4d4d; } #modal-proceso .modal-title { line-height: 1; } #modal-proceso .modal-footer { border-top: 0; } .close-modal-times { color: #881626; font-size: 2rem; font-weight: bold; font-family: "Raleway-bold"; opacity: 1; outline: 0; } .close-modal-times:focus { outline: 0; } #modal-video .modal-content { border: 0; background: transparent; } #modal-video .modal-header { border-bottom: none !important; } #modal-video .close-modal-times { color: white; text-shadow: 0 1px 0 #000; } #modal-video .close-modal-times:hover { color: #881626; } .modal-backdrop { background: rgba(76, 86, 93, 0.8); } /* integradores */ #mapa { width: 100%; min-height: 600px; } @media (min-width: 900px) { #mapa { height: 100vh; } } .container-mapa { position: relative; } .filtros { position: relative; } @media (min-width: 900px) { .filtros { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; height: 100%; width: 50%; background: linear-gradient(to right, rgba(255, 255, 255, 0), white 25%); } } .integrador-ex-info { display: none; position: relative; } @media (min-width: 900px) { .integrador-ex-info { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; height: 100%; width: 40%; background: linear-gradient(to right, rgba(255, 255, 255, 0), white 15%); } } @media (min-width: 1440px) { .integrador-ex-info { width: 50%; background: linear-gradient(to right, rgba(255, 255, 255, 0), white 15%); } } .btn-integradores { transition: all 0.2s ease-in-out; background: unset; border-radius: 0.2rem; border: 1px solid #881626; color: #881626; padding-right: 0.5rem 1rem; opacity: 0.4; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: -0.75px; outline: 0; } .btn-integradores.active { opacity: 1; } .btn-integradores:focus { outline: 0; } .window_info .window_title { color: #881626; font-size: 1.2rem; font-weight: 500; } .window_info .window-contact p { margin-bottom: 0 !important; } .window_info .window_title, .window_info .window_contact, .window_info .window_address { font-family: RalewayLight, sans-serif; } .new-logo-contacto { height: 55px; width: auto; } .integrador-content-container { background: white; } @media (min-width: 600px) { .integrador-content-container { max-height: 200px; overflow-y: scroll; } } .integrador-title { color: #881626; font-size: 1.2rem; font-weight: 500; } .form-title { color: #881626; font-weight: 500; } .return-to-map { opacity: 0.6; cursor: pointer; } .formulario-integradores { display: none; width: 80%; margin-left: 10%; } .ind-tag { border: 1px solid gray; border-radius: 5px; float: left; display: block; margin-right: 0.4rem; margin-bottom: 0.2rem; padding: 0.1rem 1rem; font-size: 0.8rem; } .hidden { opacity: 0; } .red-discrete-button { border: 2px solid #881626; color: inherit; } .red-discrete-button:hover, .red-discrete-button:focus { border: 2px solid #881626; color: inherit; } .gm-style .gm-style-iw-c { max-width: 400px !important; padding: 1rem; } .window_logo img { height: 50px; } .external-logo-integrador { height: 50px; } .form-loader { display: none; } .lds-roller { transform: scale(0.5); display: inline-block; position: relative; width: 80px; height: 80px; } .lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 40px 40px; } .lds-roller div:after { content: " "; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #881626; margin: -4px 0 0 -4px; } .lds-roller div:nth-child(1) { animation-delay: -0.036s; } .lds-roller div:nth-child(1):after { top: 63px; left: 63px; } .lds-roller div:nth-child(2) { animation-delay: -0.072s; } .lds-roller div:nth-child(2):after { top: 68px; left: 56px; } .lds-roller div:nth-child(3) { animation-delay: -0.108s; } .lds-roller div:nth-child(3):after { top: 71px; left: 48px; } .lds-roller div:nth-child(4) { animation-delay: -0.144s; } .lds-roller div:nth-child(4):after { top: 72px; left: 40px; } .lds-roller div:nth-child(5) { animation-delay: -0.18s; } .lds-roller div:nth-child(5):after { top: 71px; left: 32px; } .lds-roller div:nth-child(6) { animation-delay: -0.216s; } .lds-roller div:nth-child(6):after { top: 68px; left: 24px; } .lds-roller div:nth-child(7) { animation-delay: -0.252s; } .lds-roller div:nth-child(7):after { top: 63px; left: 17px; } .lds-roller div:nth-child(8) { animation-delay: -0.288s; } .lds-roller div:nth-child(8):after { top: 56px; left: 12px; } @keyframes lds-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .formulario-integradores { display: none; } /* integradores */ .stock-table__container table { width: 100%; text-align: center; } .stock-table__container table p { margin-bottom: 0; } .stock-table__container table td { padding-top: 0.5rem; padding-bottom: 0.5rem; border: 1px solid lightgray; } .stock-table__container table tr:first-child td { border-top: none; } .stock-table__container table tr:nth-child(3) { border-top: 2px solid #881626; } .stock-table__container table tr td:first-child { border-left: none; } .stock-table__container table tr td:last-child { border-right: none; } .modify table tr:nth-child(2) { border-top: 2px solid #881626 !important; } .modify table tr:nth-child(3) { border-top: 1px solid lightgray !important; } .helpdesk-image { height: 70px; width: 70px; border-radius: 50%; } @media (min-width: 576px) { .contact-select__component .contact-channels { width: 100%; } } .red-btn__stock { color: #fff !important; border-color: #881626 !important; background-color: #881626 !important; transition: all 0.3s ease-in 0.3s; text-transform: uppercase; } #thanks1 { opacity: 0; } #thanks2 { display: none; } .brand-table__container table { width: 100%; text-align: center; } .brand-table__container table p { margin-bottom: 0; } .brand-table__container table td { padding-top: 0.5rem; padding-bottom: 0.5rem; border: 1px solid lightgray; vertical-align: inherit; } .brand-table__container table tr:first-child td { border-top: none; } .brand-table__container table tr:nth-child(2) { border-top: 2px solid #881626; } .brand-table__container table tr td:first-child { border-left: none; } .brand-table__container table tr td:last-child { border-right: none; } .slider-familias .slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; } .slider-familias .slick-dots li { margin: 0 0.25rem; } .slider-familias .slick-dots button { display: block; width: 1rem; height: 1rem; padding: 0; border: 1px solid #881626; border-radius: 100%; background-color: white; text-indent: -9999px; } .slider-familias .slick-dots button:active, .slider-familias .slick-dots button:focus, .slider-familias .slick-dots button:hover { outline: 0; } .slider-familias .slick-dots li.slick-active button { background-color: #881626; } .descargas .nav-pills .nav-link { background-color: #f6f6f6; color: #000000; } .descargas .nav-pills .nav-link.active { background-color: #881626; color: #ffffff; } .searchbar input { border-radius: 20px 0px 0px 20px; } .searchbar .input-group-addon { border-color: #881626; height: calc(1.5em + 0.75rem + 2px); margin: 0; border: 0; background: #881626; color: #ffffff; border-radius: 0px 20px 20px 0; } .moreInformation { color: #460b14; } .moreInformation:hover { color: #460b14; } .moreInformation:visited { color: #000000; } .botton-multiple a { color: #000; } .botton-multiple a:hover { color: #881626; } .botton-multiple .nav-tabs { border-bottom: 1px solid #881626; } .botton-multiple .nav-tabs .nav-item.show .nav-link, .botton-multiple .nav-tabs .nav-link.active { color: #881626 !important; border-color: #881626 #881626 #fff !important; } .botton-multiple .nav-tabs .nav-link:focus, .botton-multiple .nav-tabs .nav-link:hover { border-color: #881626 #881626 #881626; } .logosImagen { width: 100px; } .thumbImg { width: 100%; height: auto; } .thumbImg img { width: auto; } .productosMarcas { width: 100%; height: 100%; background-color: #601324; color: #fff; padding: 2rem; transition: all 1s ease-in-out; overflow-y: auto; } .productosMarcas::-webkit-scrollbar { width: 0.5rem; } .productosMarcas::-webkit-scrollbar-thumb { background: #fff; border-radius: 0.2rem; } .productosMarcas::-webkit-scrollbar-track { background: #b41d32; border-radius: 0.2rem; } .productosMarcas__title { text-transform: uppercase; font-size: 1.5rem; font-size: 900; } .productosMarcas__link { width: auto; height: auto; padding: 0.3rem 1rem; background: #fff; color: #601324 !important; font-size: 1.2rem; font-weight: bold; text-transform: uppercase; transition: 0.9s; } .productosMarcas__link:hover { border: 1px solid #b41d32; color: #fff !important; background: #b41d32; } .productosMarcas__category { width: 100%; height: auto; font-size: 1rem; text-transform: uppercase; color: #fff !important; display: inline-block; } .productosMarcas__category__right { opacity: 0; } .productosMarcas__category:hover { text-decoration: underline; } .productosMarcas__category:hover .productosMarcas__category__right { opacity: 1; } .marcasItems .active { font-weight: bold; } .producto-body img { width: 100% !important; height: auto !important; } .list-style-position li { list-style-position: inside; } /* landing expo */ .landingexpo--uranylogo { width: 100%; height: 85px; -o-object-fit: contain; object-fit: contain; } .landingexpo--logo { transform: translateY(-10%); width: 50%; -o-object-fit: contain; object-fit: contain; } @media (max-width: 800px) { .landingexpo--logo { width: 80%; } } @media (max-width: 576px) { .landingexpo--logo { width: 100%; } } .landingexpo--btn { width: 50%; } @media (max-width: 576px) { .landingexpo--btn { width: 100%; } } @media (max-width: 576px) { .landingexpo--container { flex-direction: column-reverse; } } .landingexpo--contenido { max-width: 100%; } .landingexpo--contenido h1 { font-size: 2rem; font-weight: 100; } .landingexpo--contenido h2 { font-size: 1.8rem; font-weight: 700; border-bottom: solid 2px #601324; padding-bottom: 0.5em; } .landingexpo--contenido h3 { font-size: 1.5em; font-weight: 700; } .container-toast { width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.6); z-index: 5050; display: flex; justify-content: center; align-items: center; position: fixed; } .toast-expojuarez { position: fixed; top: 0; left: 30%; width: 40%; z-index: 1022; background: transparent; margin-top: 20vh; height: 60vh; margin-bottom: 20vh; display: flex; align-items: center; } @media (max-width: 769px) { .toast-expojuarez { width: 80%; left: 10%; } } .toast-expojuarez .toast-expojuarez-header { background: transparent; color: #fff; } .toast-expojuarez .close { position: absolute; top: 0; right: 10px; opacity: 1; font-size: 2.5rem; outline: none; box-shadow: none; } @media (max-width: 769px) { .toast-expojuarez .close { font-size: 3rem; top: 15%; } } .toast-expojuarez.hide { display: none; } .container-toast.hide { display: none; } .toast-expojuarez-container.hide { display: none; } .img-expojuarez { width: 100%; height: auto; } .popup-demovan { position: fixed; top: 0; left: 30%; width: 40%; z-index: 1022; background: transparent; margin-top: 20vh; height: 60vh; margin-bottom: 20vh; display: flex; align-items: center; } @media (max-width: 769px) { .popup-demovan { width: 80%; left: 10%; } } .popup-demovan .popup-demovan-header { background: transparent; color: #fff; } .popup-demovan .close { position: absolute; top: -7%; right: -7%; opacity: 1; font-size: 3rem; outline: none; box-shadow: none; color: white; } @media (min-width: 1200px) { .popup-demovan .close { font-size: 3.5rem; } } @media (min-width: 1440px) { .popup-demovan .close { font-size: 5rem; } } .popup-demovan.hide { display: none; } .popup-demovan-container.hide { display: none; } .img-popupdemovan { width: 100%; height: auto; } .bannercta { max-width: 100%; width: 100%; margin: auto; } .bannercta_rigth { background-color: #F6F6F6; position: relative; display: flex; justify-content: center; align-items: center; height: 350px; } @media (max-width: 440px) { .bannercta_rigth { height: 200px !important; } } @media (max-width: 767px) { .bannercta_rigth { height: 250px; } } @media (max-width: 1200px) { .bannercta_rigth { height: 350px; } } @media (max-width: 1500px) { .bannercta_rigth { height: 450px; } } .bannercta_img { box-shadow: 0px 4px 11px 3px #d5d5d5; -o-object-fit: contain; object-fit: contain; width: 100%; height: 400px; } @media (max-width: 440px) { .bannercta_img { height: 250px !important; } } @media (max-width: 767px) { .bannercta_img { height: 300px; } } @media (max-width: 1200px) { .bannercta_img { height: 400px; } } @media (max-width: 1500px) { .bannercta_img { height: 500px; } } @media (max-width: 767px) { .bannercta_content { font-size: 1.5rem !important; } } .bannercta_icon { display: flex; justify-content: center; align-items: center; height: 90px; width: 90px; border: 7px solid #fff; background-color: #881626 !important; position: absolute; left: 0; transform: translateX(-50%); } @media (max-width: 767px) { .bannercta_icon { top: 0; margin-left: calc(50% - 45px); transform: translate(0px, -50%); } } .bannercta_icon svg { height: 60px; width: 60px; fill: #fff; } .text-bold { font-weight: bold; } .descargas-img-logos { max-height: 100px; -o-object-fit: contain; object-fit: contain; } .sprig-component { width: 100%; } .toast-popup-IAISS-1 { border-radius: 15px 0 0 0; } .toast-popup-IAISS-2 { border-radius: 0 0 15px 0; } .bg--red { background-color: #741c2a; } .bg--purple { background-color: #03012c; } .bg--white { background-color: #fff; } .bg--black { background-color: #00101f; } .margin-bottom-0 { margin-bottom: 0px; } .margin-bottom-1 { margin-bottom: 1px; } .margin-bottom-2 { margin-bottom: 2px; } .margin-bottom-3 { margin-bottom: 3px; } .margin-bottom-4 { margin-bottom: 4px; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-6 { margin-bottom: 6px; } .margin-bottom-7 { margin-bottom: 7px; } .margin-bottom-8 { margin-bottom: 8px; } .margin-bottom-9 { margin-bottom: 9px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-11 { margin-bottom: 11px; } .margin-bottom-12 { margin-bottom: 12px; } .margin-bottom-13 { margin-bottom: 13px; } .margin-bottom-14 { margin-bottom: 14px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-16 { margin-bottom: 16px; } .margin-bottom-17 { margin-bottom: 17px; } .margin-bottom-18 { margin-bottom: 18px; } .margin-bottom-19 { margin-bottom: 19px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-21 { margin-bottom: 21px; } .margin-bottom-22 { margin-bottom: 22px; } .margin-bottom-23 { margin-bottom: 23px; } .margin-bottom-24 { margin-bottom: 24px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-bottom-26 { margin-bottom: 26px; } .margin-bottom-27 { margin-bottom: 27px; } .margin-bottom-28 { margin-bottom: 28px; } .margin-bottom-29 { margin-bottom: 29px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-31 { margin-bottom: 31px; } .margin-bottom-32 { margin-bottom: 32px; } .margin-bottom-33 { margin-bottom: 33px; } .margin-bottom-34 { margin-bottom: 34px; } .margin-bottom-35 { margin-bottom: 35px; } .margin-bottom-36 { margin-bottom: 36px; } .margin-bottom-37 { margin-bottom: 37px; } .margin-bottom-38 { margin-bottom: 38px; } .margin-bottom-39 { margin-bottom: 39px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-41 { margin-bottom: 41px; } .margin-bottom-42 { margin-bottom: 42px; } .margin-bottom-43 { margin-bottom: 43px; } .margin-bottom-44 { margin-bottom: 44px; } .margin-bottom-45 { margin-bottom: 45px; } .margin-bottom-46 { margin-bottom: 46px; } .margin-bottom-47 { margin-bottom: 47px; } .margin-bottom-48 { margin-bottom: 48px; } .margin-bottom-49 { margin-bottom: 49px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-bottom-51 { margin-bottom: 51px; } .margin-bottom-52 { margin-bottom: 52px; } .margin-bottom-53 { margin-bottom: 53px; } .margin-bottom-54 { margin-bottom: 54px; } .margin-bottom-55 { margin-bottom: 55px; } .margin-bottom-56 { margin-bottom: 56px; } .margin-bottom-57 { margin-bottom: 57px; } .margin-bottom-58 { margin-bottom: 58px; } .margin-bottom-59 { margin-bottom: 59px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom-61 { margin-bottom: 61px; } .margin-bottom-62 { margin-bottom: 62px; } .margin-bottom-63 { margin-bottom: 63px; } .margin-bottom-64 { margin-bottom: 64px; } .margin-bottom-65 { margin-bottom: 65px; } .margin-bottom-66 { margin-bottom: 66px; } .margin-bottom-67 { margin-bottom: 67px; } .margin-bottom-68 { margin-bottom: 68px; } .margin-bottom-69 { margin-bottom: 69px; } .margin-bottom-70 { margin-bottom: 70px; } .margin-bottom-71 { margin-bottom: 71px; } .margin-bottom-72 { margin-bottom: 72px; } .margin-bottom-73 { margin-bottom: 73px; } .margin-bottom-74 { margin-bottom: 74px; } .margin-bottom-75 { margin-bottom: 75px; } .margin-bottom-76 { margin-bottom: 76px; } .margin-bottom-77 { margin-bottom: 77px; } .margin-bottom-78 { margin-bottom: 78px; } .margin-bottom-79 { margin-bottom: 79px; } .margin-bottom-80 { margin-bottom: 80px; } .margin-bottom-81 { margin-bottom: 81px; } .margin-bottom-82 { margin-bottom: 82px; } .margin-bottom-83 { margin-bottom: 83px; } .margin-bottom-84 { margin-bottom: 84px; } .margin-bottom-85 { margin-bottom: 85px; } .margin-bottom-86 { margin-bottom: 86px; } .margin-bottom-87 { margin-bottom: 87px; } .margin-bottom-88 { margin-bottom: 88px; } .margin-bottom-89 { margin-bottom: 89px; } .margin-bottom-90 { margin-bottom: 90px; } .margin-bottom-91 { margin-bottom: 91px; } .margin-bottom-92 { margin-bottom: 92px; } .margin-bottom-93 { margin-bottom: 93px; } .margin-bottom-94 { margin-bottom: 94px; } .margin-bottom-95 { margin-bottom: 95px; } .margin-bottom-96 { margin-bottom: 96px; } .margin-bottom-97 { margin-bottom: 97px; } .margin-bottom-98 { margin-bottom: 98px; } .margin-bottom-99 { margin-bottom: 99px; } .margin-bottom-100 { margin-bottom: 100px; } .margin-bottom-101 { margin-bottom: 101px; } .margin-bottom-102 { margin-bottom: 102px; } .margin-bottom-103 { margin-bottom: 103px; } .margin-bottom-104 { margin-bottom: 104px; } .margin-bottom-105 { margin-bottom: 105px; } .margin-bottom-106 { margin-bottom: 106px; } .margin-bottom-107 { margin-bottom: 107px; } .margin-bottom-108 { margin-bottom: 108px; } .margin-bottom-109 { margin-bottom: 109px; } .margin-bottom-110 { margin-bottom: 110px; } .margin-bottom-111 { margin-bottom: 111px; } .margin-bottom-112 { margin-bottom: 112px; } .margin-bottom-113 { margin-bottom: 113px; } .margin-bottom-114 { margin-bottom: 114px; } .margin-bottom-115 { margin-bottom: 115px; } .margin-bottom-116 { margin-bottom: 116px; } .margin-bottom-117 { margin-bottom: 117px; } .margin-bottom-118 { margin-bottom: 118px; } .margin-bottom-119 { margin-bottom: 119px; } .margin-bottom-120 { margin-bottom: 120px; } .margin-bottom-121 { margin-bottom: 121px; } .margin-bottom-122 { margin-bottom: 122px; } .margin-bottom-123 { margin-bottom: 123px; } .margin-bottom-124 { margin-bottom: 124px; } .margin-bottom-125 { margin-bottom: 125px; } .margin-bottom-126 { margin-bottom: 126px; } .margin-bottom-127 { margin-bottom: 127px; } .margin-bottom-128 { margin-bottom: 128px; } .margin-bottom-129 { margin-bottom: 129px; } .margin-bottom-130 { margin-bottom: 130px; } .margin-bottom-131 { margin-bottom: 131px; } .margin-bottom-132 { margin-bottom: 132px; } .margin-bottom-133 { margin-bottom: 133px; } .margin-bottom-134 { margin-bottom: 134px; } .margin-bottom-135 { margin-bottom: 135px; } .margin-bottom-136 { margin-bottom: 136px; } .margin-bottom-137 { margin-bottom: 137px; } .margin-bottom-138 { margin-bottom: 138px; } .margin-bottom-139 { margin-bottom: 139px; } .margin-bottom-140 { margin-bottom: 140px; } .margin-bottom-141 { margin-bottom: 141px; } .margin-bottom-142 { margin-bottom: 142px; } .margin-bottom-143 { margin-bottom: 143px; } .margin-bottom-144 { margin-bottom: 144px; } .margin-bottom-145 { margin-bottom: 145px; } .margin-bottom-146 { margin-bottom: 146px; } .margin-bottom-147 { margin-bottom: 147px; } .margin-bottom-148 { margin-bottom: 148px; } .margin-bottom-149 { margin-bottom: 149px; } .margin-bottom-150 { margin-bottom: 150px; } .margin-bottom-151 { margin-bottom: 151px; } .margin-bottom-152 { margin-bottom: 152px; } .margin-bottom-153 { margin-bottom: 153px; } .margin-bottom-154 { margin-bottom: 154px; } .margin-bottom-155 { margin-bottom: 155px; } .margin-bottom-156 { margin-bottom: 156px; } .margin-bottom-157 { margin-bottom: 157px; } .margin-bottom-158 { margin-bottom: 158px; } .margin-bottom-159 { margin-bottom: 159px; } .margin-bottom-160 { margin-bottom: 160px; } .margin-bottom-161 { margin-bottom: 161px; } .margin-bottom-162 { margin-bottom: 162px; } .margin-bottom-163 { margin-bottom: 163px; } .margin-bottom-164 { margin-bottom: 164px; } .margin-bottom-165 { margin-bottom: 165px; } .margin-bottom-166 { margin-bottom: 166px; } .margin-bottom-167 { margin-bottom: 167px; } .margin-bottom-168 { margin-bottom: 168px; } .margin-bottom-169 { margin-bottom: 169px; } .margin-bottom-170 { margin-bottom: 170px; } .margin-bottom-171 { margin-bottom: 171px; } .margin-bottom-172 { margin-bottom: 172px; } .margin-bottom-173 { margin-bottom: 173px; } .margin-bottom-174 { margin-bottom: 174px; } .margin-bottom-175 { margin-bottom: 175px; } .margin-bottom-176 { margin-bottom: 176px; } .margin-bottom-177 { margin-bottom: 177px; } .margin-bottom-178 { margin-bottom: 178px; } .margin-bottom-179 { margin-bottom: 179px; } .margin-bottom-180 { margin-bottom: 180px; } .margin-bottom-181 { margin-bottom: 181px; } .margin-bottom-182 { margin-bottom: 182px; } .margin-bottom-183 { margin-bottom: 183px; } .margin-bottom-184 { margin-bottom: 184px; } .margin-bottom-185 { margin-bottom: 185px; } .margin-bottom-186 { margin-bottom: 186px; } .margin-bottom-187 { margin-bottom: 187px; } .margin-bottom-188 { margin-bottom: 188px; } .margin-bottom-189 { margin-bottom: 189px; } .margin-bottom-190 { margin-bottom: 190px; } .margin-bottom-191 { margin-bottom: 191px; } .margin-bottom-192 { margin-bottom: 192px; } .margin-bottom-193 { margin-bottom: 193px; } .margin-bottom-194 { margin-bottom: 194px; } .margin-bottom-195 { margin-bottom: 195px; } .margin-bottom-196 { margin-bottom: 196px; } .margin-bottom-197 { margin-bottom: 197px; } .margin-bottom-198 { margin-bottom: 198px; } .margin-bottom-199 { margin-bottom: 199px; } .margin-bottom-200 { margin-bottom: 200px; } .margin-bottom-201 { margin-bottom: 201px; } .margin-bottom-202 { margin-bottom: 202px; } .margin-bottom-203 { margin-bottom: 203px; } .margin-bottom-204 { margin-bottom: 204px; } .margin-bottom-205 { margin-bottom: 205px; } .margin-bottom-206 { margin-bottom: 206px; } .margin-bottom-207 { margin-bottom: 207px; } .margin-bottom-208 { margin-bottom: 208px; } .margin-bottom-209 { margin-bottom: 209px; } .margin-bottom-210 { margin-bottom: 210px; } .margin-bottom-211 { margin-bottom: 211px; } .margin-bottom-212 { margin-bottom: 212px; } .margin-bottom-213 { margin-bottom: 213px; } .margin-bottom-214 { margin-bottom: 214px; } .margin-bottom-215 { margin-bottom: 215px; } .margin-bottom-216 { margin-bottom: 216px; } .margin-bottom-217 { margin-bottom: 217px; } .margin-bottom-218 { margin-bottom: 218px; } .margin-bottom-219 { margin-bottom: 219px; } .margin-bottom-220 { margin-bottom: 220px; } .margin-bottom-221 { margin-bottom: 221px; } .margin-bottom-222 { margin-bottom: 222px; } .margin-bottom-223 { margin-bottom: 223px; } .margin-bottom-224 { margin-bottom: 224px; } .margin-bottom-225 { margin-bottom: 225px; } .margin-bottom-226 { margin-bottom: 226px; } .margin-bottom-227 { margin-bottom: 227px; } .margin-bottom-228 { margin-bottom: 228px; } .margin-bottom-229 { margin-bottom: 229px; } .margin-bottom-230 { margin-bottom: 230px; } .margin-bottom-231 { margin-bottom: 231px; } .margin-bottom-232 { margin-bottom: 232px; } .margin-bottom-233 { margin-bottom: 233px; } .margin-bottom-234 { margin-bottom: 234px; } .margin-bottom-235 { margin-bottom: 235px; } .margin-bottom-236 { margin-bottom: 236px; } .margin-bottom-237 { margin-bottom: 237px; } .margin-bottom-238 { margin-bottom: 238px; } .margin-bottom-239 { margin-bottom: 239px; } .margin-bottom-240 { margin-bottom: 240px; } .margin-bottom-241 { margin-bottom: 241px; } .margin-bottom-242 { margin-bottom: 242px; } .margin-bottom-243 { margin-bottom: 243px; } .margin-bottom-244 { margin-bottom: 244px; } .margin-bottom-245 { margin-bottom: 245px; } .margin-bottom-246 { margin-bottom: 246px; } .margin-bottom-247 { margin-bottom: 247px; } .margin-bottom-248 { margin-bottom: 248px; } .margin-bottom-249 { margin-bottom: 249px; } .margin-bottom-250 { margin-bottom: 250px; } .margin-bottom-251 { margin-bottom: 251px; } .margin-bottom-252 { margin-bottom: 252px; } .margin-bottom-253 { margin-bottom: 253px; } .margin-bottom-254 { margin-bottom: 254px; } .margin-bottom-255 { margin-bottom: 255px; } .margin-bottom-256 { margin-bottom: 256px; } .margin-bottom-257 { margin-bottom: 257px; } .margin-bottom-258 { margin-bottom: 258px; } .margin-bottom-259 { margin-bottom: 259px; } .margin-bottom-260 { margin-bottom: 260px; } .margin-bottom-261 { margin-bottom: 261px; } .margin-bottom-262 { margin-bottom: 262px; } .margin-bottom-263 { margin-bottom: 263px; } .margin-bottom-264 { margin-bottom: 264px; } .margin-bottom-265 { margin-bottom: 265px; } .margin-bottom-266 { margin-bottom: 266px; } .margin-bottom-267 { margin-bottom: 267px; } .margin-bottom-268 { margin-bottom: 268px; } .margin-bottom-269 { margin-bottom: 269px; } .margin-bottom-270 { margin-bottom: 270px; } .margin-bottom-271 { margin-bottom: 271px; } .margin-bottom-272 { margin-bottom: 272px; } .margin-bottom-273 { margin-bottom: 273px; } .margin-bottom-274 { margin-bottom: 274px; } .margin-bottom-275 { margin-bottom: 275px; } .margin-bottom-276 { margin-bottom: 276px; } .margin-bottom-277 { margin-bottom: 277px; } .margin-bottom-278 { margin-bottom: 278px; } .margin-bottom-279 { margin-bottom: 279px; } .margin-bottom-280 { margin-bottom: 280px; } .margin-bottom-281 { margin-bottom: 281px; } .margin-bottom-282 { margin-bottom: 282px; } .margin-bottom-283 { margin-bottom: 283px; } .margin-bottom-284 { margin-bottom: 284px; } .margin-bottom-285 { margin-bottom: 285px; } .margin-bottom-286 { margin-bottom: 286px; } .margin-bottom-287 { margin-bottom: 287px; } .margin-bottom-288 { margin-bottom: 288px; } .margin-bottom-289 { margin-bottom: 289px; } .margin-bottom-290 { margin-bottom: 290px; } .margin-bottom-291 { margin-bottom: 291px; } .margin-bottom-292 { margin-bottom: 292px; } .margin-bottom-293 { margin-bottom: 293px; } .margin-bottom-294 { margin-bottom: 294px; } .margin-bottom-295 { margin-bottom: 295px; } .margin-bottom-296 { margin-bottom: 296px; } .margin-bottom-297 { margin-bottom: 297px; } .margin-bottom-298 { margin-bottom: 298px; } .margin-bottom-299 { margin-bottom: 299px; } .margin-bottom-300 { margin-bottom: 300px; } .margin-bottom-301 { margin-bottom: 301px; } .margin-bottom-302 { margin-bottom: 302px; } .margin-bottom-303 { margin-bottom: 303px; } .margin-bottom-304 { margin-bottom: 304px; } .margin-bottom-305 { margin-bottom: 305px; } .margin-bottom-306 { margin-bottom: 306px; } .margin-bottom-307 { margin-bottom: 307px; } .margin-bottom-308 { margin-bottom: 308px; } .margin-bottom-309 { margin-bottom: 309px; } .margin-bottom-310 { margin-bottom: 310px; } .margin-bottom-311 { margin-bottom: 311px; } .margin-bottom-312 { margin-bottom: 312px; } .margin-bottom-313 { margin-bottom: 313px; } .margin-bottom-314 { margin-bottom: 314px; } .margin-bottom-315 { margin-bottom: 315px; } .margin-bottom-316 { margin-bottom: 316px; } .margin-bottom-317 { margin-bottom: 317px; } .margin-bottom-318 { margin-bottom: 318px; } .margin-bottom-319 { margin-bottom: 319px; } .margin-bottom-320 { margin-bottom: 320px; } .margin-bottom-321 { margin-bottom: 321px; } .margin-bottom-322 { margin-bottom: 322px; } .margin-bottom-323 { margin-bottom: 323px; } .margin-bottom-324 { margin-bottom: 324px; } .margin-bottom-325 { margin-bottom: 325px; } .margin-bottom-326 { margin-bottom: 326px; } .margin-bottom-327 { margin-bottom: 327px; } .margin-bottom-328 { margin-bottom: 328px; } .margin-bottom-329 { margin-bottom: 329px; } .margin-bottom-330 { margin-bottom: 330px; } .margin-bottom-331 { margin-bottom: 331px; } .margin-bottom-332 { margin-bottom: 332px; } .margin-bottom-333 { margin-bottom: 333px; } .margin-bottom-334 { margin-bottom: 334px; } .margin-bottom-335 { margin-bottom: 335px; } .margin-bottom-336 { margin-bottom: 336px; } .margin-bottom-337 { margin-bottom: 337px; } .margin-bottom-338 { margin-bottom: 338px; } .margin-bottom-339 { margin-bottom: 339px; } .margin-bottom-340 { margin-bottom: 340px; } .margin-bottom-341 { margin-bottom: 341px; } .margin-bottom-342 { margin-bottom: 342px; } .margin-bottom-343 { margin-bottom: 343px; } .margin-bottom-344 { margin-bottom: 344px; } .margin-bottom-345 { margin-bottom: 345px; } .margin-bottom-346 { margin-bottom: 346px; } .margin-bottom-347 { margin-bottom: 347px; } .margin-bottom-348 { margin-bottom: 348px; } .margin-bottom-349 { margin-bottom: 349px; } .margin-bottom-350 { margin-bottom: 350px; } .margin-bottom-351 { margin-bottom: 351px; } .margin-bottom-352 { margin-bottom: 352px; } .margin-bottom-353 { margin-bottom: 353px; } .margin-bottom-354 { margin-bottom: 354px; } .margin-bottom-355 { margin-bottom: 355px; } .margin-bottom-356 { margin-bottom: 356px; } .margin-bottom-357 { margin-bottom: 357px; } .margin-bottom-358 { margin-bottom: 358px; } .margin-bottom-359 { margin-bottom: 359px; } .margin-bottom-360 { margin-bottom: 360px; } .margin-bottom-361 { margin-bottom: 361px; } .margin-bottom-362 { margin-bottom: 362px; } .margin-bottom-363 { margin-bottom: 363px; } .margin-bottom-364 { margin-bottom: 364px; } .margin-bottom-365 { margin-bottom: 365px; } .margin-bottom-366 { margin-bottom: 366px; } .margin-bottom-367 { margin-bottom: 367px; } .margin-bottom-368 { margin-bottom: 368px; } .margin-bottom-369 { margin-bottom: 369px; } .margin-bottom-370 { margin-bottom: 370px; } .margin-bottom-371 { margin-bottom: 371px; } .margin-bottom-372 { margin-bottom: 372px; } .margin-bottom-373 { margin-bottom: 373px; } .margin-bottom-374 { margin-bottom: 374px; } .margin-bottom-375 { margin-bottom: 375px; } .margin-bottom-376 { margin-bottom: 376px; } .margin-bottom-377 { margin-bottom: 377px; } .margin-bottom-378 { margin-bottom: 378px; } .margin-bottom-379 { margin-bottom: 379px; } .margin-bottom-380 { margin-bottom: 380px; } .margin-bottom-381 { margin-bottom: 381px; } .margin-bottom-382 { margin-bottom: 382px; } .margin-bottom-383 { margin-bottom: 383px; } .margin-bottom-384 { margin-bottom: 384px; } .margin-bottom-385 { margin-bottom: 385px; } .margin-bottom-386 { margin-bottom: 386px; } .margin-bottom-387 { margin-bottom: 387px; } .margin-bottom-388 { margin-bottom: 388px; } .margin-bottom-389 { margin-bottom: 389px; } .margin-bottom-390 { margin-bottom: 390px; } .margin-bottom-391 { margin-bottom: 391px; } .margin-bottom-392 { margin-bottom: 392px; } .margin-bottom-393 { margin-bottom: 393px; } .margin-bottom-394 { margin-bottom: 394px; } .margin-bottom-395 { margin-bottom: 395px; } .margin-bottom-396 { margin-bottom: 396px; } .margin-bottom-397 { margin-bottom: 397px; } .margin-bottom-398 { margin-bottom: 398px; } .margin-bottom-399 { margin-bottom: 399px; } .margin-bottom-400 { margin-bottom: 400px; } .margin-bottom-401 { margin-bottom: 401px; } .margin-bottom-402 { margin-bottom: 402px; } .margin-bottom-403 { margin-bottom: 403px; } .margin-bottom-404 { margin-bottom: 404px; } .margin-bottom-405 { margin-bottom: 405px; } .margin-bottom-406 { margin-bottom: 406px; } .margin-bottom-407 { margin-bottom: 407px; } .margin-bottom-408 { margin-bottom: 408px; } .margin-bottom-409 { margin-bottom: 409px; } .margin-bottom-410 { margin-bottom: 410px; } .margin-bottom-411 { margin-bottom: 411px; } .margin-bottom-412 { margin-bottom: 412px; } .margin-bottom-413 { margin-bottom: 413px; } .margin-bottom-414 { margin-bottom: 414px; } .margin-bottom-415 { margin-bottom: 415px; } .margin-bottom-416 { margin-bottom: 416px; } .margin-bottom-417 { margin-bottom: 417px; } .margin-bottom-418 { margin-bottom: 418px; } .margin-bottom-419 { margin-bottom: 419px; } .margin-bottom-420 { margin-bottom: 420px; } .margin-bottom-421 { margin-bottom: 421px; } .margin-bottom-422 { margin-bottom: 422px; } .margin-bottom-423 { margin-bottom: 423px; } .margin-bottom-424 { margin-bottom: 424px; } .margin-bottom-425 { margin-bottom: 425px; } .margin-bottom-426 { margin-bottom: 426px; } .margin-bottom-427 { margin-bottom: 427px; } .margin-bottom-428 { margin-bottom: 428px; } .margin-bottom-429 { margin-bottom: 429px; } .margin-bottom-430 { margin-bottom: 430px; } .margin-bottom-431 { margin-bottom: 431px; } .margin-bottom-432 { margin-bottom: 432px; } .margin-bottom-433 { margin-bottom: 433px; } .margin-bottom-434 { margin-bottom: 434px; } .margin-bottom-435 { margin-bottom: 435px; } .margin-bottom-436 { margin-bottom: 436px; } .margin-bottom-437 { margin-bottom: 437px; } .margin-bottom-438 { margin-bottom: 438px; } .margin-bottom-439 { margin-bottom: 439px; } .margin-bottom-440 { margin-bottom: 440px; } .margin-bottom-441 { margin-bottom: 441px; } .margin-bottom-442 { margin-bottom: 442px; } .margin-bottom-443 { margin-bottom: 443px; } .margin-bottom-444 { margin-bottom: 444px; } .margin-bottom-445 { margin-bottom: 445px; } .margin-bottom-446 { margin-bottom: 446px; } .margin-bottom-447 { margin-bottom: 447px; } .margin-bottom-448 { margin-bottom: 448px; } .margin-bottom-449 { margin-bottom: 449px; } .margin-bottom-450 { margin-bottom: 450px; } .margin-bottom-451 { margin-bottom: 451px; } .margin-bottom-452 { margin-bottom: 452px; } .margin-bottom-453 { margin-bottom: 453px; } .margin-bottom-454 { margin-bottom: 454px; } .margin-bottom-455 { margin-bottom: 455px; } .margin-bottom-456 { margin-bottom: 456px; } .margin-bottom-457 { margin-bottom: 457px; } .margin-bottom-458 { margin-bottom: 458px; } .margin-bottom-459 { margin-bottom: 459px; } .margin-bottom-460 { margin-bottom: 460px; } .margin-bottom-461 { margin-bottom: 461px; } .margin-bottom-462 { margin-bottom: 462px; } .margin-bottom-463 { margin-bottom: 463px; } .margin-bottom-464 { margin-bottom: 464px; } .margin-bottom-465 { margin-bottom: 465px; } .margin-bottom-466 { margin-bottom: 466px; } .margin-bottom-467 { margin-bottom: 467px; } .margin-bottom-468 { margin-bottom: 468px; } .margin-bottom-469 { margin-bottom: 469px; } .margin-bottom-470 { margin-bottom: 470px; } .margin-bottom-471 { margin-bottom: 471px; } .margin-bottom-472 { margin-bottom: 472px; } .margin-bottom-473 { margin-bottom: 473px; } .margin-bottom-474 { margin-bottom: 474px; } .margin-bottom-475 { margin-bottom: 475px; } .margin-bottom-476 { margin-bottom: 476px; } .margin-bottom-477 { margin-bottom: 477px; } .margin-bottom-478 { margin-bottom: 478px; } .margin-bottom-479 { margin-bottom: 479px; } .margin-bottom-480 { margin-bottom: 480px; } .margin-bottom-481 { margin-bottom: 481px; } .margin-bottom-482 { margin-bottom: 482px; } .margin-bottom-483 { margin-bottom: 483px; } .margin-bottom-484 { margin-bottom: 484px; } .margin-bottom-485 { margin-bottom: 485px; } .margin-bottom-486 { margin-bottom: 486px; } .margin-bottom-487 { margin-bottom: 487px; } .margin-bottom-488 { margin-bottom: 488px; } .margin-bottom-489 { margin-bottom: 489px; } .margin-bottom-490 { margin-bottom: 490px; } .margin-bottom-491 { margin-bottom: 491px; } .margin-bottom-492 { margin-bottom: 492px; } .margin-bottom-493 { margin-bottom: 493px; } .margin-bottom-494 { margin-bottom: 494px; } .margin-bottom-495 { margin-bottom: 495px; } .margin-bottom-496 { margin-bottom: 496px; } .margin-bottom-497 { margin-bottom: 497px; } .margin-bottom-498 { margin-bottom: 498px; } .margin-bottom-499 { margin-bottom: 499px; } .margin-bottom-500 { margin-bottom: 500px; } .margin-top-0 { margin-top: 0px; } .margin-top-1 { margin-top: 1px; } .margin-top-2 { margin-top: 2px; } .margin-top-3 { margin-top: 3px; } .margin-top-4 { margin-top: 4px; } .margin-top-5 { margin-top: 5px; } .margin-top-6 { margin-top: 6px; } .margin-top-7 { margin-top: 7px; } .margin-top-8 { margin-top: 8px; } .margin-top-9 { margin-top: 9px; } .margin-top-10 { margin-top: 10px; } .margin-top-11 { margin-top: 11px; } .margin-top-12 { margin-top: 12px; } .margin-top-13 { margin-top: 13px; } .margin-top-14 { margin-top: 14px; } .margin-top-15 { margin-top: 15px; } .margin-top-16 { margin-top: 16px; } .margin-top-17 { margin-top: 17px; } .margin-top-18 { margin-top: 18px; } .margin-top-19 { margin-top: 19px; } .margin-top-20 { margin-top: 20px; } .margin-top-21 { margin-top: 21px; } .margin-top-22 { margin-top: 22px; } .margin-top-23 { margin-top: 23px; } .margin-top-24 { margin-top: 24px; } .margin-top-25 { margin-top: 25px; } .margin-top-26 { margin-top: 26px; } .margin-top-27 { margin-top: 27px; } .margin-top-28 { margin-top: 28px; } .margin-top-29 { margin-top: 29px; } .margin-top-30 { margin-top: 30px; } .margin-top-31 { margin-top: 31px; } .margin-top-32 { margin-top: 32px; } .margin-top-33 { margin-top: 33px; } .margin-top-34 { margin-top: 34px; } .margin-top-35 { margin-top: 35px; } .margin-top-36 { margin-top: 36px; } .margin-top-37 { margin-top: 37px; } .margin-top-38 { margin-top: 38px; } .margin-top-39 { margin-top: 39px; } .margin-top-40 { margin-top: 40px; } .margin-top-41 { margin-top: 41px; } .margin-top-42 { margin-top: 42px; } .margin-top-43 { margin-top: 43px; } .margin-top-44 { margin-top: 44px; } .margin-top-45 { margin-top: 45px; } .margin-top-46 { margin-top: 46px; } .margin-top-47 { margin-top: 47px; } .margin-top-48 { margin-top: 48px; } .margin-top-49 { margin-top: 49px; } .margin-top-50 { margin-top: 50px; } .margin-top-51 { margin-top: 51px; } .margin-top-52 { margin-top: 52px; } .margin-top-53 { margin-top: 53px; } .margin-top-54 { margin-top: 54px; } .margin-top-55 { margin-top: 55px; } .margin-top-56 { margin-top: 56px; } .margin-top-57 { margin-top: 57px; } .margin-top-58 { margin-top: 58px; } .margin-top-59 { margin-top: 59px; } .margin-top-60 { margin-top: 60px; } .margin-top-61 { margin-top: 61px; } .margin-top-62 { margin-top: 62px; } .margin-top-63 { margin-top: 63px; } .margin-top-64 { margin-top: 64px; } .margin-top-65 { margin-top: 65px; } .margin-top-66 { margin-top: 66px; } .margin-top-67 { margin-top: 67px; } .margin-top-68 { margin-top: 68px; } .margin-top-69 { margin-top: 69px; } .margin-top-70 { margin-top: 70px; } .margin-top-71 { margin-top: 71px; } .margin-top-72 { margin-top: 72px; } .margin-top-73 { margin-top: 73px; } .margin-top-74 { margin-top: 74px; } .margin-top-75 { margin-top: 75px; } .margin-top-76 { margin-top: 76px; } .margin-top-77 { margin-top: 77px; } .margin-top-78 { margin-top: 78px; } .margin-top-79 { margin-top: 79px; } .margin-top-80 { margin-top: 80px; } .margin-top-81 { margin-top: 81px; } .margin-top-82 { margin-top: 82px; } .margin-top-83 { margin-top: 83px; } .margin-top-84 { margin-top: 84px; } .margin-top-85 { margin-top: 85px; } .margin-top-86 { margin-top: 86px; } .margin-top-87 { margin-top: 87px; } .margin-top-88 { margin-top: 88px; } .margin-top-89 { margin-top: 89px; } .margin-top-90 { margin-top: 90px; } .margin-top-91 { margin-top: 91px; } .margin-top-92 { margin-top: 92px; } .margin-top-93 { margin-top: 93px; } .margin-top-94 { margin-top: 94px; } .margin-top-95 { margin-top: 95px; } .margin-top-96 { margin-top: 96px; } .margin-top-97 { margin-top: 97px; } .margin-top-98 { margin-top: 98px; } .margin-top-99 { margin-top: 99px; } .margin-top-100 { margin-top: 100px; } .margin-top-101 { margin-top: 101px; } .margin-top-102 { margin-top: 102px; } .margin-top-103 { margin-top: 103px; } .margin-top-104 { margin-top: 104px; } .margin-top-105 { margin-top: 105px; } .margin-top-106 { margin-top: 106px; } .margin-top-107 { margin-top: 107px; } .margin-top-108 { margin-top: 108px; } .margin-top-109 { margin-top: 109px; } .margin-top-110 { margin-top: 110px; } .margin-top-111 { margin-top: 111px; } .margin-top-112 { margin-top: 112px; } .margin-top-113 { margin-top: 113px; } .margin-top-114 { margin-top: 114px; } .margin-top-115 { margin-top: 115px; } .margin-top-116 { margin-top: 116px; } .margin-top-117 { margin-top: 117px; } .margin-top-118 { margin-top: 118px; } .margin-top-119 { margin-top: 119px; } .margin-top-120 { margin-top: 120px; } .margin-top-121 { margin-top: 121px; } .margin-top-122 { margin-top: 122px; } .margin-top-123 { margin-top: 123px; } .margin-top-124 { margin-top: 124px; } .margin-top-125 { margin-top: 125px; } .margin-top-126 { margin-top: 126px; } .margin-top-127 { margin-top: 127px; } .margin-top-128 { margin-top: 128px; } .margin-top-129 { margin-top: 129px; } .margin-top-130 { margin-top: 130px; } .margin-top-131 { margin-top: 131px; } .margin-top-132 { margin-top: 132px; } .margin-top-133 { margin-top: 133px; } .margin-top-134 { margin-top: 134px; } .margin-top-135 { margin-top: 135px; } .margin-top-136 { margin-top: 136px; } .margin-top-137 { margin-top: 137px; } .margin-top-138 { margin-top: 138px; } .margin-top-139 { margin-top: 139px; } .margin-top-140 { margin-top: 140px; } .margin-top-141 { margin-top: 141px; } .margin-top-142 { margin-top: 142px; } .margin-top-143 { margin-top: 143px; } .margin-top-144 { margin-top: 144px; } .margin-top-145 { margin-top: 145px; } .margin-top-146 { margin-top: 146px; } .margin-top-147 { margin-top: 147px; } .margin-top-148 { margin-top: 148px; } .margin-top-149 { margin-top: 149px; } .margin-top-150 { margin-top: 150px; } .margin-top-151 { margin-top: 151px; } .margin-top-152 { margin-top: 152px; } .margin-top-153 { margin-top: 153px; } .margin-top-154 { margin-top: 154px; } .margin-top-155 { margin-top: 155px; } .margin-top-156 { margin-top: 156px; } .margin-top-157 { margin-top: 157px; } .margin-top-158 { margin-top: 158px; } .margin-top-159 { margin-top: 159px; } .margin-top-160 { margin-top: 160px; } .margin-top-161 { margin-top: 161px; } .margin-top-162 { margin-top: 162px; } .margin-top-163 { margin-top: 163px; } .margin-top-164 { margin-top: 164px; } .margin-top-165 { margin-top: 165px; } .margin-top-166 { margin-top: 166px; } .margin-top-167 { margin-top: 167px; } .margin-top-168 { margin-top: 168px; } .margin-top-169 { margin-top: 169px; } .margin-top-170 { margin-top: 170px; } .margin-top-171 { margin-top: 171px; } .margin-top-172 { margin-top: 172px; } .margin-top-173 { margin-top: 173px; } .margin-top-174 { margin-top: 174px; } .margin-top-175 { margin-top: 175px; } .margin-top-176 { margin-top: 176px; } .margin-top-177 { margin-top: 177px; } .margin-top-178 { margin-top: 178px; } .margin-top-179 { margin-top: 179px; } .margin-top-180 { margin-top: 180px; } .margin-top-181 { margin-top: 181px; } .margin-top-182 { margin-top: 182px; } .margin-top-183 { margin-top: 183px; } .margin-top-184 { margin-top: 184px; } .margin-top-185 { margin-top: 185px; } .margin-top-186 { margin-top: 186px; } .margin-top-187 { margin-top: 187px; } .margin-top-188 { margin-top: 188px; } .margin-top-189 { margin-top: 189px; } .margin-top-190 { margin-top: 190px; } .margin-top-191 { margin-top: 191px; } .margin-top-192 { margin-top: 192px; } .margin-top-193 { margin-top: 193px; } .margin-top-194 { margin-top: 194px; } .margin-top-195 { margin-top: 195px; } .margin-top-196 { margin-top: 196px; } .margin-top-197 { margin-top: 197px; } .margin-top-198 { margin-top: 198px; } .margin-top-199 { margin-top: 199px; } .margin-top-200 { margin-top: 200px; } .margin-top-201 { margin-top: 201px; } .margin-top-202 { margin-top: 202px; } .margin-top-203 { margin-top: 203px; } .margin-top-204 { margin-top: 204px; } .margin-top-205 { margin-top: 205px; } .margin-top-206 { margin-top: 206px; } .margin-top-207 { margin-top: 207px; } .margin-top-208 { margin-top: 208px; } .margin-top-209 { margin-top: 209px; } .margin-top-210 { margin-top: 210px; } .margin-top-211 { margin-top: 211px; } .margin-top-212 { margin-top: 212px; } .margin-top-213 { margin-top: 213px; } .margin-top-214 { margin-top: 214px; } .margin-top-215 { margin-top: 215px; } .margin-top-216 { margin-top: 216px; } .margin-top-217 { margin-top: 217px; } .margin-top-218 { margin-top: 218px; } .margin-top-219 { margin-top: 219px; } .margin-top-220 { margin-top: 220px; } .margin-top-221 { margin-top: 221px; } .margin-top-222 { margin-top: 222px; } .margin-top-223 { margin-top: 223px; } .margin-top-224 { margin-top: 224px; } .margin-top-225 { margin-top: 225px; } .margin-top-226 { margin-top: 226px; } .margin-top-227 { margin-top: 227px; } .margin-top-228 { margin-top: 228px; } .margin-top-229 { margin-top: 229px; } .margin-top-230 { margin-top: 230px; } .margin-top-231 { margin-top: 231px; } .margin-top-232 { margin-top: 232px; } .margin-top-233 { margin-top: 233px; } .margin-top-234 { margin-top: 234px; } .margin-top-235 { margin-top: 235px; } .margin-top-236 { margin-top: 236px; } .margin-top-237 { margin-top: 237px; } .margin-top-238 { margin-top: 238px; } .margin-top-239 { margin-top: 239px; } .margin-top-240 { margin-top: 240px; } .margin-top-241 { margin-top: 241px; } .margin-top-242 { margin-top: 242px; } .margin-top-243 { margin-top: 243px; } .margin-top-244 { margin-top: 244px; } .margin-top-245 { margin-top: 245px; } .margin-top-246 { margin-top: 246px; } .margin-top-247 { margin-top: 247px; } .margin-top-248 { margin-top: 248px; } .margin-top-249 { margin-top: 249px; } .margin-top-250 { margin-top: 250px; } .margin-top-251 { margin-top: 251px; } .margin-top-252 { margin-top: 252px; } .margin-top-253 { margin-top: 253px; } .margin-top-254 { margin-top: 254px; } .margin-top-255 { margin-top: 255px; } .margin-top-256 { margin-top: 256px; } .margin-top-257 { margin-top: 257px; } .margin-top-258 { margin-top: 258px; } .margin-top-259 { margin-top: 259px; } .margin-top-260 { margin-top: 260px; } .margin-top-261 { margin-top: 261px; } .margin-top-262 { margin-top: 262px; } .margin-top-263 { margin-top: 263px; } .margin-top-264 { margin-top: 264px; } .margin-top-265 { margin-top: 265px; } .margin-top-266 { margin-top: 266px; } .margin-top-267 { margin-top: 267px; } .margin-top-268 { margin-top: 268px; } .margin-top-269 { margin-top: 269px; } .margin-top-270 { margin-top: 270px; } .margin-top-271 { margin-top: 271px; } .margin-top-272 { margin-top: 272px; } .margin-top-273 { margin-top: 273px; } .margin-top-274 { margin-top: 274px; } .margin-top-275 { margin-top: 275px; } .margin-top-276 { margin-top: 276px; } .margin-top-277 { margin-top: 277px; } .margin-top-278 { margin-top: 278px; } .margin-top-279 { margin-top: 279px; } .margin-top-280 { margin-top: 280px; } .margin-top-281 { margin-top: 281px; } .margin-top-282 { margin-top: 282px; } .margin-top-283 { margin-top: 283px; } .margin-top-284 { margin-top: 284px; } .margin-top-285 { margin-top: 285px; } .margin-top-286 { margin-top: 286px; } .margin-top-287 { margin-top: 287px; } .margin-top-288 { margin-top: 288px; } .margin-top-289 { margin-top: 289px; } .margin-top-290 { margin-top: 290px; } .margin-top-291 { margin-top: 291px; } .margin-top-292 { margin-top: 292px; } .margin-top-293 { margin-top: 293px; } .margin-top-294 { margin-top: 294px; } .margin-top-295 { margin-top: 295px; } .margin-top-296 { margin-top: 296px; } .margin-top-297 { margin-top: 297px; } .margin-top-298 { margin-top: 298px; } .margin-top-299 { margin-top: 299px; } .margin-top-300 { margin-top: 300px; } .margin-top-301 { margin-top: 301px; } .margin-top-302 { margin-top: 302px; } .margin-top-303 { margin-top: 303px; } .margin-top-304 { margin-top: 304px; } .margin-top-305 { margin-top: 305px; } .margin-top-306 { margin-top: 306px; } .margin-top-307 { margin-top: 307px; } .margin-top-308 { margin-top: 308px; } .margin-top-309 { margin-top: 309px; } .margin-top-310 { margin-top: 310px; } .margin-top-311 { margin-top: 311px; } .margin-top-312 { margin-top: 312px; } .margin-top-313 { margin-top: 313px; } .margin-top-314 { margin-top: 314px; } .margin-top-315 { margin-top: 315px; } .margin-top-316 { margin-top: 316px; } .margin-top-317 { margin-top: 317px; } .margin-top-318 { margin-top: 318px; } .margin-top-319 { margin-top: 319px; } .margin-top-320 { margin-top: 320px; } .margin-top-321 { margin-top: 321px; } .margin-top-322 { margin-top: 322px; } .margin-top-323 { margin-top: 323px; } .margin-top-324 { margin-top: 324px; } .margin-top-325 { margin-top: 325px; } .margin-top-326 { margin-top: 326px; } .margin-top-327 { margin-top: 327px; } .margin-top-328 { margin-top: 328px; } .margin-top-329 { margin-top: 329px; } .margin-top-330 { margin-top: 330px; } .margin-top-331 { margin-top: 331px; } .margin-top-332 { margin-top: 332px; } .margin-top-333 { margin-top: 333px; } .margin-top-334 { margin-top: 334px; } .margin-top-335 { margin-top: 335px; } .margin-top-336 { margin-top: 336px; } .margin-top-337 { margin-top: 337px; } .margin-top-338 { margin-top: 338px; } .margin-top-339 { margin-top: 339px; } .margin-top-340 { margin-top: 340px; } .margin-top-341 { margin-top: 341px; } .margin-top-342 { margin-top: 342px; } .margin-top-343 { margin-top: 343px; } .margin-top-344 { margin-top: 344px; } .margin-top-345 { margin-top: 345px; } .margin-top-346 { margin-top: 346px; } .margin-top-347 { margin-top: 347px; } .margin-top-348 { margin-top: 348px; } .margin-top-349 { margin-top: 349px; } .margin-top-350 { margin-top: 350px; } .margin-top-351 { margin-top: 351px; } .margin-top-352 { margin-top: 352px; } .margin-top-353 { margin-top: 353px; } .margin-top-354 { margin-top: 354px; } .margin-top-355 { margin-top: 355px; } .margin-top-356 { margin-top: 356px; } .margin-top-357 { margin-top: 357px; } .margin-top-358 { margin-top: 358px; } .margin-top-359 { margin-top: 359px; } .margin-top-360 { margin-top: 360px; } .margin-top-361 { margin-top: 361px; } .margin-top-362 { margin-top: 362px; } .margin-top-363 { margin-top: 363px; } .margin-top-364 { margin-top: 364px; } .margin-top-365 { margin-top: 365px; } .margin-top-366 { margin-top: 366px; } .margin-top-367 { margin-top: 367px; } .margin-top-368 { margin-top: 368px; } .margin-top-369 { margin-top: 369px; } .margin-top-370 { margin-top: 370px; } .margin-top-371 { margin-top: 371px; } .margin-top-372 { margin-top: 372px; } .margin-top-373 { margin-top: 373px; } .margin-top-374 { margin-top: 374px; } .margin-top-375 { margin-top: 375px; } .margin-top-376 { margin-top: 376px; } .margin-top-377 { margin-top: 377px; } .margin-top-378 { margin-top: 378px; } .margin-top-379 { margin-top: 379px; } .margin-top-380 { margin-top: 380px; } .margin-top-381 { margin-top: 381px; } .margin-top-382 { margin-top: 382px; } .margin-top-383 { margin-top: 383px; } .margin-top-384 { margin-top: 384px; } .margin-top-385 { margin-top: 385px; } .margin-top-386 { margin-top: 386px; } .margin-top-387 { margin-top: 387px; } .margin-top-388 { margin-top: 388px; } .margin-top-389 { margin-top: 389px; } .margin-top-390 { margin-top: 390px; } .margin-top-391 { margin-top: 391px; } .margin-top-392 { margin-top: 392px; } .margin-top-393 { margin-top: 393px; } .margin-top-394 { margin-top: 394px; } .margin-top-395 { margin-top: 395px; } .margin-top-396 { margin-top: 396px; } .margin-top-397 { margin-top: 397px; } .margin-top-398 { margin-top: 398px; } .margin-top-399 { margin-top: 399px; } .margin-top-400 { margin-top: 400px; } .margin-top-401 { margin-top: 401px; } .margin-top-402 { margin-top: 402px; } .margin-top-403 { margin-top: 403px; } .margin-top-404 { margin-top: 404px; } .margin-top-405 { margin-top: 405px; } .margin-top-406 { margin-top: 406px; } .margin-top-407 { margin-top: 407px; } .margin-top-408 { margin-top: 408px; } .margin-top-409 { margin-top: 409px; } .margin-top-410 { margin-top: 410px; } .margin-top-411 { margin-top: 411px; } .margin-top-412 { margin-top: 412px; } .margin-top-413 { margin-top: 413px; } .margin-top-414 { margin-top: 414px; } .margin-top-415 { margin-top: 415px; } .margin-top-416 { margin-top: 416px; } .margin-top-417 { margin-top: 417px; } .margin-top-418 { margin-top: 418px; } .margin-top-419 { margin-top: 419px; } .margin-top-420 { margin-top: 420px; } .margin-top-421 { margin-top: 421px; } .margin-top-422 { margin-top: 422px; } .margin-top-423 { margin-top: 423px; } .margin-top-424 { margin-top: 424px; } .margin-top-425 { margin-top: 425px; } .margin-top-426 { margin-top: 426px; } .margin-top-427 { margin-top: 427px; } .margin-top-428 { margin-top: 428px; } .margin-top-429 { margin-top: 429px; } .margin-top-430 { margin-top: 430px; } .margin-top-431 { margin-top: 431px; } .margin-top-432 { margin-top: 432px; } .margin-top-433 { margin-top: 433px; } .margin-top-434 { margin-top: 434px; } .margin-top-435 { margin-top: 435px; } .margin-top-436 { margin-top: 436px; } .margin-top-437 { margin-top: 437px; } .margin-top-438 { margin-top: 438px; } .margin-top-439 { margin-top: 439px; } .margin-top-440 { margin-top: 440px; } .margin-top-441 { margin-top: 441px; } .margin-top-442 { margin-top: 442px; } .margin-top-443 { margin-top: 443px; } .margin-top-444 { margin-top: 444px; } .margin-top-445 { margin-top: 445px; } .margin-top-446 { margin-top: 446px; } .margin-top-447 { margin-top: 447px; } .margin-top-448 { margin-top: 448px; } .margin-top-449 { margin-top: 449px; } .margin-top-450 { margin-top: 450px; } .margin-top-451 { margin-top: 451px; } .margin-top-452 { margin-top: 452px; } .margin-top-453 { margin-top: 453px; } .margin-top-454 { margin-top: 454px; } .margin-top-455 { margin-top: 455px; } .margin-top-456 { margin-top: 456px; } .margin-top-457 { margin-top: 457px; } .margin-top-458 { margin-top: 458px; } .margin-top-459 { margin-top: 459px; } .margin-top-460 { margin-top: 460px; } .margin-top-461 { margin-top: 461px; } .margin-top-462 { margin-top: 462px; } .margin-top-463 { margin-top: 463px; } .margin-top-464 { margin-top: 464px; } .margin-top-465 { margin-top: 465px; } .margin-top-466 { margin-top: 466px; } .margin-top-467 { margin-top: 467px; } .margin-top-468 { margin-top: 468px; } .margin-top-469 { margin-top: 469px; } .margin-top-470 { margin-top: 470px; } .margin-top-471 { margin-top: 471px; } .margin-top-472 { margin-top: 472px; } .margin-top-473 { margin-top: 473px; } .margin-top-474 { margin-top: 474px; } .margin-top-475 { margin-top: 475px; } .margin-top-476 { margin-top: 476px; } .margin-top-477 { margin-top: 477px; } .margin-top-478 { margin-top: 478px; } .margin-top-479 { margin-top: 479px; } .margin-top-480 { margin-top: 480px; } .margin-top-481 { margin-top: 481px; } .margin-top-482 { margin-top: 482px; } .margin-top-483 { margin-top: 483px; } .margin-top-484 { margin-top: 484px; } .margin-top-485 { margin-top: 485px; } .margin-top-486 { margin-top: 486px; } .margin-top-487 { margin-top: 487px; } .margin-top-488 { margin-top: 488px; } .margin-top-489 { margin-top: 489px; } .margin-top-490 { margin-top: 490px; } .margin-top-491 { margin-top: 491px; } .margin-top-492 { margin-top: 492px; } .margin-top-493 { margin-top: 493px; } .margin-top-494 { margin-top: 494px; } .margin-top-495 { margin-top: 495px; } .margin-top-496 { margin-top: 496px; } .margin-top-497 { margin-top: 497px; } .margin-top-498 { margin-top: 498px; } .margin-top-499 { margin-top: 499px; } .margin-top-500 { margin-top: 500px; } .categoria-jzg .product-gallery { margin-bottom: 50px; } .categoria-jzg .product-gallery__slide__image { max-height: 350px; -o-object-fit: contain; object-fit: contain; } .categoria-jzg .product-gallery__slide__image img { display: block; max-height: 350px; margin: 0 auto; } .categoria-jzg .product-gallery__slide { max-height: 350px; -o-object-fit: contain; object-fit: contain; } .categoria-jzg .slick-dots { position: absolute; bottom: -50px; left: 0; padding-inline-start: 0; list-style: none; width: 100%; display: flex; gap: 0.5rem; justify-content: center; } .categoria-jzg .slick-dots .slick-active button { background-color: #601324; } .categoria-jzg .slick-dots button { width: 13px; height: auto; background-color: #d7d7d7; color: transparent; border: none; overflow: hidden; clip-path: circle(); } .categoria-jzg .slick-dots button:focus, .categoria-jzg .slick-dots button:active { outline: none !important; box-shadow: none !important; } /* --- Ajuste manual para imagen de Landing Verticales --- */ .lgc__card[href*="transportadores-verticales-landing"] .lgc__card-img { object-fit: contain !important; -o-object-fit: contain !important; } /* --- Ajuste específico para Card Weiss VSU --- */ .card_weiss[href*="transportadores-vsu"] .card_weiss-head img { object-fit: contain !important; -o-object-fit: contain !important; object-position: center center !important; /* Cambiamos top por center para mejor equilibrio */ height: 100% !important; width: 100% !important; }