h1 {
    position: relative;
    max-width: 9%;
    font-size: 2.5rem;
    color: #fff;
    margin-top: 0;
    font-weight: 500;
    line-height: 1em
}

h1 a {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: #fff;
    text-underline-offset: -6px;
    text-underline-position: under
}

h1 a:hover {
    color: #fff;
    text-decoration: none;
    text-underline-offset: -6px;
    text-underline-position: under
}

h2 {
    font-size: 1.4rem;
    color: #fff;
    font-weight: 200
}

h3 {
    font-size: 1.4rem;
    color: #000;
    margin-top: 25px;
    font-weight: 500;
    line-height: 1
}

img{width:100%;height:auto}

aside {
    min-width: 21%;
    height: 100vh;
    position: fixed;
    top: 0
}

.left-sidebar {
    background-color: #286fb4;
    box-shadow: 14px 0 5px -2px rgb(153 153 153 / .18)
}

@media (max-width:991px) {
    aside {
        display: none
    }
}

.left-sidebar nav>* {
    line-height: 2
}

.sidebar-nav-links {
    display: flex;
    flex-flow: column nowrap;
    margin-top: 40px;
    margin-bottom: 40px
}

.sidebar-nav-links a,.sidebar-copyright a {
    color: #fff;
    text-decoration: none
}

.sidebar-nav-links a:before {
    vertical-align: middle;
    margin-right: 10px;
    content: url(img-symbol.png);
    width: 15px;
    height: 15px
}

.hover-white:hover {
    color: #000;
    background-color: #fff;
    padding-left: 8px
}

.sidebar-nav-links a:hover:before {
    color: #000;
    vertical-align: middle;
    margin-left: -6px;
    margin-right: 10px;
    content: url(img-symbol-hover.png);
    width: 15px;
    height: 15px
}

.left-sidebar p {
    color: #fff;
    font-size: 90%;
    font-weight: 200
}

.sidebar-copyright a {
    text-decoration: underline
}

.sidebar-copyright a:hover {
    color: #df4c73;
    text-decoration: none
}

@media (max-width:1280px) {
    .sidebar-copyright {
        line-height: 1.5
    }
}

.main-header {
    max-width: 66.55555%;
    margin-left: 27%;
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
    background-color: #286fb4;
    box-shadow: 0 11px 8px rgb(0 0 0 / .12)
}

@media (min-width:280px) and (max-width:600px) {
    .menu-links .xs-mobile-none {
        display: none
    }
}

@media (min-width:1025px) {
    .mobile-container {
        display: none
    }
}

@media (max-width:1024px) {
    .main-header {
        min-width: 100%;
        margin-left: 0px
    }

    aside {
        display: none
    }
}

.mobile-container {
    min-width: 100%;
    margin: auto;
    height: 50px;
}

.topnav {
    overflow: hidden;
    background-color: #333;
    position: relative;
}

.topnav #myLinks {
    display: none;
}

.topnav a {
    float: left;
    color: white;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

@media (max-width:480px) {
    .mobile-container {
        height: 40px;
    }

    .topnav a {
        font-size: 12px;
        margin-left: -10px;
    }

    .topnav a.icon {
        max-width: 20px;
        margin-right: -20px
    }

    .topnav .bar {
        margin-top: -1px
    }
}

.topnav a.icon {
    float: right;
    width: 30px;
    height: 50px;
    margin-right: 10px
}

.bar {
    width: 25px;
    height: 3px;
    background: #fff;
    margin: 4px 0;
}

.topnav a:hover {
    color: #fff;text-decoration:underline;text-decoration: underline dotted #fff;text-underline-offset: 5px;
}

.active {
    background-color: #028354;
    color: white;text-transform:uppercase;font-weight:600
}
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
    }
}

.responsive {
    max-width: 100%;
    height: auto
}
.b-lazy {
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    max-width: 100%;
    opacity: 0
}

.b-lazy.b-loaded {
    opacity: 1
}

img.b-loaded {
    width: auto
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 100%
}

.img-shadow {
    margin-top: 14px;
    margin-bottom: 40px;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2)
}

.responsive{display:block;overflow-x:auto;width:100%;height:auto}

.info-column {
    max-width: 93.33333%;
    background-color: #E0E4E9;
    border: 1px solid #fff;
    border-radius: 8px;
    margin-top: 3rem;
    margin-bottom: 4rem;
    margin-left: 0
}

.info-column h3 {
    color: #000;
    text-align: left;
    margin-top: 4px;
    margin-bottom: -10px
}

.left-text-area {
    padding: 10px 30px
}
.left-text-area h2{
    color:#000
}
.lead {
    font-size: .75rem;
    font-style: italic;
    color: #4C4C4C;
    padding-top: 8px;
    padding-bottom: 0
}

.left-area-btn {
    margin-top: 5rem
}

button {
    overflow: visible;
    font: inherit;
    margin: 0;
    text-transform: none
}

.amk-left {
    float: left
}

.amk-left {
    margin-top: -60px
}

.amk-left a,.amk-right a {color: #df4c73;
    font-size: 80%
}

.amk-button {
    display: inline-block;
    border: none;
    padding: 6px 14px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: 0.7s;
}

.amk-button:hover {
    color: #000;
    background-color: #ccc
}

.amk-button:disabled {
    cursor: not-allowed;
    opacity: .3
}

.amk-right {
    float: right;
    margin-top: -60px;
}

.amk-purple {
    background-color: #df4c73;
    color: #fff;font-weight:600
}

.amk-border {
    border: 1px solid #ccc
}

.amk-white {
    color: #000;
    background-color: #fff
}

main {
    margin-left: 25%
}

.right-column-image {
            position: relative;
            text-align: center;
            margin: 0 auto;margin-top:6px;padding-left:30px;padding-right:30px
        }

        .right-column-image>img {
            width: 70vw;
			height:30vh;
            object-fit: cover;
            margin: 0 auto;
        }

.right-column-image:hover {
    opacity: .7;
    cursor: pointer;
	 transition:0.5s;
}

@media (min-width:280px) and (max-width:600px) {
    .info-column {
        min-width: 100%
    }
	
 .info-column p{
       text-align:justify
    }	

    .info-column .right-column-image {
        display: none
    }
}

@media (min-width:768px) and (max-width:831px) {.info-column {
    min-width:100%
}
.right-column-image {
margin-top:17px
        }
        .right-column-image>img {
height:auto
        }	
}

@media (min-width:832px) and (max-width:900px) {.info-column {
    min-width:100%
}
.right-column-image {
margin-top:-2px
        }
        .right-column-image>img {
height:auto
        }	
}

@media (min-width:901px) and (max-width:991px) {.info-column {
    min-width:100%
}
.right-column-image {
margin-top:6px
        }
        .right-column-image>img {
height:auto
        }	
}

@media (min-width:1001px) and (max-width:1024px) {
.right-column-image {
margin-top:2px;padding-left:30px;padding-right:30px
        }
        .right-column-image>img {
height:auto
        }
}

@media (min-width:1025px) and (max-width:1280px) {
.info-column .right-column-image {
margin-top:31px
        }
        .right-column-image>img {
height:auto
        }
}

.main-container {
    max-width: 70%;
    display: block;
    border: #dfe3e8 solid 1px;
    border-radius: 5px;
    background: #FAFAFA;
    color: #515151;
    margin-top: 2%
}

.main-container a {
    position: relative;
    color: #2C5F9B;
    font-weight: 500;
    text-decoration: none
}

.main-container h3 {
    text-align: left;
    color: #000;
    margin: 22px 10px 0 0
}

.main-container p {
    font-size: 88%;
    padding-bottom: 10px;
    text-align: justify
}

.main-container a {
    color: red
}

.web-page-title h2 {
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 3rem;
    color: #df4c73;
    font-weight: 400;
    margin: 10px 0
}

.h3-round {
    position: relative;
    top: -35px;
    border: none;
    width: 90px;
    height: 7px;
    background: #df4c73;
    margin-bottom: 50px;
    border-radius: 4px
}

@media (max-width:991px) {
    main, main .main-container,.aside-right-area {
        min-width: 100%;
        margin-left: 0
    }
}

@media (min-width:992px) and (max-width:1024px) {
    main {
        min-width: 105%;
        margin: 0;
        padding: 0
    }

    main .main-container {
        min-width: 62%;
        margin-left: 6px
    }

    main .aside-right-area {
        max-width: 26%
    }
}

hr {
    margin: 45px 5px 60px 5px;
    border: 0;
    height: .75px;
    background-image: linear-gradient(to right,rgba(226,169,229,0),#cbc9ee,rgba(253,242,256,.75))
}

.image-shadow {
    box-shadow: 8px 8px 10px rgba(217,217,217,.5);
    border-top: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9;
    margin-top: 4rem;
    margin-bottom: 4rem
}

.mobile-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: bottom
}
.mobile-img img:hover {
opacity: .7;
    cursor: pointer;
	 transition:0.5s;
}

@media (min-width:280px) and (max-width:480px) {
    .amk-left .amk-button {
        display: none
    }

    .amk-button {
        font-size: 70%
    }
}

.marketing-page {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.contact-page {
    background: #f4f6f8;
    border: 1px solid #dfe3e8;
    border-radius: 5px;
    color: #212b36;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.contact-page button,.contact-page button:enabled,.contact-page button {
    padding: 20px
}

.contact-page button,.contact-page button:enabled,.contact-page button:hover {
    color: #fff
}

.contact-page h3 {
    font-size: 1.25em;
    font-weight: 500;
    margin-bottom: 1em;
    letter-spacing: .2rem
}

.contact-page p {
    text-align: center;margin-top:4px
}

.marketing-button {
    display: inline-block;
    width: 191px;
    height: 140px;
    border-radius: 4px;
    transition: 300ms ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    background-color: #008060;
    border-width: 1px;
    border-style: solid;
    border-color: transparent
}

.marketing-button:hover,.marketing-button:focus {
    background-color: #004c3f
}

.marketing-button:active {
    background-color: #002e25;
    color: #fff;
    border-color: #002e25
}

.marketing-button:hover {
    box-shadow: 0 5px 25px 0 rgba(0,0,0,0.25)
}

.marketing-button:focus {
    box-shadow: 0 0 0.1875em 0.1875em rgba(0,128,96,0.5)
}

.green-button {
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    background-color: #67ccc3
}

.green-button:hover,.green-button:focus {
    background-color: #28a2a0
}

.green-button:active {
    background-color: #28a2a0;
    color: #212326
}

.green-button:hover {
    box-shadow: 0 5px 25px 0 rgba(0,0,0,0.25)
}

.green-button:focus {
    box-shadow: 0 0 0.1875em 0.1875em rgba(40,162,160,0.5)
}

.red-button {
    margin-left: 10px;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    background-color: #df4c73
}

.red-button:hover,.red-button:focus {
    background-color: #e27271
}

.red-button:active {
    background-color: #e27271;
    color: #212326
}

.red-button:hover {
    box-shadow: 0 5px 25px 0 rgba(0,0,0,0.25)
}

.red-button:focus {
    box-shadow: 0 0 0.1875em 0.1875em rgba(226,114,113,0.5)
}

.yellow-button {
    margin-left: 10px;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    background-color: #ECC763
}

.yellow-button:hover,.red-button:focus {
    background-color: #C6A753
}

.yellow-button:active {
    background-color: #C6A753;
    color: #212326
}

.yellow-button:hover {
    box-shadow: 0 5px 25px 0 rgba(0,0,0,0.25)
}

.yellow-button:focus {
    box-shadow: 0 0 0.1875em 0.1875em rgba(226,114,113,0.5)
}

@media (max-width:600px) {
 .contact-page{max-height:17vh}
	
    .marketing-page h3,.contact-page {
        text-align: center
    }

    .marketing-page h3 {
        font-size: 1.5625rem;
        margin-bottom: 1.75rem
    }

    .contact-page .green-button, .contact-page .red-button, .contact-page .yellow-button {
        max-width: 30%;
        max-height: 12vh;
        margin-bottom: 60px
    }

    .yellow-button,.red-button {
        margin-left: 0!important
    }

    .marketing-button img {
        max-width: 30px;
        max-height: 30px
    }

    .marketing-button p {
        display: none
    }
}

@media (min-width:601px) and (max-width:991px) {
    .marketing-page h3,.contact-page {
        text-align: center
    }

    .marketing-page h3 {
        font-size: 1.5625rem;
        margin-bottom: 1.75rem
    }

    .contact-page .green-button, .contact-page .red-button, .contact-page .yellow-button {
        width: 30%;
        margin-bottom: 60px
    }
	
	.marketing-button img {
        max-width: 70px;
        max-height: 70px
    }

    .marketing-button p {
        font-size: 1.3rem;
        margin-top: -4px
    }
}

@media (min-width:992px) and (max-width:1280px) {
    .marketing-page h3,.contact-page {
        text-align: center
    }

    .marketing-page h3 {
        font-size: 1.5625rem;
        margin-bottom: 1.75rem
    }

    .contact-page .green-button, .contact-page .red-button, .contact-page .yellow-button {
        width: 30%;
        margin-bottom: 60px
    }
	
	.marketing-button img {
        max-width: 70px;
        max-height: 70px
    }

    .marketing-button p {
        font-size: .75rem;
        margin-top: 4px
    }
}

@media (min-width:1281px) {
	.marketing-button{margin-left:6%}
    .marketing-button img {
        max-width: 70px;
        max-height: 70px
    }
}

.aside-right-area {
    max-width: 25%;
    margin-top: 1.1875rem;
    margin-right: 6%;
    padding-left:1.5rem;
    background-color: #fff
}

.black {
    margin-bottom: 2rem;
    color: #fff;
    background-color: #df4c73
}

.light-grey {
    color: #000;
    background-color: #f1f1f1
}

.info-text {
    font-size: 77%;
    border-radius: 6px
}

.padding {
    padding: 20px
}

.padding-small {
    margin-bottom: 35px;
    padding: 8px 20px
}

.ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.ul.hoverable li:hover {
    background-color: #f1f1f1;
    color: red;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s ease-in-out
}

.ul.hoverable li span {
    font-size: 83%
}

.ul li {
    padding: 12px 5px;
    border-bottom: 1px solid #ddd
}

.ul li img {
    width: 20%;
    height: auto;
    margin-top: 4px;
    margin-bottom: 10px;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 5px -3px #000;
    -moz-box-shadow: 0 3px 5px -3px #000;
    box-shadow: 0 3px 5px -3px #000
}

.ul li:last-child {
    border-bottom: none
}

.ul li a {
    position: relative;
    color: #df4c73;
    font-size: 83%;
    font-weight: 400
}

.ul li a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: red;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .5s ease-in-out
}

.ul li a:hover {
    color: red
}

.ul li a:hover::before {
    transform-origin: left;
    transform: scaleX(1)
}

.margin .content {
    position: relative;
    bottom: 25px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 77%;
    height: 4%;
    margin-top: -4px;
    padding: 12px 12px;
    border-top-right-radius: 25px
}

.margin .content p {
    float: left;
    font-size: 80%;
    margin-top: -10px;
    font-weight: 200
}

.margin  img:hover {
    opacity: 0.60
}

.light-grey,.light-grey:hover {
    color: #333
}

.left {
    float: left
}

.margin-right {
    margin-right: 1rem
}

.small {
    font-size: .75rem
}

.tag {
    font-size: 76%;
    padding: 2px 4px
}

.input {
    max-width: 91%;
    margin-top: 40px;
    padding: 8px;
    display: block;
    border: 1px solid #ccc;
    width: 100%
}

.modal {
    z-index: 3;
    display: none;
    padding-top: 100px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgb(0,0,0,.4)
}

.modal-content {
    margin: auto;
    position: relative;
    background-color: #f1f1f1;
    padding: 32px;
    outline: 0;
    width: 600px
}

.modal-content .button {
    background-color: #df4c73
}

.animate-opacity {
    animation: .8s opac
}

@keyframes opac {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.xlarge {
    font-size: 1.5rem
}

.close-text,.close-text:hover {
    padding-left: 10px;
    padding-right: 10px
}

.close-text {
    color: red;
    float: right;
    margin-top: -20px;
    margin-right: 1rem;
    border: 1px solid red
}

.close-text:hover {
    color: #000;
    cursor: pointer
}

.modal .close-text:hover {
    color: #000;
    background-color: #ccc;
    border: none
}

.wide {
    letter-spacing: 4px
}

.block {
    display: block;
    width: 100%
}

.modal {
    position: fixed;
    top: 0;
    left: 0
}

.modal a {
    color: #fff
}

.modal a,.ul li a {
    text-decoration: none
}

.info-text .button, .modal .button {
    border: none;
    transition: background-color 0.9s ease, color 0.9s ease
}

.info-text .red {
    color: #fff
}

.info-text .button:hover {
    color: #000;
    background-color: #FFBFAE
}

.close-text:hover,.modal button:hover {
    background-color: #FFBFAE
}

.red,.red-medium {
    color: #fff;
    background-color: #df4c73;
    padding: -1px
}

@media (min-width:280px) and (max-width:360px) {
    .x-small {
        display: none!important
    }
}

@media (max-width:600px) {
    .ul li {
        font-size: 100%
    }

    .ul li img {
        width: 10%;
        height: 28px
    }

    .margin .content {
        bottom: 23px;
        width: 44%
    }

    .margin .content p {
        font-size: 90%;
        margin-top: -9px;
        font-weight: 200
    }
	.input {
        max-width: 95%
    }

    .modal-content {
        margin: 0 10px;
        width: auto!important
    }

    .modal {
        padding-top: 30px
    }

    .footer {
        min-width: 100%
    }

    .footer ul {
        margin-left: 10px
    }
}

@media (min-width:601px) and (max-width:991px) {
    .ul li img {
        max-width: 7%;
        height: 38px;
        margin-top: -1px
    }

    .margin .content {
        bottom: 24px;
        width: 24%
    }

    .margin .content p {
        font-size: 100%;
        margin-top: -10px
    }
	
	.input {
        max-width: 97%
    }

    .footer {
        min-width: 100%
    }
}

@media (max-width:768px) {
    .modal-content {
        width: 500px
    }

    .modal {
        padding-top: 50px
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .ul li img {
        width: 17%;
        height: 38px
    }

    .margin .content {
        bottom: 23px;
        width: 74%
    }

    .margin .content p {
        font-size: 94%;
        margin-top: -10px
    }

    .input {
        max-width: 92%
    }

    .modal-content {
        width: 900px
    }

    #backtotop {
        margin-right: 60px
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    .ul li img {
        padding-top: 4px
    }

    .ul li a {
        font-size: 76%
    }

    .input {
        max-width: 90%
    }

    .modal-content {
        width: 900px
    }

    #backtotop {
        margin-right: 80px
    }
}

.container:after,.container:before {
    content: "";
    display: table;
    clear: both
}

.form-input {
    width: 100%;
    padding: 8px;
    display: block;
    border: none;
    border-bottom: 1px solid #ccc
}

.form-border {
    border: 1px solid #ccc
}

.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
}

.bg-third {
    float: left;
    width: 30%
}

button {
    border: none;
    font: inherit;
    margin: 0;
    padding: 5px;
    overflow: visible;
    text-transform: none
}

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

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

.menu-links {
    list-style: none;
    margin: 0;
    padding: 0
}

.menu-links li {
    display: inline-block;
    margin-right: 40px
}

.menu-links a {
    display: block;
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.related-article {
    border-top: 20px solid #fff;
    text-align: center
}

.related-article a {
    color: #2C5F9B
}

.related-article a:hover {
    color: red
}

.footer {
    max-width: 94.11111%;
    text-align: center;
    border-top: 20px solid #fff;
    background-color: #286fb4;
    margin-top: 3rem;
    margin-bottom: -33px
}

.footer a {
    font-size: 90%;
    text-decoration: none;
    padding: 12px
}

.footer .menu-links a:hover,.copyright-notice a:hover {
    color: #FCC;
    text-decoration: underline;
    text-underline-offset: 1px;
    text-decoration-style: 0;
    text-underline-position: under;
    text-decoration-color: #fff
}

.copyright-notice {
    color: #fff;
    background-color: #344588;
    padding: 10px 0 10px 0
}

.copyright-notice a {
    color: #fff
}

.red {
    color: red
}

#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
}

.animate-left {
    animation: animateleft 0.9s
}

@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}