body {margin:0;}
h1 {
    font-size: 4rem;
}

h2 {
    font-size: 1.7rem;
    color: #000;
    font-weight: 200
}

h3 {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 500;
    line-height: 1
}

h4 {
    font-size: 1.3rem;
    color: #000;font-weight:200;
}

h5 {
    font-size: 1.2rem;
    color: #000;
    font-weight: 300;
}

h6 {
    font-size: 1.1rem;
    color: #fff;
    font-weight: 500;
}

r-c,[r-c],[data-r-c]{
    display:flex;
    flex-wrap:wrap
}
r-c,[data-r-c]{
    width:auto!important
}
r-c,[r-c],[data-r-c],r-c > *,[r-c] > *,[data-r-c] > *{
    box-sizing:border-box
}
r-c,[r-c],[data-r-c]{
    margin:calc(5.455px + 1.42041vw);
    gap:calc(5.455px + 1.42041vw)
}
[join],[data-join]{
    margin:0;
    gap:0
}
[join] > *,[data-join] > *{
    padding:calc(5.455px + 1.42041vw)
}
[r-c]{
    margin:0
}
[r-c][join]{
    padding:0
}
r-c[center],[r-c][center],[data-center]{
    justify-content:center
}
r-c[right],[r-c][right],[data-right]{
    justify-content:flex-end
}
r-c[space-between],[r-c][space-between],[data-space-between]{
    justify-content:space-between
}
r-c[space-evenly],[r-c][space-evenly],[data-space-evenly]{
    justify-content:space-evenly
}
r-c[top],[r-c][top],[data-top]{
    align-items:flex-start
}
r-c[middle],[r-c][middle],[data-middle]{
    align-items:center
}
r-c[bottom],[r-c][bottom],[data-bottom]{
    align-items:flex-end
}
r-c > *,[r-c] > *,[data-r-c] > *,c1-1:not([x]),[c1-1]:not(x),[data-c1-2]:not(x),r-c[c1-1]:not(x) > *,[data-r-c][data-c1-1] > *{
    width:100%
}
c1-2:not([x]),[c1-2]:not(x),[data-c1-2]:not(x),r-c[c1-2]:not(x) > *,[data-r-c][data-c1-2] > *{
    width:calc(50% - (5.455px + 1.42041vw)/2)
}
c1-3:not([x]),[c1-3]:not(x),[data-c1-3]:not(x),r-c[c1-3]:not(x) > *,[data-r-c][data-c1-3] > *{
    width:calc(100%/3 - (5.455px + 1.42041vw)/3*2)
}
c2-3:not([x]),[c2-3]:not(x),[data-c2-3]:not(x),r-c[c2-3]:not(x) > *,[data-r-c][data-c2-3] > *{
    width:calc(100%/3*2 - (5.455px + 1.42041vw)/3)
}
c1-4:not([x]),[c1-4]:not(x),[data-c1-4]:not(x),r-c[c1-4]:not(x) > *,[data-r-c][data-c1-4] > *{
    width:calc(25% - (5.455px + 1.42041vw)/4*3)
}
c2-4:not([x]),[c2-4]:not(x),[data-c2-4]:not(x),r-c[c2-4]:not(x) > *,[data-r-c][data-c2-4] > *{
    width:calc(50% - (5.455px + 1.42041vw)/2)
}
c3-4:not([x]),[c3-4]:not(x),[data-c3-4]:not(x),r-c[c3-4]:not(x) > *,[data-r-c][data-c3-4] > *{
    width:calc(25% - (5.455px + 1.42041vw)/4)
}
c1-5:not([x]),[c1-5]:not(x),[data-c1-5]:not(x),r-c[c1-5]:not(x) > *,[data-r-c][data-c1-5] > *{
    width:calc(100%/5 - (5.455px + 1.42041vw)/5*4)
}
c2-5:not([x]),[c2-5]:not(x),[data-c2-5]:not(x),r-c[c2-5]:not(x) > *,[data-r-c][data-c2-5] > *{
    width:calc(100%/5*2 - (5.455px + 1.42041vw)/5*3)
}
c3-5:not([x]),[c3-5]:not(x),[data-c3-5]:not(x),r-c[c3-5]:not(x) > *,[data-r-c][data-c3-5] > *{
    width:calc(100%/5*3 - (5.455px + 1.42041vw)/5*2)
}
c4-5:not([x]),[c4-5]:not(x),[data-c4-5]:not(x),r-c[c4-5]:not(x) > *,[data-r-c][data-c4-5] > *{
    width:calc(100%/5*4 - (5.455px + 1.42041vw)/5)
}
c1-6:not([x]),[c1-6]:not(x),[data-c1-6]:not(x),r-c[c1-6]:not(x) > *,[data-r-c][data-c1-6] > *{
    width:calc(100%/6 - (5.455px + 1.42041vw)/6*5)
}
c2-6:not([x]),[c2-6]:not(x),[data-c2-6]:not(x),r-c[c2-6]:not(x) > *,[data-r-c][data-c2-6] > *{
    width:calc(100%/6*2 - (5.455px + 1.42041vw)/6*4)
}
c3-6:not([x]),[c3-6]:not(x),[data-c3-6]:not(x),r-c[c3-6]:not(x) > *,[data-r-c][data-c3-6] > *{
    width:calc(50% - (5.455px + 1.42041vw)/2)
}
c4-6:not([x]),[c4-6]:not(x),[data-c4-6]:not(x),r-c[c4-6]:not(x) > *,[data-r-c][data-c4-6] > *{
    width:calc(100%/6*4 - (5.455px + 1.42041vw)/6*2)
}
c5-6:not([x]),[c5-6]:not(x),[data-c5-6]:not(x),r-c[c5-6]:not(x) > *,[data-r-c][data-c5-6] > *{
    width:calc(100%/6*5 - (5.455px + 1.42041vw)/6)
}
c1-7:not([x]),[c1-7]:not(x),[data-c1-7]:not(x),r-c[c1-7]:not(x) > *,[data-r-c][data-c1-7] > *{
    width:calc(100%/7 - (5.455px + 1.42041vw)/7*6)
}
c2-7:not([x]),[c2-7]:not(x),[data-c2-7]:not(x),r-c[c2-7]:not(x) > *,[data-r-c][data-c2-7] > *{
    width:calc(100%/7*2 - (5.455px + 1.42041vw)/7*5)
}
c3-7:not([x]),[c3-7]:not(x),[data-c3-7]:not(x),r-c[c3-7]:not(x) > *,[data-r-c][data-c3-7] > *{
    width:calc(100%/7*3 - (5.455px + 1.42041vw)/7*4)
}
c4-7:not([x]),[c4-7]:not(x),[data-c4-7]:not(x),r-c[c4-7]:not(x) > *,[data-r-c][data-c4-7] > *{
    width:calc(100%/7*4 - (5.455px + 1.42041vw)/7*3)
}
c5-7:not([x]),[c5-7]:not(x),[data-c5-7]:not(x),r-c[c5-7]:not(x) > *,[data-r-c][data-c5-7] > *{
    width:calc(100%/7*5 - (5.455px + 1.42041vw)/7*2)
}
c6-7:not([x]),[c6-7]:not(x),[data-c6-7]:not(x),r-c[c6-7]:not(x) > *,[data-r-c][data-c6-7] > *{
    width:calc(100%/7*6 - (5.455px + 1.42041vw)/7)
}
c1-8:not([x]),[c1-8]:not(x),[data-c1-8]:not(x),r-c[c1-8]:not(x) > *,[data-r-c][data-c1-8] > *{
    width:calc(100%/8 - (5.455px + 1.42041vw)/8*7)
}
c2-8:not([x]),[c2-8]:not(x),[data-c2-8]:not(x),r-c[c2-8]:not(x) > *,[data-r-c][data-c2-8] > *{
    width:calc(100%/8*2 - (5.455px + 1.42041vw)/8*6)
}
c3-8:not([x]),[c3-8]:not(x),[data-c3-8]:not(x),r-c[c3-8]:not(x) > *,[data-r-c][data-c3-8] > *{
    width:calc(100%/8*3 - (5.455px + 1.42041vw)/8*5)
}
c4-8:not([x]),[c4-8]:not(x),[data-c4-8]:not(x),r-c[c4-8]:not(x) > *,[data-r-c][data-c4-8] > *{
    width:calc(50% - (5.455px + 1.42041vw)/2)
}
c5-8:not([x]),[c5-8]:not(x),[data-c5-8]:not(x),r-c[c5-8]:not(x) > *,[data-r-c][data-c5-8] > *{
    width:calc(100%/8*5 - (5.455px + 1.42041vw)/8*3)
}
c6-8:not([x]),[c6-8]:not(x),[data-c6-8]:not(x),r-c[c6-8]:not(x) > *,[data-r-c][data-c6-8] > *{
    width:calc(100%/8*6 - (5.455px + 1.42041vw)/8*2)
}
c7-8:not([x]),[c7-8]:not(x),[data-c7-8]:not(x),r-c[c7-8]:not(x) > *,[data-r-c][data-c7-8] > *{
    width:calc(100%/8*7 - (5.455px + 1.42041vw)/8)
}
[join] > c1-1,[join] > [data-c1-1],[data-join] > c1-1,[data-join] > [data-c1-1],[join][c1-1]:not(x) > *,[data-join][data-c1-1]:not(x) > *{
    width:100%
}
[join] > c1-2,[join] > [data-c1-2],[data-join] > c1-2,[data-join] > [data-c1-2],[join][c1-2]:not(x) > *,[data-join][data-c1-2]:not(x) > *,[join] > c2-4,[join] > [data-c2-4],[data-join] > c2-4,[data-join] > [data-c2-4],[join][c2-4]:not(x) > *,[data-join][data-c2-4]:not(x) > *,[join] > c3-6,[join] > [data-c3-6],[data-join] > c3-6,[data-join] > [data-c3-6],[join][c3-6]:not(x) > *,[data-join][data-c3-6]:not(x) > *,[join] > c4-8,[join] > [data-c4-8],[data-join] > c4-8,[data-join] > [data-c4-8],[join][c4-8]:not(x) > *,[data-join][data-c4-8]:not(x) > *{
    width:50%
}
[join] > c1-3,[join] > [data-c1-3],[data-join] > c1-3,[data-join] > [data-c1-3],[join][c1-3]:not(x) > *,[data-join][data-c1-3]:not(x) > *,[join] > c2-6,[join] > [data-c2-6],[data-join] > c2-6,[data-join] > [data-c2-6],[join][c2-6]:not(x) > *,[data-join][data-c2-6]:not(x) > *{
    width:calc(100%/3)
}
[join] > c2-3,[join] > [data-c2-3],[data-join] > c2-3,[data-join] > [data-c2-3],[join][c2-3]:not(x) > *,[data-join][data-c2-3]:not(x) > *,[join] > c4-6,[join] > [data-c4-6],[data-join] > c4-6,[data-join] > [data-c4-6],[join][c4-6]:not(x) > *,[data-join][data-c4-6]:not(x) > *{
    width:calc(100%/3*2)
}
[join] > c1-4,[join] > [data-c1-4],[data-join] > c1-4,[data-join] > [data-c1-4],[join][c1-4]:not(x) > *,[data-join][data-c1-4]:not(x) > *,[join] > c2-8,[join] > [data-c2-8],[data-join] > c2-8,[data-join] > [data-c2-8],[join][c2-8]:not(x) > *,[data-join][data-c2-8]:not(x) > *{
    width:25%
}
[join] > c3-4,[join] > [data-c3-4],[data-join] > c3-4,[data-join] > [data-c3-4],[join][c3-4]:not(x) > *,[data-join][data-c3-4]:not(x) > *,[join] > c6-8,[join] > [data-c6-8],[data-join] > c6-8,[data-join] > [data-c6-8],[join][c6-8]:not(x) > *,[data-join][data-c6-8]:not(x) > *{
    width:75%
}
[join] > c1-5,[join] > [data-c1-5],[data-join] > c1-5,[data-join] > [data-c1-5],[join][c1-5]:not(x) > *,[data-join][data-c1-5]:not(x) > *{
    width:20%
}
[join] > c2-5,[join] > [data-c2-5],[data-join] > c2-5,[data-join] > [data-c2-5],[join][c2-5]:not(x) > *,[data-join][data-c2-5]:not(x) > *{
    width:40%
}
[join] > c3-5,[join] > [data-c3-5],[data-join] > c3-5,[data-join] > [data-c3-5],[join][c3-5]:not(x) > *,[data-join][data-c3-5]:not(x) > *{
    width:60%
}
[join] > c4-5,[join] > [data-c4-5],[data-join] > c4-5,[data-join] > [data-c4-5],[join][c4-5]:not(x) > *,[data-join][data-c4-5]:not(x) > *{
    width:80%
}
[join] > c1-6,[join] > [data-c1-6],[data-join] > c1-6,[data-join] > [data-c1-6],[join][c1-6]:not(x) > *,[data-join][data-c1-6]:not(x) > *{
    width:calc(100%/6)
}
[join] > c5-6,[join] > [data-c5-6],[data-join] > c5-6,[data-join] > [data-c5-6],[join][c5-6]:not(x) > *,[data-join][data-c5-6]:not(x) > *{
    width:calc(100%/6*5)
}
[join] > c1-7,[join] > [data-c1-7],[data-join] > c1-7,[data-join] > [data-c1-7],[join][c1-7]:not(x) > *,[data-join][data-c1-7]:not(x) > *{
    width:calc(100%/7)
}
[join] > c2-7,[join] > [data-c2-7],[data-join] > c2-7,[data-join] > [data-c2-7],[join][c2-7]:not(x) > *,[data-join][data-c2-7]:not(x) > *{
    width:calc(100%/7*2)
}
[join] > c3-7,[join] > [data-c3-7],[data-join] > c3-7,[data-join] > [data-c3-7],[join][c3-7]:not(x) > *,[data-join][data-c3-7]:not(x) > *{
    width:calc(100%/7*3)
}
[join] > c4-7,[join] > [data-c4-7],[data-join] > c4-7,[data-join] > [data-c4-7],[join][c4-7]:not(x) > *,[data-join][data-c4-7]:not(x) > *{
    width:calc(100%/7*4)
}
[join] > c5-7,[join] > [data-c5-7],[data-join] > c5-7,[data-join] > [data-c5-7],[join][c5-7]:not(x) > *,[data-join][data-c5-7]:not(x) > *{
    width:calc(100%/7*5)
}
[join] > c6-7,[join] > [data-c6-7],[data-join] > c6-7,[data-join] > [data-c6-7],[join][c6-7]:not(x) > *,[data-join][data-c6-7]:not(x) > *{
    width:calc(100%/7*6)
}
[join] > c1-8,[join] > [data-c1-8],[data-join] > c1-8,[data-join] > [data-c1-8],[join][c1-8]:not(x) > *,[data-join][data-c1-8]:not(x) > *{
    width:calc(100%/8)
}
[join] > c3-8,[join] > [data-c3-8],[data-join] > c3-8,[data-join] > [data-c3-8],[join][c3-8]:not(x) > *,[data-join][data-c3-8]:not(x) > *{
    width:calc(100%/8*3)
}
[join] > c5-8,[join] > [data-c5-8],[data-join] > c5-8,[data-join] > [data-c5-8],[join][c5-8]:not(x) > *,[data-join][data-c5-8]:not(x) > *{
    width:calc(100%/8*5)
}
[join] > c7-8,[join] > [data-c7-8],[data-join] > c7-8,[data-join] > [data-c7-8],[join][c7-8]:not(x) > *,[data-join][data-c7-8]:not(x) > *{
    width:calc(100%/8*7)
}
[xs1],[data-xs1]{
    order:-8
}
[xs2],[data-xs2]{
    order:-7
}
[xs3],[data-xs3]{
    order:-6
}
[xs4],[data-xs4]{
    order:-5
}
[xs5],[data-xs5]{
    order:-4
}
[xs6],[data-xs6]{
    order:-3
}
[xs7],[data-xs7]{
    order:-2
}
[xs8],[data-xs8]{
    order:-1
}
@media (min-width:600px){
    [sm1-1]:not(x),[data-sm1-1]:not(x),r-c[sm1-1]:not(x) > *,[data-r-c][data-sm1-1] > *{
        width:100%
    }
    [sm1-2]:not(x),[data-sm1-2]:not(x),r-c[sm1-2]:not(x) > *,[data-r-c][data-sm1-2] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [sm1-3]:not(x),[data-sm1-3]:not(x),r-c[sm1-3]:not(x) > *,[data-r-c][data-sm1-3] > *{
        width:calc(100%/3 - (5.455px + 1.42041vw)/3*2)
    }
    [sm2-3]:not(x),[data-sm2-3]:not(x),r-c[sm2-3]:not(x) > *,[data-r-c][data-sm2-3] > *{
        width:calc(100%/3*2 - (5.455px + 1.42041vw)/3)
    }
    [sm1-4]:not(x),[data-sm1-4]:not(x),r-c[sm1-4]:not(x) > *,[data-r-c][data-sm1-4] > *{
        width:calc(25% - (5.455px + 1.42041vw)/4*3)
    }
    [sm2-4]:not(x),[data-sm2-4]:not(x),r-c[sm2-4]:not(x) > *,[data-r-c][data-sm2-4] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [sm3-4]:not(x),[data-sm3-4]:not(x),r-c[sm3-4]:not(x) > *,[data-r-c][data-sm3-4] > *{
        width:calc(75% - (5.455px + 1.42041vw)/4)
    }
    [sm1-5]:not(x),[data-sm1-5]:not(x),r-c[sm1-5]:not(x) > *,[data-r-c][data-sm1-5] > *{
        width:calc(100%/5 - (5.455px + 1.42041vw)/5*4)
    }
    [sm2-5]:not(x),[data-sm2-5]:not(x),r-c[sm2-5]:not(x) > *,[data-r-c][data-sm2-5] > *{
        width:calc(100%/5*2 - (5.455px + 1.42041vw)/5*3)
    }
    [sm3-5]:not(x),[data-sm3-5]:not(x),r-c[sm3-5]:not(x) > *,[data-r-c][data-sm3-5] > *{
        width:calc(100%/5*3 - (5.455px + 1.42041vw)/5*2)
    }
    [sm4-5]:not(x),[data-sm4-5]:not(x),r-c[sm4-5]:not(x) > *,[data-r-c][data-sm4-5] > *{
        width:calc(100%/5*4 - (5.455px + 1.42041vw)/5)
    }
    [sm1-6]:not(x),[data-sm1-6]:not(x),r-c[sm1-6]:not(x) > *,[data-r-c][data-sm1-6] > *{
        width:calc(100%/6 - (5.455px + 1.42041vw)/6*5)
    }
    [sm2-6]:not(x),[data-sm2-6]:not(x),r-c[sm2-6]:not(x) > *,[data-r-c][data-sm2-6] > *{
        width:calc(100%/6*2 - (5.455px + 1.42041vw)/6*4)
    }
    [sm3-6]:not(x),[data-sm3-6]:not(x),r-c[sm3-6]:not(x) > *,[data-r-c][data-sm3-6] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [sm4-6]:not(x),[data-sm4-6]:not(x),r-c[sm4-6]:not(x) > *,[data-r-c][data-sm4-6] > *{
        width:calc(100%/6*4 - (5.455px + 1.42041vw)/6*2)
    }
    [sm5-6]:not(x),[data-sm5-6]:not(x),r-c[sm5-6]:not(x) > *,[data-r-c][data-sm5-6] > *{
        width:calc(100%/6*5 - (5.455px + 1.42041vw)/6)
    }
    [sm1-7]:not(x),[data-sm1-7]:not(x),r-c[sm1-7]:not(x) > *,[data-r-c][data-sm1-7] > *{
        width:calc(100%/7 - (5.455px + 1.42041vw)/7*6)
    }
    [sm2-7]:not(x),[data-sm2-7]:not(x),r-c[sm2-7]:not(x) > *,[data-r-c][data-sm2-7] > *{
        width:calc(100%/7*2 - (5.455px + 1.42041vw)/7*5)
    }
    [sm3-7]:not(x),[data-sm3-7]:not(x),r-c[sm3-7]:not(x) > *,[data-r-c][data-sm3-7] > *{
        width:calc(100%/7*3 - (5.455px + 1.42041vw)/7*4)
    }
    [sm4-7]:not(x),[data-sm4-7]:not(x),r-c[sm4-7]:not(x) > *,[data-r-c][data-sm4-7] > *{
        width:calc(100%/7*4 - (5.455px + 1.42041vw)/7*3)
    }
    [sm5-7]:not(x),[data-sm5-7]:not(x),r-c[sm5-7]:not(x) > *,[data-r-c][data-sm5-7] > *{
        width:calc(100%/7*5 - (5.455px + 1.42041vw)/7*2)
    }
    [sm6-7]:not(x),[data-sm6-7]:not(x),r-c[sm6-7]:not(x) > *,[data-r-c][data-sm6-7] > *{
        width:calc(100%/7*6 - (5.455px + 1.42041vw)/7)
    }
    [sm1-8]:not(x),[data-sm1-8]:not(x),r-c[sm1-8]:not(x) > *,[data-r-c][data-sm1-8] > *{
        width:calc(100%/8 - (5.455px + 1.42041vw)/8*7)
    }
    [sm2-8]:not(x),[data-sm2-8]:not(x),r-c[sm2-8]:not(x) > *,[data-r-c][data-sm2-8] > *{
        width:calc(100%/8*2 - (5.455px + 1.42041vw)/8*6)
    }
    [sm3-8]:not(x),[data-sm3-8]:not(x),r-c[sm3-8]:not(x) > *,[data-r-c][data-sm3-8] > *{
        width:calc(100%/8*3 - (5.455px + 1.42041vw)/8*5)
    }
    [sm4-8]:not(x),[data-sm4-8]:not(x),r-c[sm4-8]:not(x) > *,[data-r-c][data-sm4-8] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [sm5-8]:not(x),[data-sm5-8]:not(x),r-c[sm5-8]:not(x) > *,[data-r-c][data-sm5-8] > *{
        width:calc(100%/8*5 - (5.455px + 1.42041vw)/8*3)
    }
    [sm6-8]:not(x),[data-sm6-8]:not(x),r-c[sm6-8]:not(x) > *,[data-r-c][data-sm6-8] > *{
        width:calc(100%/8*6 - (5.455px + 1.42041vw)/8*2)
    }
    [sm7-8]:not(x),[data-sm7-8]:not(x),r-c[sm7-8]:not(x) > *,[data-r-c][data-sm7-8] > *{
        width:calc(100%/8*7 - (5.455px + 1.42041vw)/8)
    }
    [join] > [sm1-1],[join] > [data-sm1-1],[data-join] > [sm1-1],[data-join] > [data-sm1-1],[join][sm1-1]:not([r-c]) > *,[data-join][data-sm1-1]:not([x]) > *{
        width:100%
    }
    [join] > [sm1-2],[join] > [data-sm1-2],[data-join] > [sm1-2],[data-join] > [data-sm1-2],[join][sm1-2]:not([r-c]) > *,[data-join][data-sm1-2]:not([x]) > *,[join] > [sm2-4],[join] > [data-sm2-4],[data-join] > [sm2-4],[data-join] > [data-sm2-4],[join][sm2-4]:not([r-c]) > *,[data-join][data-sm2-4]:not([x]) > *,[join] > [sm3-6],[join] > [data-sm3-6],[data-join] > [sm3-6],[data-join] > [data-sm3-6],[join][sm3-6]:not([r-c]) > *,[data-join][data-sm3-6]:not([x]) > *,[join] > [sm4-8],[join] > [data-sm4-8],[data-join] > [sm4-8],[data-join] > [data-sm4-8],[join][sm4-8]:not([r-c]) > *,[data-join][data-sm4-8]:not([x]) > *{
        width:50%
    }
    [join] > [sm1-3],[join] > [data-sm1-3],[data-join] > [sm1-3],[data-join] > [data-sm1-3],[join][sm1-3]:not([r-c]) > *,[data-join][data-sm1-3]:not([x]) > *,[join] > [sm2-6],[join] > [data-sm2-6],[data-join] > [sm2-6],[data-join] > [data-sm2-6],[join][sm2-6]:not([r-c]) > *,[data-join][data-sm2-6]:not([x]) > *{
        width:calc(100%/3)
    }
    [join] > [sm2-3],[join] > [data-sm2-3],[data-join] > [sm2-3],[data-join] > [data-sm2-3],[join][sm2-3]:not([r-c]) > *,[data-join][data-sm2-3]:not([x]) > *,[join] > [sm4-6],[join] > [data-sm4-6],[data-join] > [sm4-6],[data-join] > [data-sm4-6],[join][sm4-6]:not([r-c]) > *,[data-join][data-sm4-6]:not([x]) > *{
        width:calc(100%/3*2)
    }
    [join] > [sm1-4],[join] > [data-sm1-4],[data-join] > [sm1-4],[data-join] > [data-sm1-4],[join][sm1-4]:not([r-c]) > *,[data-join][data-sm1-4]:not([x]) > *,[join] > [sm2-8],[join] > [data-sm2-8],[data-join] > [sm2-8],[data-join] > [data-sm2-8],[join][sm2-8]:not([r-c]) > *,[data-join][data-sm2-8]:not([x]) > *{
        width:25%
    }
    [join] > [sm3-4],[join] > [data-sm3-4],[data-join] > [sm3-4],[data-join] > [data-sm3-4],[join][sm3-4]:not([r-c]) > *,[data-join][data-sm3-4]:not([x]) > *,[join] > [sm6-8],[join] > [data-sm6-8],[data-join] > [sm6-8],[data-join] > [data-sm6-8],[join][sm6-8]:not([r-c]) > *,[data-join][data-sm6-8]:not([x]) > *{
        width:75%
    }
    [join] > [sm1-5],[join] > [data-sm1-5],[data-join] > [sm1-5],[data-join] > [data-sm1-5],[join][sm1-5]:not([r-c]) > *,[data-join][data-sm1-5]:not([x]) > *{
        width:20%
    }
    [join] > [sm2-5],[join] > [data-sm2-5],[data-join] > [sm2-5],[data-join] > [data-sm2-5],[join][sm2-5]:not([r-c]) > *,[data-join][data-sm2-5]:not([x]) > *{
        width:40%
    }
    [join] > [sm3-5],[join] > [data-sm3-5],[data-join] > [sm3-5],[data-join] > [data-sm3-5],[join][sm3-5]:not([r-c]) > *,[data-join][data-sm3-5]:not([x]) > *{
        width:60%
    }
    [join] > [sm4-5],[join] > [data-sm4-5],[data-join] > [sm4-5],[data-join] > [data-sm4-5],[join][sm4-5]:not([r-c]) > *,[data-join][data-sm4-5]:not([x]) > *{
        width:80%
    }
    [join] > [sm1-6],[join] > [data-sm1-6],[data-join] > [sm1-6],[data-join] > [data-sm1-6],[join][sm1-6]:not([r-c]) > *,[data-join][data-sm1-6]:not([x]) > *{
        width:calc(100%/6)
    }
    [join] > [sm5-6],[join] > [data-sm5-6],[data-join] > [sm5-6],[data-join] > [data-sm5-6],[join][sm5-6]:not([r-c]) > *,[data-join][data-sm5-6]:not([x]) > *{
        width:calc(100%/6*5)
    }
    [join] > [sm1-7],[join] > [data-sm1-7],[data-join] > [sm1-7],[data-join] > [data-sm1-7],[join][sm1-7]:not([r-c]) > *,[data-join][data-sm1-7]:not([x]) > *{
        width:calc(100%/7)
    }
    [join] > [sm2-7],[join] > [data-sm2-7],[data-join] > [sm2-7],[data-join] > [data-sm2-7],[join][sm2-7]:not([r-c]) > *,[data-join][data-sm2-7]:not([x]) > *{
        width:calc(100%/7*2)
    }
    [join] > [sm3-7],[join] > [data-sm3-7],[data-join] > [sm3-7],[data-join] > [data-sm3-7],[join][sm3-7]:not([r-c]) > *,[data-join][data-sm3-7]:not([x]) > *{
        width:calc(100%/7*3)
    }
    [join] > [sm4-7],[join] > [data-sm4-7],[data-join] > [sm4-7],[data-join] > [data-sm4-7],[join][sm4-7]:not([r-c]) > *,[data-join][data-sm4-7]:not([x]) > *{
        width:calc(100%/7*4)
    }
    [join] > [sm5-7],[join] > [data-sm5-7],[data-join] > [sm5-7],[data-join] > [data-sm5-7],[join][sm5-7]:not([r-c]) > *,[data-join][data-sm5-7]:not([x]) > *{
        width:calc(100%/7*5)
    }
    [join] > [sm6-7],[join] > [data-sm6-7],[data-join] > [sm6-7],[data-join] > [data-sm6-7],[join][sm6-7]:not([r-c]) > *,[data-join][data-sm6-7]:not([x]) > *{
        width:calc(100%/7*6)
    }
    [join] > [sm1-8],[join] > [data-sm1-8],[data-join] > [sm1-8],[data-join] > [data-sm1-8],[join][sm1-8]:not([r-c]) > *,[data-join][data-sm1-8]:not([x]) > *{
        width:calc(100%/8)
    }
    [join] > [sm3-8],[join] > [data-sm3-8],[data-join] > [sm3-8],[data-join] > [data-sm3-8],[join][sm3-8]:not([r-c]) > *,[data-join][data-sm3-8]:not([x]) > *{
        width:calc(100%/8*3)
    }
    [join] > [sm5-8],[join] > [data-sm5-8],[data-join] > [sm5-8],[data-join] > [data-sm5-8],[join][sm5-8]:not([r-c]) > *,[data-join][data-sm5-8]:not([x]) > *{
        width:calc(100%/8*5)
    }
    [join] > [sm7-8],[join] > [data-sm7-8],[data-join] > [sm7-8],[data-join] > [data-sm7-8],[join][sm7-8]:not([r-c]) > *,[data-join][data-sm7-8]:not([x]) > *{
        width:calc(100%/8*7)
    }
    [sm1],[data-sm1]{
        order:-8
    }
    [sm2],[data-sm2]{
        order:-7
    }
    [sm3],[data-sm3]{
        order:-6
    }
    [sm4],[data-sm4]{
        order:-5
    }
    [sm5],[data-sm5]{
        order:-4
    }
    [sm6],[data-sm6]{
        order:-3
    }
    [sm7],[data-sm7]{
        order:-2
    }
    [sm8],[data-sm8]{
        order:-1
    }
}
@media (min-width:900px){
    [md1-1]:not(x),[data-md1-1]:not(x),r-c[md1-1]:not(x) > *,[data-r-c][data-md1-1] > *{
        width:100%
    }
    [md1-2]:not(x),[data-md1-2]:not(x),r-c[md1-2]:not(x) > *,[data-r-c][data-md1-2] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [md1-3]:not(x),[data-md1-3]:not(x),r-c[md1-3]:not(x) > *,[data-r-c][data-md1-3] > *{
        width:calc(100%/3 - (5.455px + 1.42041vw)/3*2)
    }
    [md2-3]:not(x),[data-md2-3]:not(x),r-c[md2-3]:not(x) > *,[data-r-c][data-md2-3] > *{
        width:calc(100%/3*2 - (5.455px + 1.42041vw)/3)
    }
    [md1-4]:not(x),[data-md1-4]:not(x),r-c[md1-4]:not(x) > *,[data-r-c][data-md1-4] > *{
        width:calc(25% - (5.455px + 1.42041vw)/4*3)
    }
    [md2-4]:not(x),[data-md2-4]:not(x),r-c[md2-4]:not(x) > *,[data-r-c][data-md2-4] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [md3-4]:not(x),[data-md3-4]:not(x),r-c[md3-4]:not(x) > *,[data-r-c][data-md3-4] > *{
        width:calc(25% - (5.455px + 1.42041vw)/4)
    }
    [md1-5]:not(x),[data-md1-5]:not(x),r-c[md1-5]:not(x) > *,[data-r-c][data-md1-5] > *{
        width:calc(100%/5 - (5.455px + 1.42041vw)/5*4)
    }
    [md2-5]:not(x),[data-md2-5]:not(x),r-c[md2-5]:not(x) > *,[data-r-c][data-md2-5] > *{
        width:calc(100%/5*2 - (5.455px + 1.42041vw)/5*3)
    }
    [md3-5]:not(x),[data-md3-5]:not(x),r-c[md3-5]:not(x) > *,[data-r-c][data-md3-5] > *{
        width:calc(100%/5*3 - (5.455px + 1.42041vw)/5*2)
    }
    [md4-5]:not(x),[data-md4-5]:not(x),r-c[md4-5]:not(x) > *,[data-r-c][data-md4-5] > *{
        width:calc(100%/5*4 - (5.455px + 1.42041vw)/5)
    }
    [md1-6]:not(x),[data-md1-6]:not(x),r-c[md1-6]:not(x) > *,[data-r-c][data-md1-6] > *{
        width:calc(100%/6 - (5.455px + 1.42041vw)/6*5)
    }
    [md2-6]:not(x),[data-md2-6]:not(x),r-c[md2-6]:not(x) > *,[data-r-c][data-md2-6] > *{
        width:calc(100%/6*2 - (5.455px + 1.42041vw)/6*4)
    }
    [md3-6]:not(x),[data-md3-6]:not(x),r-c[md3-6]:not(x) > *,[data-r-c][data-md3-6] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [md4-6]:not(x),[data-md4-6]:not(x),r-c[md4-6]:not(x) > *,[data-r-c][data-md4-6] > *{
        width:calc(100%/6*4 - (5.455px + 1.42041vw)/6*2)
    }
    [md5-6]:not(x),[data-md5-6]:not(x),r-c[md5-6]:not(x) > *,[data-r-c][data-md5-6] > *{
        width:calc(100%/6*5 - (5.455px + 1.42041vw)/6)
    }
    [md1-7]:not(x),[data-md1-7]:not(x),r-c[md1-7]:not(x) > *,[data-r-c][data-md1-7] > *{
        width:calc(100%/7 - (5.455px + 1.42041vw)/7*6)
    }
    [md2-7]:not(x),[data-md2-7]:not(x),r-c[md2-7]:not(x) > *,[data-r-c][data-md2-7] > *{
        width:calc(100%/7*2 - (5.455px + 1.42041vw)/7*5)
    }
    [md3-7]:not(x),[data-md3-7]:not(x),r-c[md3-7]:not(x) > *,[data-r-c][data-md3-7] > *{
        width:calc(100%/7*3 - (5.455px + 1.42041vw)/7*4)
    }
    [md4-7]:not(x),[data-md4-7]:not(x),r-c[md4-7]:not(x) > *,[data-r-c][data-md4-7] > *{
        width:calc(100%/7*4 - (5.455px + 1.42041vw)/7*3)
    }
    [md5-7]:not(x),[data-md5-7]:not(x),r-c[md5-7]:not(x) > *,[data-r-c][data-md5-7] > *{
        width:calc(100%/7*5 - (5.455px + 1.42041vw)/7*2)
    }
    [md6-7]:not(x),[data-md6-7]:not(x),r-c[md6-7]:not(x) > *,[data-r-c][data-md6-7] > *{
        width:calc(100%/7*6 - (5.455px + 1.42041vw)/7)
    }
    [md1-8]:not(x),[data-md1-8]:not(x),r-c[md1-8]:not(x) > *,[data-r-c][data-md1-8] > *{
        width:calc(100%/8 - (5.455px + 1.42041vw)/8*7)
    }
    [md2-8]:not(x),[data-md2-8]:not(x),r-c[md2-8]:not(x) > *,[data-r-c][data-md2-8] > *{
        width:calc(100%/8*2 - (5.455px + 1.42041vw)/8*6)
    }
    [md3-8]:not(x),[data-md3-8]:not(x),r-c[md3-8]:not(x) > *,[data-r-c][data-md3-8] > *{
        width:calc(100%/8*3 - (5.455px + 1.42041vw)/8*5)
    }
    [md4-8]:not(x),[data-md4-8]:not(x),r-c[md4-8]:not(x) > *,[data-r-c][data-md4-8] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [md5-8]:not(x),[data-md5-8]:not(x),r-c[md5-8]:not(x) > *,[data-r-c][data-md5-8] > *{
        width:calc(100%/8*5 - (5.455px + 1.42041vw)/8*3)
    }
    [md6-8]:not(x),[data-md6-8]:not(x),r-c[md6-8]:not(x) > *,[data-r-c][data-md6-8] > *{
        width:calc(100%/8*6 - (5.455px + 1.42041vw)/8*2)
    }
    [md7-8]:not(x),[data-md7-8]:not(x),r-c[md7-8]:not(x) > *,[data-r-c][data-md7-8] > *{
        width:calc(100%/8*7 - (5.455px + 1.42041vw)/8)
    }
    [join] > [md1-1],[join] > [data-md1-1],[data-join] > [md1-1],[data-join] > [data-md1-1],[join][md1-1]:not([r-c]) > *,[data-join][data-md1-1]:not([x]) > *{
        width:100%
    }
    [join] > [md1-2],[join] > [data-md1-2],[data-join] > [md1-2],[data-join] > [data-md1-2],[join][md1-2]:not([r-c]) > *,[data-join][data-md1-2]:not([x]) > *,[join] > [md2-4],[join] > [data-md2-4],[data-join] > [md2-4],[data-join] > [data-md2-4],[join][md2-4]:not([r-c]) > *,[data-join][data-md2-4]:not([x]) > *,[join] > [md3-6],[join] > [data-md3-6],[data-join] > [md3-6],[data-join] > [data-md3-6],[join][md3-6]:not([r-c]) > *,[data-join][data-md3-6]:not([x]) > *,[join] > [md4-8],[join] > [data-md4-8],[data-join] > [md4-8],[data-join] > [data-md4-8],[join][md4-8]:not([r-c]) > *,[data-join][data-md4-8]:not([x]) > *{
        width:50%
    }
    [join] > [md1-3],[join] > [data-md1-3],[data-join] > [md1-3],[data-join] > [data-md1-3],[join][md1-3]:not([r-c]) > *,[data-join][data-md1-3]:not([x]) > *,[join] > [md2-6],[join] > [data-md2-6],[data-join] > [md2-6],[data-join] > [data-md2-6],[join][md2-6]:not([r-c]) > *,[data-join][data-md2-6]:not([x]) > *{
        width:calc(100%/3)
    }
    [join] > [md2-3],[join] > [data-md2-3],[data-join] > [md2-3],[data-join] > [data-md2-3],[join][md2-3]:not([r-c]) > *,[data-join][data-md2-3]:not([x]) > *,[join] > [md4-6],[join] > [data-md4-6],[data-join] > [md4-6],[data-join] > [data-md4-6],[join][md4-6]:not([r-c]) > *,[data-join][data-md4-6]:not([x]) > *{
        width:calc(100%/3*2)
    }
    [join] > [md1-4],[join] > [data-md1-4],[data-join] > [md1-4],[data-join] > [data-md1-4],[join][md1-4]:not([r-c]) > *,[data-join][data-md1-4]:not([x]) > *,[join] > [md2-8],[join] > [data-md2-8],[data-join] > [md2-8],[data-join] > [data-md2-8],[join][md2-8]:not([r-c]) > *,[data-join][data-md2-8]:not([x]) > *{
        width:25%
    }
    [join] > [md3-4],[join] > [data-md3-4],[data-join] > [md3-4],[data-join] > [data-md3-4],[join][md3-4]:not([r-c]) > *,[data-join][data-md3-4]:not([x]) > *,[join] > [md6-8],[join] > [data-md6-8],[data-join] > [md6-8],[data-join] > [data-md6-8],[join][md6-8]:not([r-c]) > *,[data-join][data-md6-8]:not([x]) > *{
        width:75%
    }
    [join] > [md1-5],[join] > [data-md1-5],[data-join] > [md1-5],[data-join] > [data-md1-5],[join][md1-5]:not([r-c]) > *,[data-join][data-md1-5]:not([x]) > *{
        width:20%
    }
    [join] > [md2-5],[join] > [data-md2-5],[data-join] > [md2-5],[data-join] > [data-md2-5],[join][md2-5]:not([r-c]) > *,[data-join][data-md2-5]:not([x]) > *{
        width:40%
    }
    [join] > [md3-5],[join] > [data-md3-5],[data-join] > [md3-5],[data-join] > [data-md3-5],[join][md3-5]:not([r-c]) > *,[data-join][data-md3-5]:not([x]) > *{
        width:60%
    }
    [join] > [md4-5],[join] > [data-md4-5],[data-join] > [md4-5],[data-join] > [data-md4-5],[join][md4-5]:not([r-c]) > *,[data-join][data-md4-5]:not([x]) > *{
        width:80%
    }
    [join] > [md1-6],[join] > [data-md1-6],[data-join] > [md1-6],[data-join] > [data-md1-6],[join][md1-6]:not([r-c]) > *,[data-join][data-md1-6]:not([x]) > *{
        width:calc(100%/6)
    }
    [join] > [md5-6],[join] > [data-md5-6],[data-join] > [md5-6],[data-join] > [data-md5-6],[join][md5-6]:not([r-c]) > *,[data-join][data-md5-6]:not([x]) > *{
        width:calc(100%/6*5)
    }
    [join] > [md1-7],[join] > [data-md1-7],[data-join] > [md1-7],[data-join] > [data-md1-7],[join][md1-7]:not([r-c]) > *,[data-join][data-md1-7]:not([x]) > *{
        width:calc(100%/7)
    }
    [join] > [md2-7],[join] > [data-md2-7],[data-join] > [md2-7],[data-join] > [data-md2-7],[join][md2-7]:not([r-c]) > *,[data-join][data-md2-7]:not([x]) > *{
        width:calc(100%/7*2)
    }
    [join] > [md3-7],[join] > [data-md3-7],[data-join] > [md3-7],[data-join] > [data-md3-7],[join][md3-7]:not([r-c]) > *,[data-join][data-md3-7]:not([x]) > *{
        width:calc(100%/7*3)
    }
    [join] > [md4-7],[join] > [data-md4-7],[data-join] > [md4-7],[data-join] > [data-md4-7],[join][md4-7]:not([r-c]) > *,[data-join][data-md4-7]:not([x]) > *{
        width:calc(100%/7*4)
    }
    [join] > [md5-7],[join] > [data-md5-7],[data-join] > [md5-7],[data-join] > [data-md5-7],[join][md5-7]:not([r-c]) > *,[data-join][data-md5-7]:not([x]) > *{
        width:calc(100%/7*5)
    }
    [join] > [md6-7],[join] > [data-md6-7],[data-join] > [md6-7],[data-join] > [data-md6-7],[join][md6-7]:not([r-c]) > *,[data-join][data-md6-7]:not([x]) > *{
        width:calc(100%/7*6)
    }
    [join] > [md1-8],[join] > [data-md1-8],[data-join] > [md1-8],[data-join] > [data-md1-8],[join][md1-8]:not([r-c]) > *,[data-join][data-md1-8]:not([x]) > *{
        width:calc(100%/8)
    }
    [join] > [md3-8],[join] > [data-md3-8],[data-join] > [md3-8],[data-join] > [data-md3-8],[join][md3-8]:not([r-c]) > *,[data-join][data-md3-8]:not([x]) > *{
        width:calc(100%/8*3)
    }
    [join] > [md5-8],[join] > [data-md5-8],[data-join] > [md5-8],[data-join] > [data-md5-8],[join][md5-8]:not([r-c]) > *,[data-join][data-md5-8]:not([x]) > *{
        width:calc(100%/8*5)
    }
    [join] > [md7-8],[join] > [data-md7-8],[data-join] > [md7-8],[data-join] > [data-md7-8],[join][md7-8]:not([r-c]) > *,[data-join][data-md7-8]:not([x]) > *{
        width:calc(100%/8*7)
    }
    [md1],[data-md1]{
        order:-8
    }
    [md2],[data-md2]{
        order:-7
    }
    [md3],[data-md3]{
        order:-6
    }
    [md4],[data-md4]{
        order:-5
    }
    [md5],[data-md5]{
        order:-4
    }
    [md6],[data-md6]{
        order:-3
    }
    [md7],[data-md7]{
        order:-2
    }
    [md8],[data-md8]{
        order:-1
    }
}
@media (min-width:1200px){
    [lg1-1]:not(x),[data-lg1-1]:not(x),r-c[lg1-1]:not(x) > *,[data-r-c][data-lg1-1] > *{
        width:100%
    }
    [lg1-2]:not(x),[data-lg1-2]:not(x),r-c[lg1-2]:not(x) > *,[data-r-c][data-lg1-2] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [lg1-3]:not(x),[data-lg1-3]:not(x),r-c[lg1-3]:not(x) > *,[data-r-c][data-lg1-3] > *{
        width:calc(100%/3 - (5.455px + 1.42041vw)/3*2)
    }
    [lg2-3]:not(x),[data-lg2-3]:not(x),r-c[lg2-3]:not(x) > *,[data-r-c][data-lg2-3] > *{
        width:calc(100%/3*2 - (5.455px + 1.42041vw)/3)
    }
    [lg1-4]:not(x),[data-lg1-4]:not(x),r-c[lg1-4]:not(x) > *,[data-r-c][data-lg1-4] > *{
        width:calc(25% - (5.455px + 1.42041vw)/4*3)
    }
    [lg2-4]:not(x),[data-lg2-4]:not(x),r-c[lg2-4]:not(x) > *,[data-r-c][data-lg2-4] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [lg3-4]:not(x),[data-lg3-4]:not(x),r-c[lg3-4]:not(x) > *,[data-r-c][data-lg3-4] > *{
        width:calc(25% - (5.455px + 1.42041vw)/4)
    }
    [lg1-5]:not(x),[data-lg1-5]:not(x),r-c[lg1-5]:not(x) > *,[data-r-c][data-lg1-5] > *{
        width:calc(100%/5 - (5.455px + 1.42041vw)/5*4)
    }
    [lg2-5]:not(x),[data-lg2-5]:not(x),r-c[lg2-5]:not(x) > *,[data-r-c][data-lg2-5] > *{
        width:calc(100%/5*2 - (5.455px + 1.42041vw)/5*3)
    }
    [lg3-5]:not(x),[data-lg3-5]:not(x),r-c[lg3-5]:not(x) > *,[data-r-c][data-lg3-5] > *{
        width:calc(100%/5*3 - (5.455px + 1.42041vw)/5*2)
    }
    [lg4-5]:not(x),[data-lg4-5]:not(x),r-c[lg4-5]:not(x) > *,[data-r-c][data-lg4-5] > *{
        width:calc(100%/5*4 - (5.455px + 1.42041vw)/5)
    }
    [lg1-6]:not(x),[data-lg1-6]:not(x),r-c[lg1-6]:not(x) > *,[data-r-c][data-lg1-6] > *{
        width:calc(100%/6 - (5.455px + 1.42041vw)/6*5)
    }
    [lg2-6]:not(x),[data-lg2-6]:not(x),r-c[lg2-6]:not(x) > *,[data-r-c][data-lg2-6] > *{
        width:calc(100%/6*2 - (5.455px + 1.42041vw)/6*4)
    }
    [lg3-6]:not(x),[data-lg3-6]:not(x),r-c[lg3-6]:not(x) > *,[data-r-c][data-lg3-6] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [lg4-6]:not(x),[data-lg4-6]:not(x),r-c[lg4-6]:not(x) > *,[data-r-c][data-lg4-6] > *{
        width:calc(100%/6*4 - (5.455px + 1.42041vw)/6*2)
    }
    [lg5-6]:not(x),[data-lg5-6]:not(x),r-c[lg5-6]:not(x) > *,[data-r-c][data-lg5-6] > *{
        width:calc(100%/6*5 - (5.455px + 1.42041vw)/6)
    }
    [lg1-7]:not(x),[data-lg1-7]:not(x),r-c[lg1-7]:not(x) > *,[data-r-c][data-lg1-7] > *{
        width:calc(100%/7 - (5.455px + 1.42041vw)/7*6)
    }
    [lg2-7]:not(x),[data-lg2-7]:not(x),r-c[lg2-7]:not(x) > *,[data-r-c][data-lg2-7] > *{
        width:calc(100%/7*2 - (5.455px + 1.42041vw)/7*5)
    }
    [lg3-7]:not(x),[data-lg3-7]:not(x),r-c[lg3-7]:not(x) > *,[data-r-c][data-lg3-7] > *{
        width:calc(100%/7*3 - (5.455px + 1.42041vw)/7*4)
    }
    [lg4-7]:not(x),[data-lg4-7]:not(x),r-c[lg4-7]:not(x) > *,[data-r-c][data-lg4-7] > *{
        width:calc(100%/7*4 - (5.455px + 1.42041vw)/7*3)
    }
    [lg5-7]:not(x),[data-lg5-7]:not(x),r-c[lg5-7]:not(x) > *,[data-r-c][data-lg5-7] > *{
        width:calc(100%/7*5 - (5.455px + 1.42041vw)/7*2)
    }
    [lg6-7]:not(x),[data-lg6-7]:not(x),r-c[lg6-7]:not(x) > *,[data-r-c][data-lg6-7] > *{
        width:calc(100%/7*6 - (5.455px + 1.42041vw)/7)
    }
    [lg1-8]:not(x),[data-lg1-8]:not(x),r-c[lg1-8]:not(x) > *,[data-r-c][data-lg1-8] > *{
        width:calc(100%/8 - (5.455px + 1.42041vw)/8*7)
    }
    [lg2-8]:not(x),[data-lg2-8]:not(x),r-c[lg2-8]:not(x) > *,[data-r-c][data-lg2-8] > *{
        width:calc(100%/8*2 - (5.455px + 1.42041vw)/8*6)
    }
    [lg3-8]:not(x),[data-lg3-8]:not(x),r-c[lg3-8]:not(x) > *,[data-r-c][data-lg3-8] > *{
        width:calc(100%/8*3 - (5.455px + 1.42041vw)/8*5)
    }
    [lg4-8]:not(x),[data-lg4-8]:not(x),r-c[lg4-8]:not(x) > *,[data-r-c][data-lg4-8] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [lg5-8]:not(x),[data-lg5-8]:not(x),r-c[lg5-8]:not(x) > *,[data-r-c][data-lg5-8] > *{
        width:calc(100%/8*5 - (5.455px + 1.42041vw)/8*3)
    }
    [lg6-8]:not(x),[data-lg6-8]:not(x),r-c[lg6-8]:not(x) > *,[data-r-c][data-lg6-8] > *{
        width:calc(100%/8*6 - (5.455px + 1.42041vw)/8*2)
    }
    [lg7-8]:not(x),[data-lg7-8]:not(x),r-c[lg7-8]:not(x) > *,[data-r-c][data-lg7-8] > *{
        width:calc(100%/8*7 - (5.455px + 1.42041vw)/8)
    }
    [join] > [lg1-1],[join] > [data-lg1-1],[data-join] > [lg1-1],[data-join] > [data-lg1-1],[join][lg1-1]:not([r-c]) > *,[data-join][data-lg1-1]:not([x]) > *{
        width:100%
    }
    [join] > [lg1-2],[join] > [data-lg1-2],[data-join] > [lg1-2],[data-join] > [data-lg1-2],[join][lg1-2]:not([r-c]) > *,[data-join][data-lg1-2]:not([x]) > *,[join] > [lg2-4],[join] > [data-lg2-4],[data-join] > [lg2-4],[data-join] > [data-lg2-4],[join][lg2-4]:not([r-c]) > *,[data-join][data-lg2-4]:not([x]) > *,[join] > [lg3-6],[join] > [data-lg3-6],[data-join] > [lg3-6],[data-join] > [data-lg3-6],[join][lg3-6]:not([r-c]) > *,[data-join][data-lg3-6]:not([x]) > *,[join] > [lg4-8],[join] > [data-lg4-8],[data-join] > [lg4-8],[data-join] > [data-lg4-8],[join][lg4-8]:not([r-c]) > *,[data-join][data-lg4-8]:not([x]) > *{
        width:50%
    }
    [join] > [lg1-3],[join] > [data-lg1-3],[data-join] > [lg1-3],[data-join] > [data-lg1-3],[join][lg1-3]:not([r-c]) > *,[data-join][data-lg1-3]:not([x]) > *,[join] > [lg2-6],[join] > [data-lg2-6],[data-join] > [lg2-6],[data-join] > [data-lg2-6],[join][lg2-6]:not([r-c]) > *,[data-join][data-lg2-6]:not([x]) > *{
        width:calc(100%/3)
    }
    [join] > [lg2-3],[join] > [data-lg2-3],[data-join] > [lg2-3],[data-join] > [data-lg2-3],[join][lg2-3]:not([r-c]) > *,[data-join][data-lg2-3]:not([x]) > *,[join] > [lg4-6],[join] > [data-lg4-6],[data-join] > [lg4-6],[data-join] > [data-lg4-6],[join][lg4-6]:not([r-c]) > *,[data-join][data-lg4-6]:not([x]) > *{
        width:calc(100%/3*2)
    }
    [join] > [lg1-4],[join] > [data-lg1-4],[data-join] > [lg1-4],[data-join] > [data-lg1-4],[join][lg1-4]:not([r-c]) > *,[data-join][data-lg1-4]:not([x]) > *,[join] > [lg2-8],[join] > [data-lg2-8],[data-join] > [lg2-8],[data-join] > [data-lg2-8],[join][lg2-8]:not([r-c]) > *,[data-join][data-lg2-8]:not([x]) > *{
        width:25%
    }
    [join] > [lg3-4],[join] > [data-lg3-4],[data-join] > [lg3-4],[data-join] > [data-lg3-4],[join][lg3-4]:not([r-c]) > *,[data-join][data-lg3-4]:not([x]) > *,[join] > [lg6-8],[join] > [data-lg6-8],[data-join] > [lg6-8],[data-join] > [data-lg6-8],[join][lg6-8]:not([r-c]) > *,[data-join][data-lg6-8]:not([x]) > *{
        width:75%
    }
    [join] > [lg1-5],[join] > [data-lg1-5],[data-join] > [lg1-5],[data-join] > [data-lg1-5],[join][lg1-5]:not([r-c]) > *,[data-join][data-lg1-5]:not([x]) > *{
        width:20%
    }
    [join] > [lg2-5],[join] > [data-lg2-5],[data-join] > [lg2-5],[data-join] > [data-lg2-5],[join][lg2-5]:not([r-c]) > *,[data-join][data-lg2-5]:not([x]) > *{
        width:40%
    }
    [join] > [lg3-5],[join] > [data-lg3-5],[data-join] > [lg3-5],[data-join] > [data-lg3-5],[join][lg3-5]:not([r-c]) > *,[data-join][data-lg3-5]:not([x]) > *{
        width:60%
    }
    [join] > [lg4-5],[join] > [data-lg4-5],[data-join] > [lg4-5],[data-join] > [data-lg4-5],[join][lg4-5]:not([r-c]) > *,[data-join][data-lg4-5]:not([x]) > *{
        width:80%
    }
    [join] > [lg1-6],[join] > [data-lg1-6],[data-join] > [lg1-6],[data-join] > [data-lg1-6],[join][lg1-6]:not([r-c]) > *,[data-join][data-lg1-6]:not([x]) > *{
        width:calc(100%/6)
    }
    [join] > [lg5-6],[join] > [data-lg5-6],[data-join] > [lg5-6],[data-join] > [data-lg5-6],[join][lg5-6]:not([r-c]) > *,[data-join][data-lg5-6]:not([x]) > *{
        width:calc(100%/6*5)
    }
    [join] > [lg1-7],[join] > [data-lg1-7],[data-join] > [lg1-7],[data-join] > [data-lg1-7],[join][lg1-7]:not([r-c]) > *,[data-join][data-lg1-7]:not([x]) > *{
        width:calc(100%/7)
    }
    [join] > [lg2-7],[join] > [data-lg2-7],[data-join] > [lg2-7],[data-join] > [data-lg2-7],[join][lg2-7]:not([r-c]) > *,[data-join][data-lg2-7]:not([x]) > *{
        width:calc(100%/7*2)
    }
    [join] > [lg3-7],[join] > [data-lg3-7],[data-join] > [lg3-7],[data-join] > [data-lg3-7],[join][lg3-7]:not([r-c]) > *,[data-join][data-lg3-7]:not([x]) > *{
        width:calc(100%/7*3)
    }
    [join] > [lg4-7],[join] > [data-lg4-7],[data-join] > [lg4-7],[data-join] > [data-lg4-7],[join][lg4-7]:not([r-c]) > *,[data-join][data-lg4-7]:not([x]) > *{
        width:calc(100%/7*4)
    }
    [join] > [lg5-7],[join] > [data-lg5-7],[data-join] > [lg5-7],[data-join] > [data-lg5-7],[join][lg5-7]:not([r-c]) > *,[data-join][data-lg5-7]:not([x]) > *{
        width:calc(100%/7*5)
    }
    [join] > [lg6-7],[join] > [data-lg6-7],[data-join] > [lg6-7],[data-join] > [data-lg6-7],[join][lg6-7]:not([r-c]) > *,[data-join][data-lg6-7]:not([x]) > *{
        width:calc(100%/7*6)
    }
    [join] > [lg1-8],[join] > [data-lg1-8],[data-join] > [lg1-8],[data-join] > [data-lg1-8],[join][lg1-8]:not([r-c]) > *,[data-join][data-lg1-8]:not([x]) > *{
        width:calc(100%/8)
    }
    [join] > [lg3-8],[join] > [data-lg3-8],[data-join] > [lg3-8],[data-join] > [data-lg3-8],[join][lg3-8]:not([r-c]) > *,[data-join][data-lg3-8]:not([x]) > *{
        width:calc(100%/8*3)
    }
    [join] > [lg5-8],[join] > [data-lg5-8],[data-join] > [lg5-8],[data-join] > [data-lg5-8],[join][lg5-8]:not([r-c]) > *,[data-join][data-lg5-8]:not([x]) > *{
        width:calc(100%/8*5)
    }
    [join] > [lg7-8],[join] > [data-lg7-8],[data-join] > [lg7-8],[data-join] > [data-lg7-8],[join][lg7-8]:not([r-c]) > *,[data-join][data-lg7-8]:not([x]) > *{
        width:calc(100%/8*7)
    }
    [lg1],[data-lg1]{
        order:-8
    }
    [lg2],[data-lg2]{
        order:-7
    }
    [lg3],[data-lg3]{
        order:-6
    }
    [lg4],[data-lg4]{
        order:-5
    }
    [lg5],[data-lg5]{
        order:-4
    }
    [lg6],[data-lg6]{
        order:-3
    }
    [lg7],[data-lg7]{
        order:-2
    }
    [lg8],[data-lg8]{
        order:-1
    }
}
@media (min-width:1800px){
    [xl1-1]:not(x),[data-xl1-1]:not(x),r-c[xl1-1]:not(x) > *,[data-r-c][data-xl1-1] > *{
        width:100%
    }
    [xl1-2]:not(x),[data-xl1-2]:not(x),r-c[xl1-2]:not(x) > *,[data-r-c][data-xl1-2] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [xl1-3]:not(x),[data-xl1-3]:not(x),r-c[xl1-3]:not(x) > *,[data-r-c][data-xl1-3] > *{
        width:calc(100%/3 - (5.455px + 1.42041vw)/3*2)
    }
    [xl2-3]:not(x),[data-xl2-3]:not(x),r-c[xl2-3]:not(x) > *,[data-r-c][data-xl2-3] > *{
        width:calc(100%/3*2 - (5.455px + 1.42041vw)/3)
    }
    [xl1-4]:not(x),[data-xl1-4]:not(x),r-c[xl1-4]:not(x) > *,[data-r-c][data-xl1-4] > *{
        width:calc(25% - (5.455px + 1.42041vw)/4*3)
    }
    [xl2-4]:not(x),[data-xl2-4]:not(x),r-c[xl2-4]:not(x) > *,[data-r-c][data-xl2-4] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [xl3-4]:not(x),[data-xl3-4]:not(x),r-c[xl3-4]:not(x) > *,[data-r-c][data-xl3-4] > *{
        width:calc(25% - (5.455px + 1.42041vw)/4)
    }
    [xl1-5]:not(x),[data-xl1-5]:not(x),r-c[xl1-5]:not(x) > *,[data-r-c][data-xl1-5] > *{
        width:calc(100%/5 - (5.455px + 1.42041vw)/5*4)
    }
    [xl2-5]:not(x),[data-xl2-5]:not(x),r-c[xl2-5]:not(x) > *,[data-r-c][data-xl2-5] > *{
        width:calc(100%/5*2 - (5.455px + 1.42041vw)/5*3)
    }
    [xl3-5]:not(x),[data-xl3-5]:not(x),r-c[xl3-5]:not(x) > *,[data-r-c][data-xl3-5] > *{
        width:calc(100%/5*3 - (5.455px + 1.42041vw)/5*2)
    }
    [xl4-5]:not(x),[data-xl4-5]:not(x),r-c[xl4-5]:not(x) > *,[data-r-c][data-xl4-5] > *{
        width:calc(100%/5*4 - (5.455px + 1.42041vw)/5)
    }
    [xl1-6]:not(x),[data-xl1-6]:not(x),r-c[xl1-6]:not(x) > *,[data-r-c][data-xl1-6] > *{
        width:calc(100%/6 - (5.455px + 1.42041vw)/6*5)
    }
    [xl2-6]:not(x),[data-xl2-6]:not(x),r-c[xl2-6]:not(x) > *,[data-r-c][data-xl2-6] > *{
        width:calc(100%/6*2 - (5.455px + 1.42041vw)/6*4)
    }
    [xl3-6]:not(x),[data-xl3-6]:not(x),r-c[xl3-6]:not(x) > *,[data-r-c][data-xl3-6] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [xl4-6]:not(x),[data-xl4-6]:not(x),r-c[xl4-6]:not(x) > *,[data-r-c][data-xl4-6] > *{
        width:calc(100%/6*4 - (5.455px + 1.42041vw)/6*2)
    }
    [xl5-6]:not(x),[data-xl5-6]:not(x),r-c[xl5-6]:not(x) > *,[data-r-c][data-xl5-6] > *{
        width:calc(100%/6*5 - (5.455px + 1.42041vw)/6)
    }
    [xl1-7]:not(x),[data-xl1-7]:not(x),r-c[xl1-7]:not(x) > *,[data-r-c][data-xl1-7] > *{
        width:calc(100%/7 - (5.455px + 1.42041vw)/7*6)
    }
    [xl2-7]:not(x),[data-xl2-7]:not(x),r-c[xl2-7]:not(x) > *,[data-r-c][data-xl2-7] > *{
        width:calc(100%/7*2 - (5.455px + 1.42041vw)/7*5)
    }
    [xl3-7]:not(x),[data-xl3-7]:not(x),r-c[xl3-7]:not(x) > *,[data-r-c][data-xl3-7] > *{
        width:calc(100%/7*3 - (5.455px + 1.42041vw)/7*4)
    }
    [xl4-7]:not(x),[data-xl4-7]:not(x),r-c[xl4-7]:not(x) > *,[data-r-c][data-xl4-7] > *{
        width:calc(100%/7*4 - (5.455px + 1.42041vw)/7*3)
    }
    [xl5-7]:not(x),[data-xl5-7]:not(x),r-c[xl5-7]:not(x) > *,[data-r-c][data-xl5-7] > *{
        width:calc(100%/7*5 - (5.455px + 1.42041vw)/7*2)
    }
    [xl6-7]:not(x),[data-xl6-7]:not(x),r-c[xl6-7]:not(x) > *,[data-r-c][data-xl6-7] > *{
        width:calc(100%/7*6 - (5.455px + 1.42041vw)/7)
    }
    [xl1-8]:not(x),[data-xl1-8]:not(x),r-c[xl1-8]:not(x) > *,[data-r-c][data-xl1-8] > *{
        width:calc(100%/8 - (5.455px + 1.42041vw)/8*7)
    }
    [xl2-8]:not(x),[data-xl2-8]:not(x),r-c[xl2-8]:not(x) > *,[data-r-c][data-xl2-8] > *{
        width:calc(100%/8*2 - (5.455px + 1.42041vw)/8*6)
    }
    [xl3-8]:not(x),[data-xl3-8]:not(x),r-c[xl3-8]:not(x) > *,[data-r-c][data-xl3-8] > *{
        width:calc(100%/8*3 - (5.455px + 1.42041vw)/8*5)
    }
    [xl4-8]:not(x),[data-xl4-8]:not(x),r-c[xl4-8]:not(x) > *,[data-r-c][data-xl4-8] > *{
        width:calc(50% - (5.455px + 1.42041vw)/2)
    }
    [xl5-8]:not(x),[data-xl5-8]:not(x),r-c[xl5-8]:not(x) > *,[data-r-c][data-xl5-8] > *{
        width:calc(100%/8*5 - (5.455px + 1.42041vw)/8*3)
    }
    [xl6-8]:not(x),[data-xl6-8]:not(x),r-c[xl6-8]:not(x) > *,[data-r-c][data-xl6-8] > *{
        width:calc(100%/8*6 - (5.455px + 1.42041vw)/8*2)
    }
    [xl7-8]:not(x),[data-xl7-8]:not(x),r-c[xl7-8]:not(x) > *,[data-r-c][data-xl7-8] > *{
        width:calc(100%/8*7 - (5.455px + 1.42041vw)/8)
    }
    [join] > [xl1-1],[join] > [data-xl1-1],[data-join] > [xl1-1],[data-join] > [data-xl1-1],[join][xl1-1]:not([r-c]) > *,[data-join][data-xl1-1]:not([x]) > *{
        width:100%
    }
    [join] > [xl1-2],[join] > [data-xl1-2],[data-join] > [xl1-2],[data-join] > [data-xl1-2],[join][xl1-2]:not([r-c]) > *,[data-join][data-xl1-2]:not([x]) > *,[join] > [xl2-4],[join] > [data-xl2-4],[data-join] > [xl2-4],[data-join] > [data-xl2-4],[join][xl2-4]:not([r-c]) > *,[data-join][data-xl2-4]:not([x]) > *,[join] > [xl3-6],[join] > [data-xl3-6],[data-join] > [xl3-6],[data-join] > [data-xl3-6],[join][xl3-6]:not([r-c]) > *,[data-join][data-xl3-6]:not([x]) > *,[join] > [xl4-8],[join] > [data-xl4-8],[data-join] > [xl4-8],[data-join] > [data-xl4-8],[join][xl4-8]:not([r-c]) > *,[data-join][data-xl4-8]:not([x]) > *{
        width:50%
    }
    [join] > [xl1-3],[join] > [data-xl1-3],[data-join] > [xl1-3],[data-join] > [data-xl1-3],[join][xl1-3]:not([r-c]) > *,[data-join][data-xl1-3]:not([x]) > *,[join] > [xl2-6],[join] > [data-xl2-6],[data-join] > [xl2-6],[data-join] > [data-xl2-6],[join][xl2-6]:not([r-c]) > *,[data-join][data-xl2-6]:not([x]) > *{
        width:calc(100%/3)
    }
    [join] > [xl2-3],[join] > [data-xl2-3],[data-join] > [xl2-3],[data-join] > [data-xl2-3],[join][xl2-3]:not([r-c]) > *,[data-join][data-xl2-3]:not([x]) > *,[join] > [xl4-6],[join] > [data-xl4-6],[data-join] > [xl4-6],[data-join] > [data-xl4-6],[join][xl4-6]:not([r-c]) > *,[data-join][data-xl4-6]:not([x]) > *{
        width:calc(100%/3*2)
    }
    [join] > [xl1-4],[join] > [data-xl1-4],[data-join] > [xl1-4],[data-join] > [data-xl1-4],[join][xl1-4]:not([r-c]) > *,[data-join][data-xl1-4]:not([x]) > *,[join] > [xl2-8],[join] > [data-xl2-8],[data-join] > [xl2-8],[data-join] > [data-xl2-8],[join][xl2-8]:not([r-c]) > *,[data-join][data-xl2-8]:not([x]) > *{
        width:25%
    }
    [join] > [xl3-4],[join] > [data-xl3-4],[data-join] > [xl3-4],[data-join] > [data-xl3-4],[join][xl3-4]:not([r-c]) > *,[data-join][data-xl3-4]:not([x]) > *,[join] > [xl6-8],[join] > [data-xl6-8],[data-join] > [xl6-8],[data-join] > [data-xl6-8],[join][xl6-8]:not([r-c]) > *,[data-join][data-xl6-8]:not([x]) > *{
        width:75%
    }
    [join] > [xl1-5],[join] > [data-xl1-5],[data-join] > [xl1-5],[data-join] > [data-xl1-5],[join][xl1-5]:not([r-c]) > *,[data-join][data-xl1-5]:not([x]) > *{
        width:20%
    }
    [join] > [xl2-5],[join] > [data-xl2-5],[data-join] > [xl2-5],[data-join] > [data-xl2-5],[join][xl2-5]:not([r-c]) > *,[data-join][data-xl2-5]:not([x]) > *{
        width:40%
    }
    [join] > [xl3-5],[join] > [data-xl3-5],[data-join] > [xl3-5],[data-join] > [data-xl3-5],[join][xl3-5]:not([r-c]) > *,[data-join][data-xl3-5]:not([x]) > *{
        width:60%
    }
    [join] > [xl4-5],[join] > [data-xl4-5],[data-join] > [xl4-5],[data-join] > [data-xl4-5],[join][xl4-5]:not([r-c]) > *,[data-join][data-xl4-5]:not([x]) > *{
        width:80%
    }
    [join] > [xl1-6],[join] > [data-xl1-6],[data-join] > [xl1-6],[data-join] > [data-xl1-6],[join][xl1-6]:not([r-c]) > *,[data-join][data-xl1-6]:not([x]) > *{
        width:calc(100%/6)
    }
    [join] > [xl5-6],[join] > [data-xl5-6],[data-join] > [xl5-6],[data-join] > [data-xl5-6],[join][xl5-6]:not([r-c]) > *,[data-join][data-xl5-6]:not([x]) > *{
        width:calc(100%/6*5)
    }
    [join] > [xl1-7],[join] > [data-xl1-7],[data-join] > [xl1-7],[data-join] > [data-xl1-7],[join][xl1-7]:not([r-c]) > *,[data-join][data-xl1-7]:not([x]) > *{
        width:calc(100%/7)
    }
    [join] > [xl2-7],[join] > [data-xl2-7],[data-join] > [xl2-7],[data-join] > [data-xl2-7],[join][xl2-7]:not([r-c]) > *,[data-join][data-xl2-7]:not([x]) > *{
        width:calc(100%/7*2)
    }
    [join] > [xl3-7],[join] > [data-xl3-7],[data-join] > [xl3-7],[data-join] > [data-xl3-7],[join][xl3-7]:not([r-c]) > *,[data-join][data-xl3-7]:not([x]) > *{
        width:calc(100%/7*3)
    }
    [join] > [xl4-7],[join] > [data-xl4-7],[data-join] > [xl4-7],[data-join] > [data-xl4-7],[join][xl4-7]:not([r-c]) > *,[data-join][data-xl4-7]:not([x]) > *{
        width:calc(100%/7*4)
    }
    [join] > [xl5-7],[join] > [data-xl5-7],[data-join] > [xl5-7],[data-join] > [data-xl5-7],[join][xl5-7]:not([r-c]) > *,[data-join][data-xl5-7]:not([x]) > *{
        width:calc(100%/7*5)
    }
    [join] > [xl6-7],[join] > [data-xl6-7],[data-join] > [xl6-7],[data-join] > [data-xl6-7],[join][xl6-7]:not([r-c]) > *,[data-join][data-xl6-7]:not([x]) > *{
        width:calc(100%/7*6)
    }
    [join] > [xl1-8],[join] > [data-xl1-8],[data-join] > [xl1-8],[data-join] > [data-xl1-8],[join][xl1-8]:not([r-c]) > *,[data-join][data-xl1-8]:not([x]) > *{
        width:calc(100%/8)
    }
    [join] > [xl3-8],[join] > [data-xl3-8],[data-join] > [xl3-8],[data-join] > [data-xl3-8],[join][xl3-8]:not([r-c]) > *,[data-join][data-xl3-8]:not([x]) > *{
        width:calc(100%/8*3)
    }
    [join] > [xl5-8],[join] > [data-xl5-8],[data-join] > [xl5-8],[data-join] > [data-xl5-8],[join][xl5-8]:not([r-c]) > *,[data-join][data-xl5-8]:not([x]) > *{
        width:calc(100%/8*5)
    }
    [join] > [xl7-8],[join] > [data-xl7-8],[data-join] > [xl7-8],[data-join] > [data-xl7-8],[join][xl7-8]:not([r-c]) > *,[data-join][data-xl7-8]:not([x]) > *{
        width:calc(100%/8*7)
    }
    [xl1],[data-xl1]{
        order:-8
    }
    [xl2],[data-xl2]{
        order:-7
    }
    [xl3],[data-xl3]{
        order:-6
    }
    [xl4],[data-xl4]{
        order:-5
    }
    [xl5],[data-xl5]{
        order:-4
    }
    [xl6],[data-xl6]{
        order:-3
    }
    [xl7],[data-xl7]{
        order:-2
    }
    [xl8],[data-xl8]{
        order:-1
    }
}

* {
    font-family:-apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
    line-height:1.5em;
}
a {
    color:#004e9d;
}
a:hover {
    color:#000;
}
figure {
    text-align:center;
    margin:.5rem 0;
    padding:0;
}
figure svg,
figure img {
    max-width:100%;
    height:auto;
}
.header {
    border-bottom:2px solid #000;
    background:#343A40;
    padding:1rem;
    text-align:center;
}
.header figure {
    margin:0;
    padding:0;
}
.header figure img,
.header figure svg {
    display:inline-block;
}

.menu-links {
    list-style:none;
    margin:.5em 0;
    padding:0;
}
.menu-links li {
    display:inline-block;
}
.menu-links a {
    display:block;font-family: system-ui, Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase;text-decoration:none;font-weight:100;
    padding:0 .9em 0 .9em;
    white-space:nowrap;
}

.menu-links a:hover {
    color:#fed136;text-decoration:underline;text-underline-offset: 8px;text-decoration-thickness: 0.3px; 
}

.holographic-container {
  display: flex;
  justify-content: center;
  align-items: center;max-width:100%;
  height: 70vh;
  background: #000;margin:0;
overflow:hidden
}

@media screen and (max-width: 1024px) {.holographic-container{max-height:40vh}.holographic-container .holographic-card h1 {margin-top:-350px;font-size:20px}
}

.holographic-card {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
  -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.holographic-card h1 {
  color: #0ff;
  position: absolute;
  z-index: 2;
}

.holographic-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(0,255,255,0.3)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}

.holographic-card:hover {
  transform: scale(1.05);
}

.holographic-card:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}main {background-color:#fff}

 .container{width:100%;padding-right:15px;padding-left:15px;margin-top:8rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
 
 .img-fluid{max-width:100%;height:auto}
 
.col-sm-6{position:relative;width:100%;padding-right:15px;padding-left:15px}

.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}

@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 29.33333%;flex:0 0 29.33333%;max-width:29.33333%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-3{-ms-flex-order:3;order:3}.order-md-6{-ms-flex-order:6;order:6}.order-md-12{-ms-flex-order:12;order:12}}

.col-lg-3,.col-lg-8,.col-lg-12{position:relative;width:100%;padding-right:15px;padding-left:15px}

@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.order-lg-4{-ms-flex-order:4;order:4}.offset-lg-4{margin-left:33.33333%}.col-lg-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-12{-ms-flex-order:12;order:12}}

.portfolio-team{min-width:100%;margin: 0 0 120px 0;}

.portfolio-team .col-md-4 img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  overflow: hidden;
  border: 8px solid #f3f1fe;
  box-shadow: 0 2px rgba(0, 0, 0, 0.1);
  margin-top:-50px;
}

.portfolio-team .col-md-4 img:hover {  height: 100px;
  width: 100px;
opacity: 0.8;border: 8px solid rgba(0, 0, 0, .5);
  transition: opacity 0.5s ease; -webkit-filter: invert(100%);
}

.portfolio-team p{font-family: system-ui, Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 600px) {.portfolio-team{min-width:100%;margin: 0 0 120px 0;}
.portfolio-team .card-style{min-width:100%;margin: 0 0 120px 0;}
}

.card-style{border-top:10px solid #f99e50;margin:10px;background:linear-gradient(0deg, #fff 0%, #f1f1f1 100%);border-top-left-radius:8px;border-top-right-radius:8px;padding-bottom: 3rem;box-shadow:0 0 4px rgba(0, 0, 0, 0.1);}

.text-center{text-align:center}.text-muted{color:#868e96}

.zoom-on-hover {
  width: auto;
  height: auto;
  overflow: hidden;
}

.zoom-on-hover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .6s ease;
}

.zoom-on-hover img:hover {
  transform: scale(1.4);
}

.bg-container {width:100%;
  height: auto;margin:0 auto;
  background: linear-gradient(135deg, #172a74, #21a9af);
  background-color: #184e8e;padding:6rem 12rem 8rem 12rem;
}

@media screen and (max-width: 600px) {
.bg-container {
width: 100%;margin:-130px 0 0 0;padding:0
}.text-main-c p{margin-top:10px;padding-top:10px;}.bg-container button {margin-bottom:20px}
.no-gutters section{min-width:100%}.container .text-row{margin-top:-40px}}.text-row h2{margin-left:1rem}

.text-main-c h2{
font-size: 30px;
color:#fff;
margin-bottom:1rem;
margin-left:1.5rem;
font-weight: 300;
line-height: 1.1;text-transform:uppercase}
.bg-container p{font-size:1rem;font-family: system-ui, Arial, Helvetica, sans-serif;font-weight: 100;margin-top:-15px;} 
.bg-container button {margin-bottom:40px}
.text-main-c p, .text-main-c h3{color:#fff;padding-left:2rem;padding-right:2rem}

@media (min-width:768px) and (max-width: 1024px) {.bg-container{margin:10px;padding:10px}.text-main-c h3, .bg-container button{margin-bottom:20px}.container .text-row{margin-top:-40px}.contact-area {padding-top:4rem; padding-bottom:4rem}}

.text-mt-1{margin-top:-20px}
.contact-area{margin-top:4rem;margin-bottom:4rem}
.container .no-gutters{margin:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
.form-content .short-info {flex: 1 0 0;
    min-height: 0;}
.short-info{margin:0;padding:0}	
.short-info h2{fomt-size:1rem;text-align:center;margin:0;padding:0}	
.short-info p{color:#000;font-size:1rem;font-family: system-ui, Arial, Helvetica, sans-serif;font-weight:200;line-height:1.3}
.contact-area{box-shadow: 1px 1px 5px rgba(0,0,0,0.1);margin-top:3rem}
.contact-area h4{margin:0;padding:0}
.my-4{max-width:50px;border: 3px solid #f05f40;}

 .btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .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 .2rem rgba(0,123,255,.25)}action
 .btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}
 .btn-lg{max-width:10rem;color:#fff;padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border:1px solid #fff;border-radius:.3rem;margin-left:2.6rem;}
 .left{display: flex;flex-direction: column}
.container .text-row{background:linear-gradient(0deg, #fff 0%, #f1f1f1 100%);font-size:16px;margin-top:0;margin-bottom:6rem;padding-bottom:20px;border:1px solid #E4E4E4;border-radius:10px}
.text-row h4{margin:30px 0 0 20px}
.text-row p{font-family: system-ui, Arial, Helvetica, sans-serif;margin:0 0 0 20px;padding:0;line-height:1.3}

.register-photo{max-width:100%;height:332px;
  background: #f1f7fc;margin:0;padding:0
}

.form-content{background-color:#FCFCFC;box-shadow: 1px 1px 5px rgba(0,0,0,0.1);margin:0 auto}
.container .form-content h5, p, label{font-family: system-ui, Arial, Helvetica, sans-serif;}
@media screen and (max-width: 600px) {.form-content form{margin-bottom:50px}}
.form-content h5{
 margin-top:-20px
}

.form-input {width: 100%;
  height: 30px;
  background: #F3F5F8;
  border: none;
  border-bottom: 1px solid #DDE5EF;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  color: inherit;
  text-indent: 4px;
}

.bg-green {
    color: #fff;
    background-color: #4CAF50;
    border-radius: 3px
}

.bg-green:hover {
    color: #000;
    background-color: #ccc;
    transition: background-color 0.9s ease, color 0.9s ease
}

button{margin-top:30px;border:2px solid #ccc;
    font: inherit;
    overflow: visible;
    text-transform: none}

button:hover{opacity: 0.8;
  transition: opacity 0.5s ease; -webkit-filter: invert(100%);}

@media (max-width:767px) {
    .form-input {
        width: 95%
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .form-input {
        width: 97%
    }
}

.footer-dark {box-shadow: 0px 8px 3px #DADADA, 0px -8px 3px #DADADA;margin-top:100px;
  padding: 0 150px 0 150px;
  color: #f0f9ff;
  background-color: #282d32;
}

@media screen and (max-width: 600px) {
.footer-dark {margin:0;padding:0;text-align:center}
}
.footer-dark-title, .text-co .footer-dark-title {
font-size:1.3rem;	
margin-top: 0;
margin-bottom: 12px;}

.footer-dark ul {
  padding: 0;
  list-style: none;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 0;
}

.footer-dark ul a {font-family: system-ui, Arial, Helvetica, sans-serif;font-size:1rem;font-weight: 200;
  color: #fff;
  text-decoration: none;
}

.footer-dark ul a:hover {color:#fed136;text-decoration:underline;text-underline-offset: 5px;text-decoration-thickness: 0.3px; 
  opacity: 0.8;
}

.text-co p{font-family: system-ui, Arial, Helvetica, sans-serif;font-size:83%;font-weight: 200;line-height:1.2}

@media (max-width:767px) {
  .footer-dark .item:not(.social) {
    text-align: center;
    padding-bottom: 20px;
  }
}

.footer-dark .item.text {
  margin-bottom: 36px;
}

@media (max-width:767px) {.form-content h5{margin-top:20px}
  .footer-dark .item.text {
    margin-bottom: 0;
  }
}

.footer-dark .item.text p {
  opacity: 0.6;
  margin-bottom: 0;
}

.social {
  position: relative;
  display: inline-block;
  float: left;
  padding: 10px;
}
.social img{height:35px;
  width: 35px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #666;
  box-shadow: 0 2px rgba(0, 0, 0, 0.1);}
  
.social img:hover{border: 4px solid rgba(0, 0, 0, .5);-webkit-filter: invert(70%);}
.right{margin-right:20px}
#backtotop {
    position: fixed;
    z-index: 999;
    display: inline-block;
    text-align: centervisibility:true;
    bottom: 100px;
    right: 30px;
    line-height: 36px;
    font-size: inherit;
    border-radius: 6px;
    opacity: .2
}

#backtotop:hover {
    opacity: .6
}