/*
* {
    padding: 0;
    margin: 0;
}

.preload {
    padding: 0;
    align-items: flex-end;
    z-index: 1;
    position: fixed;
    width: 100%;
    display: flex;
    height: 100vh;
    width: 100vw;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: .1vw;
    grid-row-gap: 0vw;
}

.preload .item-load {
    background: #FFF;
    width: 100%;
    position: relative;
    animation-name: startAnimation;
    animation-duration: 1s;
    animation-direction: normal;
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)(0.895, 0.03, 0.685, 0.22);
    border-right: .1vw solid #000;
    animation-fill-mode: forwards;
    margin: 0;
}

.preload .item-load:nth-child(2) {
    animation-delay: .1s;
}

.preload .item-load:nth-child(3) {
    animation-delay: .3s;
}

.preload .item-load:nth-child(4) {
    animation-delay: .5s;
}

.preload .item-load:nth-child(5) {
    animation-delay: .7s;
}

.preload .item-load:nth-child(6) {
    animation-delay: .9s;
}

.preload .item-load:nth-child(7) {
    animation-delay: 1.1s;
}

.preload .item-load:nth-child(8) {
    animation-delay: 1.3s;
}

.preload .item-load:nth-child(9) {
    animation-delay: 1.5s;
    border-right: 0;
}

.end {
    animation-name: endAnimation;
    animation-duration: 2s;
    animation-direction: inherit;
    animation-fill-mode: forwards;
    right: 0;
    border-right: .1vw solid #000;
    animation-duration: 1s;
    height: 100%;
    background: #FFF;
}

.endLoad {
    animation-name: endLoading;
    animation-direction: alternate-reverse;
    animation-fill-mode: forwards;
    animation-duration: 4s;
    display: none;
}

@keyframes startAnimation {
    0% {
        height: 0;
    }
    100% {
        height: 100vh;
    }
}

@keyframes endAnimation {
    0% {
        width: 100%;
    }
    100% {
        width: 0%;
        border: 0vw;
    }
}

@keyframes endLoading {
    0% {
        width: 100%;
        height: 100%;
    }
    100% {
        width: 0%;
        height: 0%;
    }
}

*/

* {
    margin: 0;
    padding: 0;
}

@-webkit-keyframes animate-svg-stroke-1-draw {
    0% {
        stroke-dashoffset: 46.55277633666992px;
        stroke-dasharray: 46.55277633666992px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 46.55277633666992px;
    }
}

@keyframes animate-svg-stroke-1-draw {
    0% {
        stroke-dashoffset: 46.55277633666992px;
        stroke-dasharray: 46.55277633666992px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 46.55277633666992px;
    }
}

@-webkit-keyframes animate-svg-fill-1-draw {
    0% {
        fill: transparent;
    }
    100% {
        fill: rgb(210, 0, 70);
    }
}

@keyframes animate-svg-fill-1-draw {
    0% {
        fill: transparent;
    }
    100% {
        fill: rgb(210, 0, 70);
    }
}

.svg-elem-1 {
    -webkit-animation: animate-svg-stroke-1-draw 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-1-draw 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
    animation: animate-svg-stroke-1-draw 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-1-draw 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2-draw {
    0% {
        stroke-dashoffset: 468.5764465332031px;
        stroke-dasharray: 468.5764465332031px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 468.5764465332031px;
    }
}

@keyframes animate-svg-stroke-2-draw {
    0% {
        stroke-dashoffset: 468.5764465332031px;
        stroke-dasharray: 468.5764465332031px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 468.5764465332031px;
    }
}

@-webkit-keyframes animate-svg-fill-2-draw {
    0% {
        fill: transparent;
    }
    100% {
        fill: rgb(210, 0, 70);
    }
}

@keyframes animate-svg-fill-2-draw {
    0% {
        fill: transparent;
    }
    100% {
        fill: rgb(210, 0, 70);
    }
}

.svg-elem-2 {
    -webkit-animation: animate-svg-stroke-2-draw 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both, animate-svg-fill-2-draw 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
    animation: animate-svg-stroke-2-draw 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both, animate-svg-fill-2-draw 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3-draw {
    0% {
        stroke-dashoffset: 306.3644104003906px;
        stroke-dasharray: 306.3644104003906px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 306.3644104003906px;
    }
}

@keyframes animate-svg-stroke-3-draw {
    0% {
        stroke-dashoffset: 306.3644104003906px;
        stroke-dasharray: 306.3644104003906px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 306.3644104003906px;
    }
}

@-webkit-keyframes animate-svg-fill-3-draw {
    0% {
        fill: transparent;
    }
    100% {
        fill: rgb(210, 0, 70);
    }
}

@keyframes animate-svg-fill-3-draw {
    0% {
        fill: transparent;
    }
    100% {
        fill: rgb(210, 0, 70);
    }
}

.svg-elem-3 {
    -webkit-animation: animate-svg-stroke-3-draw 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both, animate-svg-fill-3-draw 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-stroke-3-draw 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both, animate-svg-fill-3-draw 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4-draw {
    0% {
        stroke-dashoffset: 210.36599731445312px;
        stroke-dasharray: 210.36599731445312px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 210.36599731445312px;
    }
}

@keyframes animate-svg-stroke-4-draw {
    0% {
        stroke-dashoffset: 210.36599731445312px;
        stroke-dasharray: 210.36599731445312px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 210.36599731445312px;
    }
}

@-webkit-keyframes animate-svg-fill-4-draw {
    0% {
        fill: transparent;
    }
    100% {
        fill: rgb(210, 0, 70);
    }
}

@keyframes animate-svg-fill-4-draw {
    0% {
        fill: transparent;
    }
    100% {
        fill: rgb(210, 0, 70);
    }
}

.svg-elem-4 {
    -webkit-animation: animate-svg-stroke-4-draw 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both, animate-svg-fill-4-draw 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-stroke-4-draw 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both, animate-svg-fill-4-draw 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5-draw {
    0% {
        stroke-dashoffset: 149.76559448242188px;
        stroke-dasharray: 149.76559448242188px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 149.76559448242188px;
    }
}

@keyframes animate-svg-stroke-5-draw {
    0% {
        stroke-dashoffset: 149.76559448242188px;
        stroke-dasharray: 149.76559448242188px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 149.76559448242188px;
    }
}

@-webkit-keyframes animate-svg-fill-5-draw {
    0% {
        fill: transparent;
    }
    100% {
        fill: rgb(210, 0, 70);
    }
}

@keyframes animate-svg-fill-5-draw {
    0% {
        fill: transparent;
    }
    100% {
        fill: rgb(210, 0, 70);
    }
}

.svg-elem-5 {
    -webkit-animation: animate-svg-stroke-5-draw 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5-draw 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
    animation: animate-svg-stroke-5-draw 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5-draw 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6-draw {
    0% {
        stroke-dashoffset: 46.5534782409668px;
        stroke-dasharray: 46.5534782409668px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 46.5534782409668px;
    }
}

@keyframes animate-svg-stroke-6-draw {
    0% {
        stroke-dashoffset: 46.5534782409668px;
        stroke-dasharray: 46.5534782409668px;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 46.5534782409668px;
    }
}

@-webkit-keyframes animate-svg-fill-6-draw {
    0% {
        fill: transparent;
    }
    100% {
        fill: rgb(210, 0, 70);
    }
}

@keyframes animate-svg-fill-6-draw {
    0% {
        fill: transparent;
    }
    100% {
        fill: rgb(210, 0, 70);
    }
}

.svg-elem-6 {
    -webkit-animation: animate-svg-stroke-6-draw 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both, animate-svg-fill-6-draw 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
    animation: animate-svg-stroke-6-draw 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both, animate-svg-fill-6-draw 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-1-erase {
    0% {
        stroke-dashoffset: 93.10555267333984px;
        stroke-dasharray: 46.55277633666992px;
    }
    100% {
        stroke-dashoffset: 139.65832901000977px;
        stroke-dasharray: 46.55277633666992px;
    }
}

@keyframes animate-svg-stroke-1-erase {
    0% {
        stroke-dashoffset: 93.10555267333984px;
        stroke-dasharray: 46.55277633666992px;
    }
    100% {
        stroke-dashoffset: 139.65832901000977px;
        stroke-dasharray: 46.55277633666992px;
    }
}

@-webkit-keyframes animate-svg-fill-1-erase {
    0% {
        fill: rgb(210, 0, 70);
    }
    100% {
        fill: transparent;
    }
}

@keyframes animate-svg-fill-1-erase {
    0% {
        fill: rgb(210, 0, 70);
    }
    100% {
        fill: transparent;
    }
}

.svg-elem-1-erase {
    -webkit-animation: animate-svg-stroke-1-erase 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both, animate-svg-fill-1-erase 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation: animate-svg-stroke-1-erase 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both, animate-svg-fill-1-erase 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

@-webkit-keyframes animate-svg-stroke-2-erase {
    0% {
        stroke-dashoffset: 937.1528930664062px;
        stroke-dasharray: 468.5764465332031px;
    }
    100% {
        stroke-dashoffset: 1405.7293395996094px;
        stroke-dasharray: 468.5764465332031px;
    }
}

@keyframes animate-svg-stroke-2-erase {
    0% {
        stroke-dashoffset: 937.1528930664062px;
        stroke-dasharray: 468.5764465332031px;
    }
    100% {
        stroke-dashoffset: 1405.7293395996094px;
        stroke-dasharray: 468.5764465332031px;
    }
}

@-webkit-keyframes animate-svg-fill-2-erase {
    0% {
        fill: rgb(210, 0, 70);
    }
    100% {
        fill: transparent;
    }
}

@keyframes animate-svg-fill-2-erase {
    0% {
        fill: rgb(210, 0, 70);
    }
    100% {
        fill: transparent;
    }
}

.svg-elem-2-erase {
    -webkit-animation: animate-svg-stroke-2-erase 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both, animate-svg-fill-2-erase 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both;
    animation: animate-svg-stroke-2-erase 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both, animate-svg-fill-2-erase 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both;
}

@-webkit-keyframes animate-svg-stroke-3-erase {
    0% {
        stroke-dashoffset: 612.7288208007812px;
        stroke-dasharray: 306.3644104003906px;
    }
    100% {
        stroke-dashoffset: 919.0932312011719px;
        stroke-dasharray: 306.3644104003906px;
    }
}

@keyframes animate-svg-stroke-3-erase {
    0% {
        stroke-dashoffset: 612.7288208007812px;
        stroke-dasharray: 306.3644104003906px;
    }
    100% {
        stroke-dashoffset: 919.0932312011719px;
        stroke-dasharray: 306.3644104003906px;
    }
}

@-webkit-keyframes animate-svg-fill-3-erase {
    0% {
        fill: rgb(210, 0, 70);
    }
    100% {
        fill: transparent;
    }
}

@keyframes animate-svg-fill-3-erase {
    0% {
        fill: rgb(210, 0, 70);
    }
    100% {
        fill: transparent;
    }
}

.svg-elem-3-erase {
    -webkit-animation: animate-svg-stroke-3-erase 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both, animate-svg-fill-3-erase 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
    animation: animate-svg-stroke-3-erase 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both, animate-svg-fill-3-erase 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

@-webkit-keyframes animate-svg-stroke-4-erase {
    0% {
        stroke-dashoffset: 420.73199462890625px;
        stroke-dasharray: 210.36599731445312px;
    }
    100% {
        stroke-dashoffset: 631.0979919433594px;
        stroke-dasharray: 210.36599731445312px;
    }
}

@keyframes animate-svg-stroke-4-erase {
    0% {
        stroke-dashoffset: 420.73199462890625px;
        stroke-dasharray: 210.36599731445312px;
    }
    100% {
        stroke-dashoffset: 631.0979919433594px;
        stroke-dasharray: 210.36599731445312px;
    }
}

@-webkit-keyframes animate-svg-fill-4-erase {
    0% {
        fill: rgb(210, 0, 70);
    }
    100% {
        fill: transparent;
    }
}

@keyframes animate-svg-fill-4-erase {
    0% {
        fill: rgb(210, 0, 70);
    }
    100% {
        fill: transparent;
    }
}

.svg-elem-4-erase {
    -webkit-animation: animate-svg-stroke-4-erase 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both, animate-svg-fill-4-erase 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8999999999999999s both;
    animation: animate-svg-stroke-4-erase 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both, animate-svg-fill-4-erase 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8999999999999999s both;
}

@-webkit-keyframes animate-svg-stroke-5-erase {
    0% {
        stroke-dashoffset: 299.53118896484375px;
        stroke-dasharray: 149.76559448242188px;
    }
    100% {
        stroke-dashoffset: 449.2967834472656px;
        stroke-dasharray: 149.76559448242188px;
    }
}

@keyframes animate-svg-stroke-5-erase {
    0% {
        stroke-dashoffset: 299.53118896484375px;
        stroke-dasharray: 149.76559448242188px;
    }
    100% {
        stroke-dashoffset: 449.2967834472656px;
        stroke-dasharray: 149.76559448242188px;
    }
}

@-webkit-keyframes animate-svg-fill-5-erase {
    0% {
        fill: rgb(210, 0, 70);
    }
    100% {
        fill: transparent;
    }
}

@keyframes animate-svg-fill-5-erase {
    0% {
        fill: rgb(210, 0, 70);
    }
    100% {
        fill: transparent;
    }
}

.svg-elem-5-erase {
    -webkit-animation: animate-svg-stroke-5-erase 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both, animate-svg-fill-5-erase 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
    animation: animate-svg-stroke-5-erase 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both, animate-svg-fill-5-erase 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

@-webkit-keyframes animate-svg-stroke-6-erase {
    0% {
        stroke-dashoffset: 93.1069564819336px;
        stroke-dasharray: 46.5534782409668px;
    }
    100% {
        stroke-dashoffset: 139.6604347229004px;
        stroke-dasharray: 46.5534782409668px;
    }
}

@keyframes animate-svg-stroke-6-erase {
    0% {
        stroke-dashoffset: 93.1069564819336px;
        stroke-dasharray: 46.5534782409668px;
    }
    100% {
        stroke-dashoffset: 139.6604347229004px;
        stroke-dasharray: 46.5534782409668px;
    }
}

@-webkit-keyframes animate-svg-fill-6-erase {
    0% {
        fill: rgb(210, 0, 70);
    }
    100% {
        fill: transparent;
    }
}

@keyframes animate-svg-fill-6-erase {
    0% {
        fill: rgb(210, 0, 70);
    }
    100% {
        fill: transparent;
    }
}

.svg-elem-6-erase {
    -webkit-animation: animate-svg-stroke-6-erase 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both, animate-svg-fill-6-erase 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-stroke-6-erase 1.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both, animate-svg-fill-6-erase 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

.svg-load {
    width: 100vw;
    height: 100vh;
    background: #050505;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999;
    z-index: 999999 !important;
    z-index: 9999999 !important;

}

.svg-load .container {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.svg-load .container svg {
    width: 18vw;
    height: auto;
}

.svg-load .container svg path {}

@media screen and (max-width:767px) {
    .svg-load .container svg {
        width: 70vw;
        height: auto;
        margin-left: -7vw;
    }
}