body {
    background-color: #363535;
    font-family: "Open Sans", sans-serif;
    margin:0 0 0 0;
}


.text1 {
    opacity: 0;
    position: absolute;
    z-index: 7;
    text-align: left;
    margin: -20px 0 0 -200px;
    width: 800px;
    height: 300px;
    top: 50%;
    left: 50%;
    font-size: 24px;
    font-weight: 700;
    -webkit-animation: on .6s ease-in-out 2.7s forwards, fadeout 1.3s ease-out forwards 6.2s;
    -moz-animation: on .6s ease-in-out 2.7s forwards, fadeout 1.3s ease-out forwards 6.2s;
    -o-animation: on .6s ease-in-out 2.7s forwards, fadeout 1.3s ease-out forwards 6.2s;
    animation: on .6s ease-in-out 2.7s forwards, fadeout 1.3s ease-out forwards 6.2s;
}

    .text1 p {
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        padding:10px;
        -webkit-animation: type .3s steps(60, end) 2.7s;
        -moz-animation: type .3s steps(60, end) 2.7s;
        -o-animation: type .3s steps(60, end) 2.7s;
        animation: type .3s steps(60, end) 2.7s;
    }

        .text1 p:nth-child(2) {
            -webkit-animation: type2 .5s steps(60, end) 2.7s;
            -moz-animation: type2 .5s steps(60, end) 2.7s;
            -o-animation: type2 .5s steps(60, end) 2.7s;
            animation: type2 .5s steps(60, end) 2.7s;
        }

    .text1 button {        
        opacity: 0;
        background: #191919;
        color: #f5d300;
        border: 1px solid #191919;
        letter-spacing: 2px;
        padding: 0.5rem 2.5rem;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        cursor: pointer;
        -webkit-transition: color 0.5s, background-color 0.5s;
        -moz-transition: color 0.5s, background-color 0.5s;
        -ms-transition: color 0.5s, background-color 0.5s;
        -o-transition: color 0.5s, background-color 0.5s;
        transition: color 0.5s, background-color 0.5s;
        -webkit-animation: on .6s ease-in-out 4s forwards;
        -moz-animation: on .6s ease-in-out 4s forwards;
        -o-animation: on .6s ease-in-out 4s forwards;
        animation: on .6s ease-in-out 4s forwards;
    }

        .text1 button:hover {
            background: #f5d300;
            color: #191919;
            border: 1px solid #191919;
        }

.splash {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.splash_logo {
    position: absolute;
    margin: -60px 0 0 0px;
    top: 50vh;
    z-index: 5;
    /*left: 50vw;*/
    width: 100vw;
    text-align: center;
    height: 100vh;
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
    flex: auto;
    opacity: 1;
    will-change: opacity;
    -webkit-animation: logo .3s ease-in 2.5s forwards,off;
    -moz-animation: logo .3s ease-in 2.5s forwards,off;
    -o-animation: logo .3s ease-in 2.5s forwards,off;
    animation: logo .3s ease-in 2.5s forwards,off;
}
#logo1 {
    /*-webkit-box-reflect: below 20px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.2));*/
    width: 150px;
}
.splash_logo:before {
    /* display: block;
        position: absolute;
        left: 15px;
        bottom: -5px;
        width: 20px;
        height: 1px;
        background-color: #757474;
        content: "";*/
}

    .splash_logo:after {
        /*display: block;
        position: absolute;
        left: 15px;
        top: -5px;
        width: 20px;
        height: 1px;
        background-color: #757474;
        content: "";
        will-change: width;*/
    }

.splash_svg {
    position: relative;
    margin: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
}

    .splash_svg svg {
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
    }
     /*   .splash_svg svg tag {
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: visible;
            backface-visibility: visible;
        }*/
        .splash_svg svg rect {
            width: 100%;
            height: 100%;
            fill: #EA0029;
            /*stroke: #f5d300;
            stroke-width: 10;*/
            /*-webkit-clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
            /*-webkit-clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 35vh);*/
            -webkit-clip-path: polygon(40vw 35vh,40vw 80vh,40.75vw 80vh,40.75vw 36.5vh,59.25vw 36.5vh,59.25vw 78.75vh,40.75vw 78.75vh,40.75vw 80vh,60vw 80vh,60vw 35vh);
            /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 35vh);*/
            clip-path: polygon(40vw 35vh,40vw 80vh,40.75vw 80vh,40.75vw 36.5vh,59.25vw 36.5vh,59.25vw 78.75vh,40.75vw 78.75vh,40.75vw 80vh,60vw 80vh,60vw 35vh);
            /*clip-path: polygon(40vw 35vh, 60vw 35vh, 60vw 36.25vh,40.65vw 36.25vh,40.65vw 80vh,59.25vw 80vh);*/ /*,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 35vh);*/
            /*clip-path: circle(15% at 20vw 20vh);*/
            -webkit-animation: expand 1.2s ease-in forwards 3.7s, hide 5.3s ease-out forwards 4.2s;
            -moz-animation: expand 1.2s ease-in forwards 3.7s, hide 5.3s ease-out forwards 4.2s;
            -o-animation: expand 1.2s ease-in forwards 3.7s, hide 5.3s ease-out forwards 4.2s;
            animation: expand 1.2s ease-in forwards 3.7s, hide 5.3s ease-out forwards 4.2s;
        }
        .splash_svg svg circle {
            width: 100%;
            height: 100%;
            fill: #f5d300;
            stroke: 0;
            -webkit-clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
            clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
            -webkit-animation: expand .7s ease-in forwards 2.7s, hide 1.3s ease-out forwards 5.2s;
            -moz-animation: expand .7s ease-in forwards 2.7s, hide 1.3s ease-out forwards 5.2s;
            -o-animation: expand .7s ease-in forwards 2.7s, hide 1.3s ease-out forwards 5.2s;
            animation: expand .7s ease-in forwards 2.7s, hide 1.3s ease-out forwards 5.2s;
        }
        
.splash_minimize {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
}

    .splash_minimize svg {
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
    }

        .splash_minimize svg rect {
            width: 100%;
            height: 100%;
            fill: #2e2d2d;
            -webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
            clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
            /*clip-path: circle(15% at 20vw 20vh);*/
            -webkit-animation: scale .2s ease-out forwards 1s , hide 1.3s ease-out forwards 1.2s;
            -moz-animation: scale .2s ease-out forwards 1s, hide 1.3s ease-out forwards 1.2s;
            -o-animation: scale .2s ease-out forwards 1s, hide 1.3s ease-out forwards 1.2s;
            animation: scale .2s ease-out forwards 1s , hide 1.3s ease-out forwards 1.2s;
        }
        .splash_minimize svg circle {
            width: 100%;
            height: 100%;
            -webkit-clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
            clip-path: circle(50% at 50% 50%) ;
            -webkit-animation: scale .2s ease-out forwards 1s, hide 1.3s ease-out forwards 1.2s;
            -moz-animation: scale .2s ease-out forwards 1s, hide 1.3s ease-out forwards 1.2s;
            -o-animation: scale .2s ease-out forwards 1s, hide 1.3s ease-out forwards 1.2s;
            animation: scale .2s ease-out forwards 1s, hide 1.3s ease-out forwards 1.2s;
        }
@-webkit-keyframes scale {
    100% {
        /*-webkit-clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
        -webkit-clip-path: polygon(40vw 35vh,40vw 80vh,60vw 80vh,60vw 35vh);
        clip-path: polygon(40vw 35vh,40vw 80vh,60vw 80vh,60vw 35vh);
    }
}

@-moz-keyframes scale {
    100% {
        /*-webkit-clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
        -webkit-clip-path: polygon(40vw 35vh,40vw 80vh,60vw 80vh,60vw 35vh);
        clip-path: polygon(40vw 35vh,40vw 80vh,60vw 80vh,60vw 35vh);
    }
}

@-o-keyframes scale {
    100% {
        /*-webkit-clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
        -webkit-clip-path: polygon(40vw 35vh,40vw 80vh,60vw 80vh,60vw 35vh);
        clip-path: polygon(40vw 35vh,40vw 80vh,60vw 80vh,60vw 35vh);
    }
}

@keyframes scale {
    100% {
        /*-webkit-clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
        /*clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
        -webkit-clip-path: polygon(40vw 35vh,40vw 80vh,60vw 80vh,60vw 35vh);
        clip-path: polygon(40vw 35vh,40vw 80vh,60vw 80vh,60vw 35vh);
    }
}

@-webkit-keyframes hide {
    100% {
        fill: transparent;
    }
}

@-moz-keyframes hide {
    100% {
        fill: transparent;
    }
}

@-o-keyframes hide {
    100% {
        fill: transparent;
    }
}

@keyframes hide {
    100% {
        fill: transparent;
    }
}

@-webkit-keyframes off {
    100% {
        opacity: 0;
    }
}

@-moz-keyframes off {
    100% {
        opacity: 0;
    }
}

@-o-keyframes off {
    100% {
        opacity: 0;
    }
}

@keyframes off {
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes on {
    100% {
        opacity: 1;
    }
}

@-moz-keyframes on {
    100% {
        opacity: 1;
    }
}

@-o-keyframes on {
    100% {
        opacity: 1;
    }
}

@keyframes on {
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes logo {
    0% {
        
        top: 50vh;
    }
    25% {
        opacity: 0.1;
    }
    100% {
        color: #292929;
    }
    from {
        top: 50vh;
    }

    to {
        top: 20vh;
    }
}

@-moz-keyframes logo {
    0% {
        
        top: 50vh;
    }
    25% {
        opacity: 0.1;
    }
    100% {
        color: #292929;
    }
    from {
        top: 50vh;
    }

    to {
        top: 20vh;
    }
}

@-o-keyframes logo {
    0% {
        
        top: 50vh;
    }

    25% {
        opacity: 0.1;
    }
    100% {
        color: #292929;
    }
    from {
        top: 50vh;
    }

    to {
        top: 20vh;
    }
}

@keyframes logo {
    0% {
        
        top:50vh;

    }
    25% {
        opacity:0.1;
    }
    100% {
        color: #292929;
        
    }
    from {
        top: 50vh;
    }

    to {
        top: 20vh;
    }
}

@-webkit-keyframes type {
    0% {
        width: 0;
    }
}

@-moz-keyframes type {
    0% {
        width: 0;
    }
}

@-o-keyframes type {
    0% {
        width: 0;
    }
}

@keyframes type {
    0% {
        width: 0;
    }
}

@-webkit-keyframes type2 {
    0% {
        width: 0;
    }

    50% {
        width: 0;
    }

    100% {
        width: 100;
    }
}

@-moz-keyframes type2 {
    0% {
        width: 0;
    }

    50% {
        width: 0;
    }

    100% {
        width: 100;
    }
}

@-o-keyframes type2 {
    0% {
        width: 0;
    }

    50% {
        width: 0;
    }

    100% {
        width: 100;
    }
}

@keyframes type2 {
    0% {
        width: 0;
    }

    50% {
        width: 0;
    }

    100% {
        width: 100;
    }
}

@-webkit-keyframes expand {
    5% {
        /*-webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh);*/
        clip-path: polygon(40vw 35vh,40vw 80vh,40.75vw 80vh,40.75vw 36.5vh,59.25vw 36.5vh,59.25vw 78.75vh,40.75vw 78.75vh,40.75vw 80vh,60vw 80vh,60vw 35vh);
        fill: #EA0029;
    }

    10% {
        /*-webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 25vw 15vh);*/
        clip-path: polygon(40vw 35vh,40vw 80vh,40.75vw 80vh,40.75vw 36.5vh,59.25vw 36.5vh,59.25vw 78.75vh,40.75vw 78.75vh,40.75vw 80vh,60vw 80vh,60vw 35vh);
        fill: #EA0029;
    }

    15% {
        -webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        fill: #EA0029;
    }

    25% {
        -webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh);*/
        fill: #fff;
    }

    50% {
        -webkit-clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 45vw 60vh);
        clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 45vw 60vh);
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh,24.75vw 15vh);*/
        fill: #EA0029;
    }

    75% {
        -webkit-clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 0vw 100vh);
        clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 0vw 100vh);
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh,24.75vw 15vh);*/
        fill: #fff;
    }

    100% {
        -webkit-clip-path: polygon(0vw 0vh, 90vw 0vh, 100vw 100vh, 0vw 100vh);
        clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh,24.75vw 15vh);*/
        fill: #EA0029;
        /*transition: opacity 5s;*/
    }
}

@-moz-keyframes expand {
    5% {
        /*-webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
        clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh);
        fill: #EA0029;
    }

    10% {
        /*-webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
        clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 25vw 15vh);
        fill: #EA0029;
    }

    15% {
        -webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        fill: #EA0029;
    }

    25% {
        -webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh);*/
        fill: #fff;
    }

    50% {
        -webkit-clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 45vw 60vh);
        clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 45vw 60vh);
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh,24.75vw 15vh);*/
        fill: #EA0029;
    }

    75% {
        -webkit-clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 0vw 100vh);
        clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 0vw 100vh);
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh,24.75vw 15vh);*/
        fill: #fff;
    }

    100% {
        -webkit-clip-path: polygon(0vw 0vh, 90vw 0vh, 100vw 100vh, 0vw 100vh);
        clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh,24.75vw 15vh);*/
        fill: #EA0029;
        /*transition: opacity 5s;*/
    }
}

@-o-keyframes expand {
    5% {
        /*-webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
        clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh);
        fill: #EA0029;
    }

    10% {
        /*-webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
        clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 25vw 15vh);
        fill: #EA0029;
    }

    15% {
        -webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        fill: #EA0029;
    }

    25% {
        -webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh);*/
        fill: #fff;
    }

    50% {
        -webkit-clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 45vw 60vh);
        clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 45vw 60vh);
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh,24.75vw 15vh);*/
        fill: #EA0029;
    }

    75% {
        -webkit-clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 0vw 100vh);
        clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 0vw 100vh);
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh,24.75vw 15vh);*/
        fill: #fff;
    }

    100% {
        -webkit-clip-path: polygon(0vw 0vh, 90vw 0vh, 100vw 100vh, 0vw 100vh);
        clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh,24.75vw 15vh);*/
        fill: #EA0029;
        /*transition: opacity 5s;*/
    }
}

@keyframes expand {
    5% {
        /*-webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh);*/
        clip-path: polygon(40vw 35vh,40vw 80vh,40.75vw 80vh,40.75vw 36.5vh,59.25vw 36.5vh,59.25vw 78.75vh,40.75vw 78.75vh,40.75vw 80vh,60vw 80vh,60vw 35vh);
        fill: #EA0029;
    }
    10% {
        /*-webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 25vw 15vh);*/
        clip-path: polygon(40vw 35vh,40vw 80vh,40.75vw 80vh,40.75vw 36.5vh,59.25vw 36.5vh,59.25vw 78.75vh,40.75vw 78.75vh,40.75vw 80vh,60vw 80vh,60vw 35vh);
        fill: #EA0029;
    }
    15% {
        /*-webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(15vw 15vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);*/
        -webkit-clip-path: polygon(40vw 35vh,40vw 80vh,60vw 80vh,60vw 35vh);
        clip-path: polygon(40vw 35vh,40vw 80vh,60vw 80vh,60vw 35vh);
        fill: #EA0029;
    }
    25% {
        -webkit-clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);
        clip-path: polygon(0vw 0vh, 25vw 15vh, 25vw 35vh, 15vw 35vh);

        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh);*/
        fill: #fff;
    }

    50% {
        -webkit-clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 45vw 60vh);
        clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 45vw 60vh);
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh,24.75vw 15vh);*/
        fill: #EA0029;
    }

    75% {
        -webkit-clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 0vw 100vh);
        clip-path: polygon(0vw 0vh, 90vw 0vh, 55vw 60vh, 0vw 100vh);

        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh,24.75vw 15vh);*/
        fill: #fff;
    }

    100% {
        -webkit-clip-path: polygon(0vw 0vh, 90vw 0vh, 100vw 100vh, 0vw 100vh);
        clip-path: polygon(0vw 0vh, 100vw 0vh, 100vw 100vh, 0vw 100vh);
        /*clip-path: polygon(15vw 15vh, 25vw 15vh,25vw 15.5vh,15.25vw 15.5vh,15.25vw 34.5vh,24.75vw 34.5vh,24.75vw 15.5vh,25vw 15.5vh, 25vw 35vh, 15vw 15vh,24.75vw 15vh);*/
        fill: #EA0029;
        /*transition: opacity 5s;*/
    }
}

@keyframes fadeout{
    0% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}