:root{--black-color:#000;--white-color:#fff;--grapfit-color:#49454c;--gray-color:#333435;--gray-light-color:#a8a9b0;--line-color:#dcdde1;--txt-gray-color:#a0a0a0;--back-color:#f4f4f4;--violet-color:#343176;--violet-back-color:#f1f0fa;--green-color:#5fc0b1;--green-back-color:#e1f5f2;--blue-color:#528df0;--warn-color:#ed9b57;--orange-color:#ee7656;--alert-color:#f77878;--red-color:#e14142;--pink-color:#ffe8e8;--purple-color:#544669;--shadow-transparent:0px 4px 15px 0px rgba(0, 0, 0, 0);--shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.15);--shadow2:0px 4px 28px 0px rgba(0, 0, 0, 0.1);--trs-300:300ms ease;--trs-600:600ms ease;--trs-1200:1200ms ease;--trs-2000:2000ms ease;--trs-cubic-800:0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-600:0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-300:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);--screensize:1920}.brands-list{padding-top:calc(40 / var(--screensize) * 100vw)}.brands-list .brand{position:relative;height:calc(600 / var(--screensize) * 100vw);border-radius:calc(12 / var(--screensize) * 100vw);overflow:hidden;-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300);cursor:pointer}.brands-list .brand.active{width:calc(888 / var(--screensize) * 100vw)!important}.brands-list .brand.active .content{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.brands-list .brand.active .content .logo{width:calc(200 / var(--screensize) * 100vw);height:calc(70 / var(--screensize) * 100vw)}.brands-list .brand.active .content .title{font-size:calc(24 / var(--screensize) * 100vw)}.brands-list .brand.active .content .btn,.brands-list .brand.active .content .descr{opacity:1}.brands-list .brand.collapsed{width:calc(224 / var(--screensize) * 100vw)!important}.brands-list .brand.collapsed .content{opacity:0}.brands-list .brand img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left}.brands-list .brand .content{position:absolute;left:calc(48 / var(--screensize) * 100vw);right:calc(48 / var(--screensize) * 100vw);bottom:calc(48 / var(--screensize) * 100vw);-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateY(68%);-ms-transform:translateY(68%);transform:translateY(68%)}.brands-list .brand .content .logo{width:calc(150 / var(--screensize) * 100vw);height:calc(50 / var(--screensize) * 100vw);position:relative;margin:auto;-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300)}.brands-list .brand .content .logo img{height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;left:0}.brands-list .brand .content .title{text-align:center;font-weight:500;font-size:calc(16 / var(--screensize) * 100vw);margin-top:calc(50 / var(--screensize) * 100vw);line-height:120%;-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300);max-width:calc(432 / var(--screensize) * 100vw)}.brands-list .brand .content .descr{text-align:center;font-weight:400;font-size:calc(16 / var(--screensize) * 100vw);line-height:140%;margin-top:calc(16 / var(--screensize) * 100vw);margin-bottom:calc(36 / var(--screensize) * 100vw);max-width:calc(432 / var(--screensize) * 100vw);opacity:0;-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300)}.brands-list .brand .content .btn{gap:calc(17 / var(--screensize) * 100vw);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:calc(0 / var(--screensize) * 100vw) calc(36 / var(--screensize) * 100vw);margin:auto;text-transform:uppercase;font-size:calc(14 / var(--screensize) * 100vw);font-weight:500;line-height:128%;letter-spacing:calc(1 / var(--screensize) * 100vw);opacity:0;-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300)}.brands-list .home-brands-pagination-wrapper{margin-top:calc(24 / var(--screensize) * 100vw);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(17 / var(--screensize) * 100vw);display:none}.brands-list .home-brands-pagination-wrapper .home-brands-pagination{position:relative}.brands-list .home-brands-pagination-wrapper .current,.brands-list .home-brands-pagination-wrapper .total{font-weight:500;font-size:calc(10 / var(--screensize) * 100vw);line-height:128%}.brands-list .home-brands-pagination-wrapper .total{color:var(--gray-light-color)}@media (max-width:1440px){:root{--screensize:1440}}@media (max-width:992px){:root{--screensize:767}.brands-list .brand{height:calc(400 / var(--screensize) * 100vw)}.brands-list .brand.active{width:calc(468 / var(--screensize) * 100vw)!important}.brands-list .brand.collapsed{width:calc(124 / var(--screensize) * 100vw)!important}.brands-list .brand .content{bottom:calc(18 / var(--screensize) * 100vw);left:calc(18 / var(--screensize) * 100vw);right:calc(18 / var(--screensize) * 100vw)}.brands-list .brand .content .logo{width:calc(100 / var(--screensize) * 100vw);height:calc(50 / var(--screensize) * 100vw)}.brands-list .brand .content .title{margin-top:calc(20 / var(--screensize) * 100vw)}}@media (max-width:767px){:root{--screensize:360}.brands-list{padding-top:calc(20 / var(--screensize) * 100vw)}.brands-list .brand{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;cursor:default;border-radius:calc(0 / var(--screensize) * 100vw)}.brands-list .brand img{height:calc(180 / var(--screensize) * 100vw);position:relative;border-radius:calc(12 / var(--screensize) * 100vw)}.brands-list .brand .content{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);position:relative;left:0;right:0;bottom:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:calc(20 / var(--screensize) * 100vw)}.brands-list .brand .content .logo{margin:0}.brands-list .brand .content .title{margin-top:calc(20 / var(--screensize) * 100vw);font-size:calc(20 / var(--screensize) * 100vw);line-height:115%;text-align:left}.brands-list .brand .content .descr{opacity:1;margin-top:calc(12 / var(--screensize) * 100vw);text-align:left;margin-bottom:calc(20 / var(--screensize) * 100vw)}.brands-list .brand .content .btn{opacity:1;padding:calc(0 / var(--screensize) * 100vw) calc(20 / var(--screensize) * 100vw);margin:0}.brands-list .brand .content .btn svg{width:calc(8 / var(--screensize) * 100vw);height:calc(16 / var(--screensize) * 100vw)}.brands-list .home-brands-pagination-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}}