*,
::after,
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fullwidth,
.wrapper,.restricted {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
}
.wrapper {
    padding: 0 5%;
}
.restricted{padding:5px;}

.restricted{width: 960px;margin:auto}

[class^="fc"],
[class^="rc"] {
    padding: 10px;
    /*vertical-align: top;*/
    word-wrap: break-word;
}
#go-top {
    padding: 5px 12px;
}
@media only screen and (max-width: 768px) {
    .alert{width:350px;font-size:1.2em}
    [data-display=""],[data-display="all"],[data-display="mobil"],[data-display="mobil-tablet"],[data-display="mobil-desktop"] {display: block;}
    [data-display="desktop"],[data-display="desktop-tablet"],[data-display="tablet"] {display: none;}

    #go-top {
        bottom: 12%;
        font-size: 2.5em;
    }
    [class^="col1-"],
    [class^="rc"], .col3-4 {
        width: 100%;
    }

    .restricted,.fc1_1 {width: 100%;}
    .fc1_2 {width: calc(100% / 2);}
    .fc1_3 {width: calc(100% / 3);}
    .fc1_4 {width: calc(100% / 4);}
    .fc1_5 {width: calc(100% / 5);}
    .fc1_6 {width: calc(100% / 6);}
    .fc1_7 {width: calc(100% / 7);}
    .fc1_8 {width: calc(100% / 8);}
    .fc2_3 {width: calc(100% / 3 * 2);}
    .fc3_4 {width: calc(100% / 4 * 3);}
    .fc2_5 {width: calc(100% / 5 * 2);}
    .fc3_5 {width: calc(100% / 5 * 3);}
    .fc4_5 {width: calc(100% / 5 * 4);}
    .fc5_6 {width: calc(100% / 6 * 5);}
    .fc2_7 {width: calc(100% / 7 * 2);}
    .fc3_7 {width: calc(100% / 7 * 3);}
    .fc4_7 {width: calc(100% / 7 * 4);}
    .fc5_7 {width: calc(100% / 7 * 5);}
    .fc6_7 {width: calc(100% / 7 * 6);}
    .fc3_8 {width: calc(100% / 8 * 3);}
    .fc5_8 {width: calc(100% / 8 * 5);}
    .fc6_8 {width: calc(100% / 8 * 6);}
    .fc7_8 {width: calc(100% / 8 * 7);}
    
    [data-responsive-class="col1-1"],
    [data-responsive-class="col1-2"],
    [data-responsive-class="col1-3"],
    [data-responsive-class="col1-4"] {
        display: inline-block;
        vertical-align: top;
    }
    [data-responsive-class="col1-2"] {
        width: calc(100% / 2 - 2px) !important;
    }
    [data-responsive-class="col1-3"] {
        width: calc(100% / 3 - 2px) !important;
    }
    [data-responsive-class="col1-4"] {
        width: calc(100% / 4 - 2px) !important;
    }
    [data-responsive-class="col2-3"] {
        width: calc(100% / 3 * 2 - 2px) !important;
    }
    [data-responsive-class="col3-4"] {
        width: calc(100% / 4 * 3 - 2px) !important;
    }
    #content {
        padding: 0;
    }
    .options,
    .suboptions {
        width: 100%;
        display: block;
    }
    .options span,
    .suboptions span {
        display: block;
    }
    .title > .addnew {
        position: fixed;
        left: 21px;
        bottom: 53px;
        padding: 0 8px;
        border-radius: 50px;
        width: 53px;
        height: 53px;
    }
    .title > .addnew span {
        display: none;
    }
    .window {
        width: 100% !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%,-50%);
    }
    .element {
        margin-left: 12px;
        width:94%;
    }
    #logeduserbar::before {
        content: "\f0c9  menú";
        font-family: "Font Awesome 5 Free";
        color: #fff;
        width: 100%;
        display: block;
        text-align: center;
        padding: 4px;
        -webkit-font-smoothing: antialiased;
        font-weight: 900;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
    }
    #logeduserbar a {
        display: none;
        width: 100%;
    }
    #logeduserbar:hover a {
        display: block;
        transition: 0.5s;
    }
    #logeduserbar section:nth-child(1),
    #logeduserbar section:nth-child(2) {
        text-align: center;
    }
    aside > ul::before {
        content: "\f0c9  menú";
        font-family: "Font Awesome 5 Free";
        color: #fff;
        background: #121212;
        width: 100%;
        display: block;
        padding: 8px;
        -webkit-font-smoothing: antialiased;
        font-weight: 900;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        padding:12px;
    }
    aside{width:100%;margin-bottom:21px;}
    aside ul{display: block;position:absolute;width: 100%;background:black;max-height:425px;overflow: auto;}
    /*aside {
        position: sticky;
        width: 100%;
        max-height: 100%;
        overflow: auto;
    }*/
    aside li {display:none;}
    
    .main {
        width: 100%;
    }

    [data-shape="shape01"] {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
        padding-bottom: calc(100%/15);
        margin-bottom: calc(-100%/15);
    }
    [data-shape="shape02"] {
        clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
        padding-bottom: calc(100%/15);
        margin-bottom: calc(-100%/15);
    }
    [data-shape="shape03"] {
        clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
        padding-top: calc(100%/15);
        margin-top: calc(-100%/15);
    }
    [data-shape="shape04"] {
        clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);
        padding-top: calc(100%/15);
        margin-top: calc(-100%/15);
    }
    [data-shape="shape05"] {
        clip-path: polygon(0 4%, 100% 0, 100% 96%, 0 100%);
        padding: calc(100% / 12) 5%;
        margin: calc(-100%/19) 0;
    }
    [data-shape="shape06"] {
        clip-path: polygon(0 0, 100% 4%, 100% 100%, 0 96%);
        padding: calc(100% / 12) 5%;
        margin: calc(-100%/19) 0;
    }
    [data-shape="shape07"] {
        clip-path: polygon(0 0, 0 97%, 50% 100%, 100% 97%, 100% 0, 50% 3%);
        padding: calc(100%/20) 5%;
        margin: calc(-100%/25) 0;
    }
    [data-shape="shape08"] {
        clip-path: polygon(0 3%, 0 100%, 50% 97%, 100% 100%, 100% 3%, 50% 0);
        padding: calc(100%/20) 5%;
        margin: calc(-100%/25) 0;
    }
    [data-shape="shape09"] {
        clip-path: polygon(0 0, 0 97%, 50% 100%, 100% 97%, 100% 0);
        padding-bottom: calc(100%/15);
        margin-bottom: calc(-100%/25);
    }
    [data-shape="shape10"] {
        clip-path: polygon(0 3%, 0 100%, 100% 100%, 100% 3%, 50% 0);
    padding-top: calc(100%/15);
    margin-top: calc(-100%/30);
    }
    [data-shape="shape11"] {
        clip-path:polygon(0 0, 0 98%, 40% 98%, 50% 100%, 60% 98%, 100% 98%, 100% 0);
        padding-bottom: calc(100%/65);
        margin-bottom: calc(-100%/35);
    }
    [data-shape="shape12"] {
        clip-path: polygon(0 2%, 0 100%, 100% 100%, 100% 2%, 60% 2%, 50% 0, 40% 2%);
        padding-top: calc(100%/65);
    margin-top: calc(-100%/45);
    }
    [data-shape="shape13"] {
        clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, 60% 0, 50% 2%, 40% 0);
    padding-top: calc(100%/15);
    margin-top: calc(-100%/45);
    }
    [data-shape="shape14"] {
        clip-path: polygon(0 0, 0 100%, 43% 100%, 50% 98%, 57% 100%, 100% 100%, 100% 0);
        padding-top: calc(100%/15);
        margin-bottom: calc(-100%/35);
    }
    [data-shape="shape15"] {
        clip-path: polygon(
            0 0,
            0 92%,
            0 92%,
            6% 95%,
            8% 93%,
            11% 91%,
            13% 93%,
            16% 91%,
            19% 91%,
            24% 92%,
            28% 94%,
            33% 94%,
            36% 93%,
            39% 95%,
            43% 94%,
            45% 96%,
            54% 94%,
            57% 93%,
            63% 93%,
            75% 98%,
            77% 97%,
            80% 97%,
            82% 98%,
            86% 99%,
            89% 99%,
            91% 100%,
            93% 98%,
            96% 99%,
            99% 98%,
            100% 96%,
            100% 0
        );
        padding-bottom: calc(100%/10);
    margin-bottom: calc(-100%/9);
    }
    [data-shape="shape16"] {
        clip-path: polygon(
            100% 0,
            100% calc(100% - 12px),
            98% 100%,
            96% calc(100% - 12px),
            94% 100%,
            92% calc(100% - 12px),
            90% 100%,
            88% calc(100% - 12px),
            86% 100%,
            84% calc(100% - 12px),
            82% 100%,
            80% calc(100% - 12px),
            78% 100%,
            76% calc(100% - 12px),
            74% 100%,
            72% calc(100% - 12px),
            70% 100%,
            68% calc(100% - 12px),
            66% 100%,
            64% calc(100% - 12px),
            62% 100%,
            60% calc(100% - 12px),
            58% 100%,
            56% calc(100% - 12px),
            54% 100%,
            52% calc(100% - 12px),
            50% 100%,
            48% calc(100% - 12px),
            46% 100%,
            44% calc(100% - 12px),
            42% 100%,
            40% calc(100% - 12px),
            38% 100%,
            36% calc(100% - 12px),
            34% 100%,
            32% calc(100% - 12px),
            30% 100%,
            28% calc(100% - 12px),
            26% 100%,
            24% calc(100% - 12px),
            22% 100%,
            20% calc(100% - 12px),
            18% 100%,
            16% calc(100% - 12px),
            14% 100%,
            12% calc(100% - 12px),
            10% 100%,
            8% calc(100% - 12px),
            6% 100%,
            4% calc(100% - 12px),
            2% 100%,
            0 calc(100% - 12px),
            0 0
        );
        padding-bottom: calc(100%/15);
        margin-bottom: calc(-100%/25);
    }
    [data-shape="shape17"] {
        clip-path: ellipse(142% 56% at 40% 43.8%);
        padding-bottom: calc(100%/25);
            margin-bottom: calc(-100%/15);
    }
    [data-shape="shape18"] {
        clip-path: ellipse(142% 56% at 60% 43.8%);
        padding-bottom: calc(100%/25);
            margin-bottom: calc(-100%/15);
    }
    [data-shape="shape19"] {
        clip-path: ellipse(142% 56% at 50% 43.8%);
        padding-bottom: calc(100%/25);
            margin-bottom: calc(-100%/15);
    }

}
@media only screen and (width: 800px) {
    aside {
        display: block;
        width: 100%;
    }
}
@media only screen and (min-width: 600px) and (orientation: portrait) {
    [data-display=""],[data-display="all"],[data-display="tablet"],[data-display="desktop-tablet"],[data-display="mobil-tablet"] {display: inline-block;}
    [data-display="desktop"],[data-display="mobil-desktop"],[data-display="mobil"] {display: none;}
    #go-top {
        bottom: 10%;
        font-size: 2em;
    }
    .form ul > *,
    .fullwidth > *,
    .wrapper > * {
        margin: 0 1% 1% 0;
    }
    .fc1_1,
    .fc1_2,
    .fc1_3,
    .fc1_4,
    .fc1_5,
    .fc1_6,
    .fc1_7,
    .fc1_8,
    .fc2_3,
    .fc2_5,
    .fc2_7,
    .fc3_4,
    .fc3_5,
    .fc3_7,
    .fc3_8,
    .fc4_5,
    .fc4_7,
    .fc5_6,
    .fc5_7,
    .fc5_8,
    .fc6_7,
    .fc6_8,
    .fc7_8,
    .rc1_1,
    .rc1_2,
    .rc1_3,
    .rc1_4,
    .rc1_5,
    .rc1_6,
    .rc1_7,
    .rc1_8,
    .rc2_3,
    .rc2_5,
    .rc2_7,
    .rc3_4,
    .rc3_5,
    .rc3_7,
    .rc3_8,
    .rc4_5,
    .rc4_7,
    .rc5_6,
    .rc5_7,
    .rc5_8,
    .rc6_7,
    .rc6_8,
    .rc7_8 {
        width: 100%;
        display: inline-block;
    }
    .col1-1,
    .col1-2,
    .col1-3,
    .col1-4,
    .col1-5,
    .col2-3,
    .col3-4 {
        display: inline-block;
        vertical-align: top;
    }
    .col1-1 {
        width: 100%;
    }
    .col1-2 {
        width: calc(100% / 2 - 2px);
    }
    .col1-3 {
        width: calc(100% / 3 - 2px);
    }
    .col1-4 {
        width: calc(100% / 4 - 2px);
    }
    .col1-5 {
        width: calc(100% / 5 - 2px);
    }
    .col2-3 {
        width: calc(100% / 3 * 2 - 2px);
    }
    .col3-4 {
        width: calc(100% / 4 * 3 - 2px);
    }
    #logeduserbar a {
        display: inline-block;
        width: fit-content;
    }
    #logeduserbar section:nth-child(2) {
        text-align: right;
    }
    .main {
        width: 100%;
    }
}
@media only screen and (min-width: 600px) and (orientation: landscape) {
    [data-display=""],[data-display="all"],[data-display="tablet"],[data-display="mobil-tablet"],[data-display="desktop-tablet"] {display: inline-block;}
    [data-display="desktop"],[data-display="mobil"],[data-display="mobil-desktop"]{
        display: none;
    }
    #go-top {
        bottom: 10%;
        font-size: 2em;
    }
    .fc1_1,
    .rc1_1 {
        width: 100%;
    }
    .fc1_2,
    .rc1_2 {
        width: calc(100% / 2);
    }
    .fc1_3,
    .rc1_3 {
        width: calc(100% / 3);
    }
    .fc1_4,
    .rc1_4 {
        width: calc(100% / 4);
    }
    .fc1_5,
    .rc1_5 {
        width: calc(100% / 5);
    }
    .fc1_6,
    .rc1_6 {
        width: calc(100% / 6);
    }
    .fc1_7,
    .rc1_7 {
        width: calc(100% / 7);
    }
    .fc1_8,
    .rc1_8 {
        width: calc(100% / 8);
    }
    .fc2_3,
    .rc2_3 {
        width: calc(100% / 3 * 2);
    }
    .fc3_4,
    .rc3_4 {
        width: calc(100% / 4 * 3);
    }
    .fc2_5,
    .rc2_5 {
        width: calc(100% / 5 * 2);
    }
    .fc3_5,
    .rc3_5 {
        width: calc(100% / 5 * 3);
    }
    .fc4_5,
    .rc4_5 {
        width: calc(100% / 5 * 4);
    }
    .fc5_6,
    .rc5_6 {
        width: calc(100% / 6 * 5);
    }
    .fc2_7,
    .rc2_7 {
        width: calc(100% / 7 * 2);
    }
    .fc3_7,
    .rc3_7 {
        width: calc(100% / 7 * 3);
    }
    .fc4_7,
    .rc4_7 {
        width: calc(100% / 7 * 4);
    }
    .fc5_7,
    .rc5_7 {
        width: calc(100% / 7 * 5);
    }
    .fc6_7,
    .rc6_7 {
        width: calc(100% / 7 * 6);
    }
    .fc3_8,
    .rc3_8 {
        width: calc(100% / 8 * 3);
    }
    .fc5_8,
    .rc5_8 {
        width: calc(100% / 8 * 5);
    }
    .fc6_8,
    .rc6_8 {
        width: calc(100% / 8 * 6);
    }
    .fc7_8,
    .rc7_8 {
        width: calc(100% / 8 * 7);
    }
    .col1-1,
    .col1-2,
    .col1-3,
    .col1-4,
    .col1-5,
    .col2-3,
    .col3-4 {
        display: inline-block;
        vertical-align: top;
    }
    .col1-1 {
        width: 100%;
    }
    .col1-2 {
        width: calc(100% / 2 - 2px);
    }
    .col1-3 {
        width: calc(100% / 3 - 2px);
    }
    .col1-4 {
        width: calc(100% / 4 - 2px);
    }
    .col1-5 {
        width: calc(100% / 5 - 2px);
    }
    .col2-3 {
        width: calc(100% / 3 * 2 - 2px);
    }
    .col3-4 {
        width: calc(100% / 4 * 3 - 2px);
    }
    #logeduserbar a {
        display: inline-block;
        width: fit-content;
    }
    #logeduserbar section:nth-child(2) {
        text-align: right;
    }
    .main {
        width: 75%;
    }
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
    
    [data-display=""],[data-display="all"],[data-display="desktop"],[data-display="desktop-tablet"],[data-display="mobil-desktop"] {
        display: inline-block; width:100%
    }
    .mod[data-display="desktop"]{width:100%}
    [data-display="mobil"],[data-display="mobil-tablet"],[data-display="tablet"] {
        display: none;
    }
    .form ul > *{
        margin: 0 0.5% 0.5% 0;
    }
    .fc1_1,
    .rc1_1 {
        width: 100%;
    }
    .fc1_2,
    .rc1_2 {
        width: calc(100% / 2 - 0.5%);
    }
    .fc1_3,
    .rc1_3 {
        width: calc(100% / 3 - 0.5%);
    }
    .fc1_4,
    .rc1_4 {
        width: calc(100% / 4 - 0.5%);
    }
    .fc1_5,
    .rc1_5 {
        width: calc(100% / 5 - 0.5%);
    }
    .fc1_6,
    .rc1_6 {
        width: calc(100% / 6 - 0.5%);
    }
    .fc1_7,
    .rc1_7 {
        width: calc(100% / 7 - 0.5%);
    }
    .fc1_8,
    .rc1_8 {
        width: calc(100% / 8 - 0.5%);
    }
    .fc2_3,
    .rc2_3 {
        width: calc(100% / 3 * 2 - 0.5%);
    }
    .fc3_4,
    .rc3_4 {
        width: calc(100% / 4 * 3 - 0.5%);
    }
    .fc2_5,
    .rc2_5 {
        width: calc(100% / 5 * 2 - 0.5%);
    }
    .fc3_5,
    .rc3_5 {
        width: calc(100% / 5 * 3 - 0.5%);
    }
    .fc4_5,
    .rc4_5 {
        width: calc(100% / 5 * 4 - 0.5%);
    }
    .fc5_6,
    .rc5_6 {
        width: calc(100% / 6 * 5 - 0.5%);
    }
    .fc2_7,
    .rc2_7 {
        width: calc(100% / 7 * 2 - 0.5%);
    }
    .fc3_7,
    .rc3_7 {
        width: calc(100% / 7 * 3 - 0.5%);
    }
    .fc4_7,
    .rc4_7 {
        width: calc(100% / 7 * 4 - 0.5%);
    }
    .fc5_7,
    .rc5_7 {
        width: calc(100% / 7 * 5 - 0.5%);
    }
    .fc6_7,
    .rc6_7 {
        width: calc(100% / 7 * 6 - 0.5%);
    }
    .fc3_8,
    .rc3_8 {
        width: calc(100% / 8 * 3 - 0.5%);
    }
    .fc5_8,
    .rc5_8 {
        width: calc(100% / 8 * 5 - 0.5%);
    }
    .fc6_8,
    .rc6_8 {
        width: calc(100% / 8 * 6 - 0.5%);
    }
    .fc7_8,
    .rc7_8 {
        width: calc(100% / 8 * 7 - 0.5%);
    }
    .col1-1,
    .col1-2,
    .col1-3,
    .col1-4,
    .col1-5,
    .col2-3,
    .col3-4 {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 5px 0;
    }
    .col1-1 {
        width: 100%;
    }
    .col1-2 {
        width: calc(100% / 2 - 2px);
    }
    .col1-3 {
        width: calc(100% / 3.1);
    }
    .col1-4 {
        width: calc(100% / 4.2);
    }
    .col1-5 {
        width: calc(100% / 5 - 2px);
    }
    .col2-3 {
        width: calc(100% / 3 * 2 - 2px);
    }
    .col3-4 {
        width: calc(100% / 4 * 3 - 2px);
    }
    #logeduserbar a {
        display: inline-block;
        width: fit-content;
    }
    #logeduserbar section:nth-child(2) {
        text-align: right;
    }
    .main {
        width: 84%;
    }

    [data-shape="shape01"] {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
        padding-bottom: calc(100%/35);
        margin-bottom: calc(-100%/55);
    }
    [data-shape="shape02"] {
        clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
        padding-bottom: calc(100%/35);
        margin-bottom: calc(-100%/55);
    }
    [data-shape="shape03"] {
        clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
        padding-top: calc(100%/35);
        margin-top: calc(-100%/65);
    }
    [data-shape="shape04"] {
        clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
        padding-top: calc(100%/35);
        margin-top: calc(-100%/65);
    }
    [data-shape="shape05"] {
        clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
        padding: calc(100% / 35) 5%;
        margin: calc(-100%/50) 0;
    }
    [data-shape="shape06"] {
        clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
        padding: calc(100% / 35) 5%;
        margin: calc(-100%/50) 0;
    }
    [data-shape="shape07"] {
        clip-path: polygon(0 0, 0 94%, 50% 100%, 100% 94%, 100% 0, 50% 6%);
        padding: calc(100%/70) 5%;
        margin: calc(-100%/100) 0;
    }
    [data-shape="shape08"] {
        clip-path: polygon(0 6%, 0 100%, 50% 94%, 100% 100%, 100% 6%, 50% 0);
        padding: calc(100%/70) 5%;
        margin: calc(-100%/100) 0;
    }
    [data-shape="shape09"] {
        clip-path: polygon(0 0, 0 94%, 50% 100%, 100% 94%, 100% 0);
        padding-bottom: calc(100%/35);
        margin-bottom: calc(-100%/100);
    }
    [data-shape="shape10"] {
        clip-path: polygon(0 6%, 0 100%, 100% 100%, 100% 6%, 50% 0);
        padding-top: calc(100%/35);
        margin-top: calc(-100%/100);
    }
[data-shape="shape11"] {
        clip-path: polygon(0 0, 0 96%, 46% 96%, 50% 100%, 54% 96%, 100% 96%, 100% 0);
        padding-bottom: calc(100%/65);
        margin-bottom: calc(-100%/105);
    }
    [data-shape="shape12"] {
        clip-path: polygon(0 4%, 0 100%, 100% 100%, 100% 4%, 54% 4%, 50% 0, 46% 4%);
        padding-top: calc(100%/65);
        margin-top: calc(-100%/105);
    }
    [data-shape="shape13"] {
        clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, 54% 0, 50% 4%, 46% 0);
        padding-top: calc(100%/65);
        margin-top: calc(-100%/105);
    }
    [data-shape="shape14"] {
        clip-path: polygon(0 0, 0 100%, 46% 100%, 50% 96%, 54% 100%, 100% 100%, 100% 0);
        padding-bottom: calc(100%/65);
        margin-bottom: calc(-100%/105);
    }
    [data-shape="shape15"] {
        clip-path: polygon(
            0 0,
            0 92%,
            0 92%,
            6% 95%,
            8% 93%,
            11% 91%,
            13% 93%,
            16% 91%,
            19% 91%,
            24% 92%,
            28% 94%,
            33% 94%,
            36% 93%,
            39% 95%,
            43% 94%,
            45% 96%,
            54% 94%,
            57% 93%,
            63% 93%,
            75% 98%,
            77% 97%,
            80% 97%,
            82% 98%,
            86% 99%,
            89% 99%,
            91% 100%,
            93% 98%,
            96% 99%,
            99% 98%,
            100% 96%,
            100% 0
        );
        padding-bottom: calc(100%/65);
        margin-bottom: calc(-100%/65);
    }
    [data-shape="shape16"] {
        clip-path: polygon(
            100% 0,
            100% calc(100% - 12px),
            98% 100%,
            96% calc(100% - 12px),
            94% 100%,
            92% calc(100% - 12px),
            90% 100%,
            88% calc(100% - 12px),
            86% 100%,
            84% calc(100% - 12px),
            82% 100%,
            80% calc(100% - 12px),
            78% 100%,
            76% calc(100% - 12px),
            74% 100%,
            72% calc(100% - 12px),
            70% 100%,
            68% calc(100% - 12px),
            66% 100%,
            64% calc(100% - 12px),
            62% 100%,
            60% calc(100% - 12px),
            58% 100%,
            56% calc(100% - 12px),
            54% 100%,
            52% calc(100% - 12px),
            50% 100%,
            48% calc(100% - 12px),
            46% 100%,
            44% calc(100% - 12px),
            42% 100%,
            40% calc(100% - 12px),
            38% 100%,
            36% calc(100% - 12px),
            34% 100%,
            32% calc(100% - 12px),
            30% 100%,
            28% calc(100% - 12px),
            26% 100%,
            24% calc(100% - 12px),
            22% 100%,
            20% calc(100% - 12px),
            18% 100%,
            16% calc(100% - 12px),
            14% 100%,
            12% calc(100% - 12px),
            10% 100%,
            8% calc(100% - 12px),
            6% 100%,
            4% calc(100% - 12px),
            2% 100%,
            0 calc(100% - 12px),
            0 0
        );
        padding-bottom: calc(100%/65);
        margin-bottom: calc(-100%/105);
    }
    [data-shape="shape17"] {
        clip-path: ellipse(142% 56% at 40% 43.8%);
        padding-bottom: calc(100%/65);
        margin-bottom: calc(-100%/112);
    }
    [data-shape="shape18"] {
        clip-path: ellipse(142% 56% at 60% 43.8%);
        padding-bottom: calc(100%/65);
        margin-bottom: calc(-100%/112);
    }
    [data-shape="shape19"] {
        clip-path: ellipse(142% 56% at 50% 43.8%);
        padding-bottom: calc(100%/65);
        margin-bottom: calc(-100%/112);
    }
    .restricted{width: 100%;
        display: block;
        padding: 5px calc(50% - 960px / 2);}

}