/* grid.css */
.line-l,.line,.line-m,.line-s{display:flex;flex-wrap:wrap;gap:0;}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-3{gap:1rem}
.gap-4{gap:1.5rem}
.gap-5{gap:3rem}
.cell-1,.cell-2,.cell-3,.cell-4,.cell-5,.cell-6,.cell-7,.cell-8,.cell-9,.cell-10,.cell-11,.cell-12,
.cell,.div-5,.div-7,.div-8{position:relative;width:100%;max-width:100%}
.cell{flex-grow:1;flex-basis:0}
.cell-1{width:calc(25%/3)}
.cell-2{width:calc(50%/3)}
.cell-3{width:25%}
.cell-4{width:calc(100%/3)}
.cell-5{width:calc(125%/3)}
.cell-6{width:50%}
.cell-7{width:calc(175%/3)}
.cell-8{width:calc(200%/3)}
.cell-9{width:75%}
.cell-10{width:calc(250%/3)}
.cell-11{width:calc(275%/3)}
.cell-12{width:100%}
.div-5{width:20%}
.div-7{width:calc(100%/7)}
.div-8{width:12.5%}
/* cell with margin */
.cell-1.ml-1,.cell-1.mr-1{width:calc(25%/3 - .25rem)}
.cell-1.m-1,.cell-1.ml-2,.cell-1.mr-2,.cell-1.mx-1{width:calc(25%/3 - .5rem)}
.cell-1.m-2,.cell-1.ml-3,.cell-1.mr-3,.cell-1.mx-2{width:calc(25%/3 - 1rem)}
.cell-1.ml-4,.cell-1.mr-4{width:calc(25%/3 - 1.5rem)}
.cell-1.m-3,.cell-1.mx-3{width:calc(25%/3 - 2rem)}
.cell-1.m-4,.cell-1.ml-5,.cell-1.mr-5,.cell-1.mx-4{width:calc(25%/3 - 3rem)}
.cell-1.m-5,.cell-1.mx-5{width:calc(25%/3 - 6rem)}
.cell-2.ml-1,.cell-2.mr-1{width:calc(50%/3 - .25rem)}
.cell-2.m-1,.cell-2.ml-2,.cell-2.mr-2,.cell-2.mx-1{width:calc(50%/3 - .5rem)}
.cell-2.m-2,.cell-2.ml-3,.cell-2.mr-3,.cell-2.mx-2{width:calc(50%/3 - 1rem)}
.cell-2.ml-4,.cell-2.mr-4{width:calc(50%/3 - 1.5rem)}
.cell-2.m-3,.cell-2.mx-3{width:calc(50%/3 - 2rem)}
.cell-2.m-4,.cell-2.ml-5,.cell-2.mr-5,.cell-2.mx-4{width:calc(50%/3 - 3rem)}
.cell-2.m-5,.cell-2.mx-5{width:calc(50%/3 - 6rem)}
.cell-3.ml-1,.cell-3.mr-1{width:calc(25% - .25rem)}
.cell-3.m-1,.cell-3.ml-2,.cell-3.mr-2,.cell-3.mx-1{width:calc(25% - .5rem)}
.cell-3.m-2,.cell-3.ml-3,.cell-3.mr-3,.cell-3.mx-2{width:calc(25% - 1rem)}
.cell-3.ml-4,.cell-3.mr-4{width:calc(25% - 1.5rem)}
.cell-3.m-3,.cell-3.mx-3{width:calc(25% - 2rem)}
.cell-3.m-4,.cell-3.ml-5,.cell-3.mr-5,.cell-3.mx-4{width:calc(25% - 3rem)}
.cell-3.m-5,.cell-3.mx-5{width:calc(25% - 6rem)}
.cell-4.ml-1,.cell-4.mr-1{width:calc(100%/3 - .25rem)}
.cell-4.m-1,.cell-4.ml-2,.cell-4.mr-2,.cell-4.mx-1{width:calc(100%/3 - .5rem)}
.cell-4.m-2,.cell-4.ml-3,.cell-4.mr-3,.cell-4.mx-2{width:calc(100%/3 - 1rem)}
.cell-4.ml-4,.cell-4.mr-4{width:calc(100%/3 - 1.5rem)}
.cell-4.m-3,.cell-4.mx-3{width:calc(100%/3 - 2rem)}
.cell-4.m-4,.cell-4.ml-5,.cell-4.mr-5,.cell-4.mx-4{width:calc(100%/3 - 3rem)}
.cell-4.m-5,.cell-4.mx-5{width:calc(100%/3 - 6rem)}
.cell-5.ml-1,.cell-5.mr-1{width:calc(125%/3 - .25rem)}
.cell-5.m-1,.cell-5.ml-2,.cell-5.mr-2,.cell-5.mx-1{width:calc(125%/3 - .5rem)}
.cell-5.m-2,.cell-5.ml-3,.cell-5.mr-3,.cell-5.mx-2{width:calc(125%/3 - 1rem)}
.cell-5.ml-4,.cell-5.mr-4{width:calc(125%/3 - 1.5rem)}
.cell-5.m-3,.cell-5.mx-3{width:calc(125%/3 - 2rem)}
.cell-5.m-4,.cell-5.ml-5,.cell-5.mr-5,.cell-5.mx-4{width:calc(125%/3 - 3rem)}
.cell-5.m-5,.cell-5.mx-5{width:calc(125%/3 - 6rem)}
.cell-6.ml-1,.cell-6.mr-1{width:calc(50% - .25rem)}
.cell-6.m-1,.cell-6.ml-2,.cell-6.mr-2,.cell-6.mx-1{width:calc(50% - .5rem)}
.cell-6.m-2,.cell-6.ml-3,.cell-6.mr-3,.cell-6.mx-2{width:calc(50% - 1rem)}
.cell-6.ml-4,.cell-6.mr-4{width:calc(50% - 1.5rem)}
.cell-6.m-3,.cell-6.mx-3{width:calc(50% - 2rem)}
.cell-6.m-4,.cell-6.ml-5,.cell-6.mr-5,.cell-6.mx-4{width:calc(50% - 3rem)}
.cell-6.m-5,.cell-6.mx-5{width:calc(50% - 6rem)}
.cell-7.ml-1,.cell-7.mr-1{width:calc(175%/3 - .25rem)}
.cell-7.m-1,.cell-7.ml-2,.cell-7.mr-2,.cell-7.mx-1{width:calc(175%/3 - .5rem)}
.cell-7.m-2,.cell-7.ml-3,.cell-7.mr-3,.cell-7.mx-2{width:calc(175%/3 - 1rem)}
.cell-7.ml-4,.cell-7.mr-4{width:calc(175%/3 - 1.5rem)}
.cell-7.m-3,.cell-7.mx-3{width:calc(175%/3 - 2rem)}
.cell-7.m-4,.cell-7.ml-5,.cell-7.mr-5,.cell-7.mx-4{width:calc(175%/3 - 3rem)}
.cell-7.m-5,.cell-7.mx-5{width:calc(175%/3 - 6rem)}
.cell-8.ml-1,.cell-8.mr-1{width:calc(200%/3 - .25rem)}
.cell-8.m-1,.cell-8.ml-2,.cell-8.mr-2,.cell-8.mx-1{width:calc(200%/3 - .5rem)}
.cell-8.m-2,.cell-8.ml-3,.cell-8.mr-3,.cell-8.mx-2{width:calc(200%/3 - 1rem)}
.cell-8.ml-4,.cell-8.mr-4{width:calc(200%/3 - 1.5rem)}
.cell-8.m-3,.cell-8.mx-3{width:calc(200%/3 - 2rem)}
.cell-8.m-4,.cell-8.ml-5,.cell-8.mr-5,.cell-8.mx-4{width:calc(200%/3 - 3rem)}
.cell-8.m-5,.cell-8.mx-5{width:calc(200%/3 - 6rem)}
.cell-9.ml-1,.cell-9.mr-1{width:calc(75% - .25rem)}
.cell-9.m-1,.cell-9.ml-2,.cell-9.mr-2,.cell-9.mx-1{width:calc(75% - .5rem)}
.cell-9.m-2,.cell-9.ml-3,.cell-9.mr-3,.cell-9.mx-2{width:calc(75% - 1rem)}
.cell-9.ml-4,.cell-9.mr-4{width:calc(75% - 1.5rem)}
.cell-9.m-3,.cell-9.mx-3{width:calc(75% - 2rem)}
.cell-9.m-4,.cell-9.ml-5,.cell-9.mr-5,.cell-9.mx-4{width:calc(75% - 3rem)}
.cell-9.m-5,.cell-9.mx-5{width:calc(75% - 6rem)}
.cell-10.ml-1,.cell-10.mr-1{width:calc(250%/3 - .25rem)}
.cell-10.m-1,.cell-10.ml-2,.cell-10.mr-2,.cell-10.mx-1{width:calc(250%/3 - .5rem)}
.cell-10.m-2,.cell-10.ml-3,.cell-10.mr-3,.cell-10.mx-2{width:calc(250%/3 - 1rem)}
.cell-10.ml-4,.cell-10.mr-4{width:calc(250%/3 - 1.5rem)}
.cell-10.m-3,.cell-10.mx-3{width:calc(250%/3 - 2rem)}
.cell-10.m-4,.cell-10.ml-5,.cell-10.mr-5,.cell-10.mx-4{width:calc(250%/3 - 3rem)}
.cell-10.m-5,.cell-10.mx-5{width:calc(250%/3 - 6rem)}
.cell-11.ml-1,.cell-11.mr-1{width:calc(275%/3 - .25rem)}
.cell-11.m-1,.cell-11.ml-2,.cell-11.mr-2,.cell-11.mx-1{width:calc(275%/3 - .5rem)}
.cell-11.m-2,.cell-11.ml-3,.cell-11.mr-3,.cell-11.mx-2{width:calc(275%/3 - 1rem)}
.cell-11.ml-4,.cell-11.mr-4{width:calc(275%/3 - 1.5rem)}
.cell-11.m-3,.cell-11.mx-3{width:calc(275%/3 - 2rem)}
.cell-11.m-4,.cell-11.ml-5,.cell-11.mr-5,.cell-11.mx-4{width:calc(275%/3 - 3rem)}
.cell-11.m-5,.cell-11.mx-5{width:calc(275%/3 - 6rem)}
.div-5.ml-1,.div-5.mr-1{width:calc(20% - .25rem)}
.div-5.m-1,.div-5.ml-2,.div-5.mr-2,.div-5.mx-1{width:calc(20% - .5rem)}
.div-5.m-2,.div-5.ml-3,.div-5.mr-3,.div-5.mx-2{width:calc(20% - 1rem)}
.div-5.ml-4,.div-5.mr-4{width:calc(20% - 1.5rem)}
.div-5.m-3,.div-5.mx-3{width:calc(20% - 2rem)}
.div-5.m-4,.div-5.ml-5,.div-5.mr-5,.div-5.mx-4{width:calc(20% - 3rem)}
.div-5.m-5,.div-5.mx-5{width:calc(20% - 6rem)}
.div-7.ml-1,.div-7.mr-1{width:calc(100%/7 - .25rem)}
.div-7.m-1,.div-7.ml-2,.div-7.mr-2,.div-7.mx-1{width:calc(100%/7 - .5rem)}
.div-7.m-2,.div-7.ml-3,.div-7.mr-3,.div-7.mx-2{width:calc(100%/7 - 1rem)}
.div-7.ml-4,.div-7.mr-4{width:calc(100%/7 - 1.5rem)}
.div-7.m-3,.div-7.mx-3{width:calc(100%/7 - 2rem)}
.div-7.m-4,.div-7.ml-5,.div-7.mr-5,.div-7.mx-4{width:calc(100%/7 - 3rem)}
.div-7.m-5,.div-7.mx-5{width:calc(100%/7 - 6rem)}
.div-8.ml-1,.div-8.mr-1{width:calc(12.5% - .25rem)}
.div-8.m-1,.div-8.ml-2,.div-8.mr-2,.div-8.mx-1{width:calc(12.5% - .5rem)}
.div-8.m-2,.div-8.ml-3,.div-8.mr-3,.div-8.mx-2{width:calc(12.5% - 1rem)}
.div-8.ml-4,.div-8.mr-4{width:calc(12.5% - 1.5rem)}
.div-8.m-3,.div-8.mx-3{width:calc(12.5% - 2rem)}
.div-8.m-4,.div-8.ml-5,.div-8.mr-5,.div-8.mx-4{width:calc(12.5% - 3rem)}
.div-8.m-5,.div-8.mx-5{width:calc(12.5% - 6rem)}
@media (max-width:959px){
.line-l>.cell-1{width:12.5%}
.line-l>.cell-2{width:25%}
.line-l>.cell-3{width:calc(100%/3)}
.line-l>.cell-4{width:50%}
.line-l>.cell-5,.line-l>.cell-6, .line-l>.cell-7,.line-l>.cell-8,
.line-l>.cell-9,.line-l>.cell-10,.line-l>.cell-11{width:100%}
}
@media (max-width:767px){
.line-l>.cell-1{width:25%}
.line-l>.cell-2,.line-l>.cell-3{width:50%}
.line-l>.cell-4{width:100%}
.line>.cell-1{width:12.5%}
.line>.cell-2{width:25%}
.line>.cell-3{width:calc(100%/3)}
.line>.cell-4{width:50%}
.line>.cell-5,.line>.cell-6, .line>.cell-7,.line>.cell-8,
.line>.cell-9,.line>.cell-10,.line>.cell-11{width:100%}

.line>.cell-1.ml-1,.line>.cell-1.mr-1{width:calc(12.5% - .25rem)}
.line>.cell-1.m-1,.line>.cell-1.ml-2,.line>.cell-1.mr-2,.line>.cell-1.mx-1{width:calc(12.5% - .5rem)}
.line>.cell-1.m-2,.line>.cell-1.ml-3,.line>.cell-1.mr-3,.line>.cell-1.mx-2{width:calc(12.5% - 1rem)}
.line>.cell-1.ml-4,.line>.cell-1.mr-4{width:calc(12.5% - 1.5rem)}
.line>.cell-1.m-3,.line>.cell-1.mx-3{width:calc(12.5% - 2rem)}
.line>.cell-1.m-4,.line>.cell-1.ml-5,.line>.cell-1.mr-5,.line>.cell-1.mx-4{width:calc(12.5% - 3rem)}
.line>.cell-1.m-5,.line>.cell-1.mx-5{width:calc(12.5% - 6rem)}
.line>.cell-2.ml-1,.line>.cell-2.mr-1{width:calc(25% - .25rem)}
.line>.cell-2.m-1,.line>.cell-2.ml-2,.line>.cell-2.mr-2,.line>.cell-2.mx-1{width:calc(25% - .5rem)}
.line>.cell-2.m-2,.line>.cell-2.ml-3,.line>.cell-2.mr-3,.line>.cell-2.mx-2{width:calc(25% - 1rem)}
.line>.cell-2.ml-4,.line>.cell-2.mr-4{width:calc(25% - 1.5rem)}
.line>.cell-2.m-3,.line>.cell-2.mx-3{width:calc(25% - 2rem)}
.line>.cell-2.m-4,.line>.cell-2.ml-5,.line>.cell-2.mr-5,.line>.cell-2.mx-4{width:calc(25% - 3rem)}
.line>.cell-2.m-5,.line>.cell-2.mx-5{width:calc(25% - 6rem)}
.line>.cell-3.ml-1,.line>.cell-3.mr-1{width:calc(100%/3 - .25rem)}
.line>.cell-3.m-1,.line>.cell-3.ml-2,.line>.cell-3.mr-2,.line>.cell-3.mx-1{width:calc(100%/3 - .5rem)}
.line>.cell-3.m-2,.line>.cell-3.ml-3,.line>.cell-3.mr-3,.line>.cell-3.mx-2{width:calc(100%/3 - 1rem)}
.line>.cell-3.ml-4,.line>.cell-3.mr-4{width:calc(100%/3 - 1.5rem)}
.line>.cell-3.m-3,.line>.cell-3.mx-3{width:calc(100%/3 - 2rem)}
.line>.cell-3.m-4,.line>.cell-3.ml-5,.line>.cell-3.mr-5,.line>.cell-3.mx-4{width:calc(100%/3 - 3rem)}
.line>.cell-3.m-5,.line>.cell-3.mx-5{width:calc(100%/3 - 6rem)}
.line>.cell-4.ml-1,.line>.cell-4.mr-1{width:calc(50% - .25rem)}
.line>.cell-4.m-1,.line>.cell-4.ml-2,.line>.cell-4.mr-2,.line>.cell-4.mx-1{width:calc(50% - .5rem)}
.line>.cell-4.m-2,.line>.cell-4.ml-3,.line>.cell-4.mr-3,.line>.cell-4.mx-2{width:calc(50% - 1rem)}
.line>.cell-4.ml-4,.line>.cell-4.mr-4{width:calc(50% - 1.5rem)}
.line>.cell-4.m-3,.line>.cell-4.mx-3{width:calc(50% - 2rem)}
.line>.cell-4.m-4,.line>.cell-4.ml-5,.line>.cell-4.mr-5,.line>.cell-4.mx-4{width:calc(50% - 3rem)}
.line>.cell-4.m-5,.line>.cell-4.mx-5{width:calc(50% - 6rem)}
}
@media (max-width:575px){
.line-l>.cell-1{width:50%}
.line-l>.cell-2,.line-l>.cell-3{width:100%}
.line>.cell-1{width:25%}
.line>.cell-2{width:50%}
.line>.cell-3,.line>.cell-4{width:100%/*!important*/}
.line-m>.cell-1{width:calc(50%/3)}
.line-m>.cell-2{width:calc(100%/3)}
.line-m>.cell-3{width:50%}
.line-m>.cell-4,.line-m>.cell-5,.line-m> .cell-6,.line-m>.cell-7,
.line-m>.cell-8,.line-m>.cell-9,.line-m>.cell-10,.line-m>.cell-11{width:100%}

.line>.cell-1.ml-1,.line>.cell-1.mr-1{width:calc(25% - .25rem)}
.line>.cell-1.m-1,.line>.cell-1.ml-2,.line>.cell-1.mr-2,.line>.cell-1.mx-1{width:calc(25% - .5rem)}
.line>.cell-1.m-2,.line>.cell-1.ml-3,.line>.cell-1.mr-3,.line>.cell-1.mx-2{width:calc(25% - 1rem)}
.line>.cell-1.ml-4,.line>.cell-1.mr-4{width:calc(25% - 1.5rem)}
.line>.cell-1.m-3,.line>.cell-1.mx-3{width:calc(25% - 2rem)}
.line>.cell-1.m-4,.line>.cell-1.ml-5,.line>.cell-1.mr-5,.line>.cell-1.mx-4{width:calc(25% - 3rem)}
.line>.cell-1.m-5,.line>.cell-1.mx-5{width:calc(25% - 6rem)}
.line>.cell-2.ml-1,.line>.cell-2.mr-1{width:calc(50% - .25rem)}
.line>.cell-2.m-1,.line>.cell-2.ml-2,.line>.cell-2.mr-2,.line>.cell-2.mx-1{width:calc(50% - .5rem)}
.line>.cell-2.m-2,.line>.cell-2.ml-3,.line>.cell-2.mr-3,.line>.cell-2.mx-2{width:calc(50% - 1rem)}
.line>.cell-2.ml-4,.line>.cell-2.mr-4{width:calc(50% - 1.5rem)}
.line>.cell-2.m-3,.line>.cell-2.mx-3{width:calc(50% - 2rem)}
.line>.cell-2.m-4,.line>.cell-2.ml-5,.line>.cell-2.mr-5,.line>.cell-2.mx-4{width:calc(50% - 3rem)}
.line>.cell-2.m-5,.line>.cell-2.mx-5{width:calc(50% - 6rem)}
.line-m>.cell-1.ml-1,.line-m>.cell-1.mr-1{width:calc(50%/3 - .25rem)}
.line-m>.cell-1.m-1,.line-m>.cell-1.ml-2,.line-m>.cell-1.mr-2,.line-m>.cell-1.mx-1{width:calc(50%/3 - .5rem)}
.line-m>.cell-1.m-2,.line-m>.cell-1.ml-3,.line-m>.cell-1.mr-3,.line-m>.cell-1.mx-2{width:calc(50%/3 - 1rem)}
.line-m>.cell-1.ml-4,.line-m>.cell-1.mr-4{width:calc(50%/3 - 1.5rem)}
.line-m>.cell-1.m-3,.line-m>.cell-1.mx-3{width:calc(50%/3 - 2rem)}
.line-m>.cell-1.m-4,.line-m>.cell-1.ml-5,.line-m>.cell-1.mr-5,.line-m>.cell-1.mx-4{width:calc(50%/3 - 3rem)}
.line-m>.cell-1.m-5,.line-m>.cell-1.mx-5{width:calc(50%/3 - 6rem)}
.line-m>.cell-2.ml-1,.line-m>.cell-2.mr-1{width:calc(100%/3 - .25rem)}
.line-m>.cell-2.m-1,.line-m>.cell-2.ml-2,.line-m>.cell-2.mr-2,.line-m>.cell-2.mx-1{width:calc(100%/3 - .5rem)}
.line-m>.cell-2.m-2,.line-m>.cell-2.ml-3,.line-m>.cell-2.mr-3,.line-m>.cell-2.mx-2{width:calc(100%/3 - 1rem)}
.line-m>.cell-2.ml-4,.line-m>.cell-2.mr-4{width:calc(100%/3 - 1.5rem)}
.line-m>.cell-2.m-3,.line-m>.cell-2.mx-3{width:calc(100%/3 - 2rem)}
.line-m>.cell-2.m-4,.line-m>.cell-2.ml-5,.line-m>.cell-2.mr-5,.line-m>.cell-2.mx-4{width:calc(100%/3 - 3rem)}
.line-m>.cell-2.m-5,.line-m>.cell-2.mx-5{width:calc(100%/3 - 6rem)}
.line-m>.cell-3.ml-1,.line-m>.cell-3.mr-1{width:calc(50% -.25rem)}
.line-m>.cell-3.m-1,.line-m>.cell-3.ml-2,.line-m>.cell-3.mr-2,.line-m>.cell-3.mx-1{width:calc(50% - .5rem)}
.line-m>.cell-3.m-2,.line-m>.cell-3.ml-3,.line-m>.cell-3.mr-3,.line-m>.cell-3.mx-2{width:calc(50% - 1rem)}
.line-m>.cell-3.ml-4,.line-m>.cell-3.mr-4{width:calc(50% - 1.5rem)}
.line-m>.cell-3.m-3,.line-m>.cell-3.mx-3{width:calc(50% - 2rem)}
.line-m>.cell-3.m-4,.line-m>.cell-3.ml-5,.line-m>.cell-3.mr-5,.line-m>.cell-3.mx-4{width:calc(50% - 3rem)}
.line-m>.cell-3.m-5,.line-m>.cell-3.mx-5{width:calc(50% - 6rem)}
}
/*TODO .line-l.cell-3 etc*/