html,footer,main{background:#0c0d17}h1,h2,h3,h4,h1 span{color:#a7a7a7;font-weight:600}h1{font-size:76px;text-transform:uppercase;line-height:84px}h4{font-size:22px;color:#d60842;letter-spacing:.1px}p,span,div,li{color:#797b81;font-size:19px;font-weight:400;line-height:31px;font-family:"Axiforma",sans-serif}body{background:#0c0d17;height:100%;display:block;transition:all ease .6s;opacity:1;min-height:calc(100vh + 10px)}.center{display:block;width:100%;max-width:1400px;margin:0 auto;text-align:left}.center::after{display:block;clear:both;content:"";width:100%}header{position:fixed;z-index:1000;top:0;left:0;padding:0 40px}header .center{position:relative;padding:0;text-align:center}.loading main{margin-bottom:0;height:calc(100vh - 200px)}main{position:relative;overflow:hidden;width:100%;height:calc(100vh + 10px);z-index:100;margin-bottom:200px}main,.vert{-webkit-transition:all ease 1.5s;-moz-transition:all ease 1.5s;-o-transition:all ease 1.5s;transition:all ease 1.5s}img.bg-top,img.bg3{-webkit-transition:all ease 5s;-moz-transition:all ease 5s;-o-transition:all ease 5s;transition:all ease 5s}.holder{width:360px;height:200px;display:block;overflow:hidden;position:relative;margin:0 auto}.holder svg{width:1920px;height:900px;position:absolute;left:-731px;top:-533px}
.vert{height:100vh;vertical-align:middle;display:table-cell;width:1%;text-align:center}


    
            .st1{
                clip-path:url(#s_2_);fill:none;stroke:#fff;stroke-width:13;stroke-miterlimit:10;
                stroke-dasharray: 180;
                stroke-dashoffset: 180;
                animation: s_copula 20s alternate infinite linear;
            }

            @keyframes s_copula{
                0% {
                    stroke-dashoffset: 180;
                }
                2% {
                    stroke-dashoffset: 180;
                }
                7% {
                    stroke-dashoffset: 0;
                }


                93% {
                    stroke-dashoffset: 0;
                }
                98% {
                    stroke-dashoffset: 180;
                }
                100% {
                    stroke-dashoffset: 180;
                }
            }

            .st2{
                clip-path:url(#c_2_);fill:none;stroke:#fff;stroke-width:12;stroke-miterlimit:10;
                stroke-dasharray: 170;
                stroke-dashoffset: 170;
                animation: s_c_opula 20s alternate infinite linear;
            }
            @keyframes s_c_opula{
                0% {
                    stroke-dashoffset: 170;
                }
                5% {
                    stroke-dashoffset: 170;
                }
                10% {
                    stroke-dashoffset: 0;
                }


                90% {
                    stroke-dashoffset: 0;
                }
                95% {
                    stroke-dashoffset: 170;
                }
                100% {
                    stroke-dashoffset: 170;
                }
            }

            .st3{
                clip-path:url(#o_2_);fill:none;stroke:#fff;stroke-width:12;stroke-miterlimit:10;
                stroke-dasharray: 215;
                stroke-dashoffset: 210;
                animation: sc_o_pula 20s alternate infinite linear;
            }
            @keyframes sc_o_pula{
                0% {
                    stroke-dashoffset: 210;
                }
                8% {
                    stroke-dashoffset: 210;
                }
                13% {
                    stroke-dashoffset: 0;
                }


                87% {
                    stroke-dashoffset: 0;
                }
                92% {
                    stroke-dashoffset: 210;
                }
                100% {
                    stroke-dashoffset: 210;
                }
            }


            .st4{
                clip-path:url(#p_1_);fill:none;stroke:#fff;stroke-width:12;stroke-miterlimit:10;
                stroke-dasharray: 130;
                stroke-dashoffset: 130;
                animation: sco_p_ula 20s alternate infinite linear;
            }
            @keyframes sco_p_ula{
                0% {
                    stroke-dashoffset: 130;
                }
                11% {
                    stroke-dashoffset: 130;
                }
                16% {
                    stroke-dashoffset: 0;
                }


                82% {
                    stroke-dashoffset: 0;
                }
                87% {
                    stroke-dashoffset: 130;
                }
                100% {
                    stroke-dashoffset: 130;
                }
            }


            .st5{
                clip-path:url(#p_4_);fill:none;stroke:#fff;stroke-width:13;stroke-miterlimit:10;
                stroke-dasharray: 122;
                stroke-dashoffset: 122;
                animation: sco_p_ula_2 20s alternate infinite linear;
            }
            @keyframes sco_p_ula_2{
                0% {
                    stroke-dashoffset: 122;
                }
                14% {
                    stroke-dashoffset: 122;
                }
                17% {
                    stroke-dashoffset: 0;
                }


                81% {
                    stroke-dashoffset: 0;
                }
                84% {
                    stroke-dashoffset: 122;
                }
                100% {
                    stroke-dashoffset: 122;
                }
            }
            /* U */
            .st13{
                clip-path:url(#u_2_);fill:none;stroke:#fff;stroke-width:12;stroke-miterlimit:10;
                stroke-dasharray: 195;
                stroke-dashoffset: 195;
                animation: scop_u_la 20s alternate infinite linear;
            }
            @keyframes scop_u_la{
                0% {
                    stroke-dashoffset: 195;
                }
                16% {
                    stroke-dashoffset: 195;
                }
                21% {
                    stroke-dashoffset: 0;
                }


                75% {
                    stroke-dashoffset: 0;
                }
                80% {
                    stroke-dashoffset: 195;
                }
                100% {
                    stroke-dashoffset: 195;
                }
            }
            /* L */
            .st12{
                clip-path:url(#l_2_);fill:none;stroke:#fff;stroke-width:12;stroke-miterlimit:10;
                stroke-dasharray: 150;
                stroke-dashoffset: 150;
                animation: scopu_l_a 20s alternate infinite linear;
            }
            @keyframes scopu_l_a{
                0% {
                    stroke-dashoffset: 150;
                }
                19% {
                    stroke-dashoffset: 150;
                }
                24% {
                    stroke-dashoffset: 0;
                }


                72% {
                    stroke-dashoffset: 0;
                }
                77% {
                    stroke-dashoffset: 150;
                }
                100% {
                    stroke-dashoffset: 150;
                }
            }



            /* A */
            .st10{
                clip-path:url(#a_4_);fill:none;stroke:#fff;stroke-width:12;stroke-miterlimit:10;
                stroke-dasharray: 195;
                stroke-dashoffset: 195;
                animation: scopul_a 20s alternate infinite linear;
            }
            @keyframes scopul_a{
                0% {
                    stroke-dashoffset: 195;
                }
                22% {
                    stroke-dashoffset: 195;
                }
                27% {
                    stroke-dashoffset: 0;
                }


                67% {
                    stroke-dashoffset: 0;
                }
                74% {
                    stroke-dashoffset: 195;
                }
                100% {
                    stroke-dashoffset: 195;
                }
            }

            /* A - */
            .st9{
                clip-path:url(#a_3_);fill:none;stroke:#fff;stroke-width:6;stroke-miterlimit:10;
                stroke-dasharray: 195;
                stroke-dashoffset: 195;
                animation: scop_ul_a_2 20s alternate infinite linear;
            }
            @keyframes scop_ul_a_2{
                0% {
                    stroke-dashoffset: 195;
                }
                26% {
                    stroke-dashoffset: 195;
                }
                30% {
                    stroke-dashoffset: 0;
                }


                63% {
                    stroke-dashoffset: 0;
                }
                67% {
                    stroke-dashoffset: 195;
                }
                100% {
                    stroke-dashoffset: 195;
                }
            }