@font-face{font-family:Roboto;font-weight:400;font-style:normal;font-display:swap;src:local(Roboto-Regular),url(../fonts/Roboto-Regular.woff2) format("woff2"),url(../fonts/Roboto-Regular.woff) format("woff")}@font-face{font-family:Roboto;font-weight:500;font-style:normal;font-display:swap;src:local(Roboto-Medium),url(../fonts/Roboto-Medium.woff2) format("woff2"),url(../fonts/Roboto-Medium.woff) format("woff")}@font-face{font-family:Roboto;font-weight:700;font-style:normal;font-display:swap;src:local(Roboto-Bold),url(../fonts/Roboto-Bold.woff2) format("woff2"),url(../fonts/Roboto-Bold.woff) format("woff")}*,::after,::before{box-sizing:border-box}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,li,ol,p,ul{margin:0;padding:0}body,html{height:100%}body{min-width:320px;scroll-behavior:smooth;text-rendering:optimizeSpeed;font-family:Roboto,sans-serif;color:#333;font-size:16px;line-height:1.5;letter-spacing:.2px;background-color:#fff}body.disable-scroll{overflow:hidden}img{max-width:100%;max-height:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}.icon{width:24px;height:24px}.vh{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.page-wrapper{display:flex;flex-direction:column;position:relative;min-height:100%}.main{flex:1 1 auto;display:flex;padding:100px 0;overflow:hidden}.main .container{flex:1 1 auto}.container{width:100%;max-width:1320px;padding:0 16px;margin:0 auto}.header{height:60px;display:flex;align-items:center;justify-content:space-between;-moz-column-gap:30px;column-gap:30px;padding:20px 24px;background-color:#ff0030}.header__logo{display:inline-flex}.header__nav{display:flex;flex-wrap:wrap;align-items:center;-moz-column-gap:24px;column-gap:24px}.header__nav>a{color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-color:transparent;transition:text-decoration-color .2s ease}.header__nav>a:hover{text-decoration-color:#fff}.header__nav.is-active{opacity:1;pointer-events:initial;transform:translateX(0)}.burger{width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;background-color:transparent;row-gap:6px;border:none;padding:5px;display:none;cursor:pointer}.burger span{width:30px;height:3px;background-color:#fff;transition:opacity .2s ease,transform .2s ease;transform-origin:center}.burger.is-active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.burger.is-active span:nth-child(2){opacity:0}.burger.is-active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.card{width:100%;display:flex;background-color:#f2f2f2;text-decoration:none;transition:background-color .2s ease}.card:hover{background-color:#ff0030}.card:hover .card__title{color:#fff}.card:hover .card__title>span{color:#fff}.card:hover .card__preview>img.img_red{display:none}.card:hover .card__preview>img.img_white{display:block}.card__preview{aspect-ratio:1/.7;padding:16px;width:180px;height:180px;display:flex;justify-content:right}.card__preview>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.card__preview>img.img_red{display:block}.card__preview>img.img_white{display:none}.card__content{flex:1 1 auto;padding:16px}.card__title{font-size:24px;font-weight:700;line-height:1.2;color:#ff0030;text-transform:uppercase;transition:color .2s ease}.card__title>span{color:#333;transition:color .2s ease}.cards{max-width:1152px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;row-gap:56px}.cards__title{text-align:center;font-size:32px;font-weight:700;line-height:1.2}.cards__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(540px,1fr));gap:16px}.footer{margin-top:auto;padding:64px 0;background-color:#333}.footer__inner{display:flex;flex-wrap:wrap;-moz-column-gap:30px;column-gap:30px;row-gap:30px;justify-content:space-between}.footer__nav{display:flex;flex-direction:column;row-gap:16px}.footer__nav>a{color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-color:transparent;transition:text-decoration-color .2s ease}.footer__nav>a:hover{text-decoration-color:#fff}@media screen and (max-width:1259px){.main{padding:80px 0}.card__preview{aspect-ratio:1/.83}.cards{row-gap:40px}.cards__title{font-size:24px}.cards__grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.footer{padding-left:32px;padding-right:32px}}@media screen and (max-width:576px){.burger{display:flex}.header{padding:16px}.header__nav{opacity:0;pointer-events:none;transform:translateX(-100%);position:fixed;width:100%;height:calc(100% - 80px);top:80px;left:0;right:0;bottom:0;background-color:#fff;flex-direction:column;align-items:flex-start;padding:24px;row-gap:24px;transition:opacity .2s ease,transform .2s ease}.header__nav>a{color:#333;font-size:20px;font-weight:700}}@media screen and (max-width:479px){.main{padding-top:56px;padding-bottom:65px}.card{flex-direction:column}.card__content{border-top:none;border-left:1px solid #bdbdbd}.cards__grid{grid-template-columns:1fr}.footer__inner{flex-direction:column;row-gap:40px}}