#logo {
    position: relative;
    /*padding-left: 29%;*/
    padding-top: 3%;
    padding-bottom: 2%;
    animation: fill 0.5s ease forwards 5s;
    -webkit-animation: fill 0.5s ease forwards 5s;
    -moz-animation: fill 0.5s ease forwards 5s;
    -o-animation: fill 0.5s ease forwards 5s;
    
   
}

    #logo path:nth-child(1) {
        stroke-dasharray: 241.94622802734375;
        stroke-dashoffset: 241.94622802734375;
        animation: line-anim 2s ease forwards;
        -webkit-animation: line-anim 2s ease forwards;
        -moz-animation: line-anim 2s ease forwards;
        -o-animation: line-anim 2s ease forwards;
       
    }

    #logo path:nth-child(2) {
        stroke-dasharray: 302.2414855957031;
        stroke-dashoffset: 302.2414855957031;

        animation: line-anim 2s ease forwards 0.2s;
        -webkit-animation: line-anim 2s ease forwards 0.2s;
        -moz-animation: line-anim 2s ease forwards 0.2s;
        -o-animation: line-anim 2s ease forwards 0.2s;
    }

    #logo path:nth-child(3) {
        stroke-dasharray: 113.47198486328125;
        stroke-dashoffset: 113.47198486328125;

        animation: line-anim 2s ease forwards 0.4s;
        -webkit-animation: line-anim 2s ease forwards 0.4s;
        -moz-animation: line-anim 2s ease forwards 0.4s;
        -o-animation: line-anim 2s ease forwards 0.4s;
    }

    #logo path:nth-child(4) {
        stroke-dasharray: 220.84217834472656;
        stroke-dashoffset: 220.84217834472656;

        animation: line-anim 2s ease forwards 0.8s;
        -webkit-animation: line-anim 2s ease forwards 0.8s;
        -moz-animation: line-anim 2s ease forwards 0.8s;
        -o-animation: line-anim 2s ease forwards 0.8s;
    }

    #logo path:nth-child(5) {
        stroke-dasharray: 231.9840087890625;
        stroke-dashoffset: 231.9840087890625;
        animation: line-anim 2s ease forwards 0.9s;
        -webkit-animation: line-anim 2s ease forwards 0.9s;
        -moz-animation: line-anim 2s ease forwards 0.9s;
        -o-animation: line-anim 2s ease forwards 0.9s;
    }

    #logo path:nth-child(6) {
        stroke-dasharray: 274.53350830078125;
        stroke-dashoffset: 274.53350830078125;

        animation: line-anim 2s ease forwards 1.1s;
        -webkit-animation: line-anim 2s ease forwards 1.1s;
        -moz-animation: line-anim 2s ease forwards 1.1s;

        -o-animation: line-anim 2s ease forwards 1.1s;
    }

    #logo path:nth-child(7) {
        stroke-dasharray: 246.95697021484375;
        stroke-dashoffset: 246.95697021484375;

        animation: line-anim 2s ease forwards 1.3s;
        -webkit-animation: line-anim 2s ease forwards 1.3s;
        -moz-animation: line-anim 2s ease forwards 1.3s;
        -o-animation: line-anim 2s ease forwards 1.3s;
    }

    #logo path:nth-child(8) {
        stroke-dasharray: 113.47200012207031;
        stroke-dashoffset: 113.47200012207031;
        animation: line-anim 2s ease forwards 1.5s;
        -webkit-animation: line-anim 2s ease forwards 1.5s;
        -moz-animation: line-anim 2s ease forwards 1.5s;
        -o-animation: line-anim 2s ease forwards 1.5s;
    }

    #logo path:nth-child(9) {
        stroke-dasharray: 285.7889099121094;
        stroke-dashoffset: 285.7889099121094;
        animation: line-anim 2s ease forwards 1.7s;
        -webkit-animation: line-anim 2s ease forwards 1.7s;
        -moz-animation: line-anim 2s ease forwards 1.7s;
        -o-animation: line-anim 2s ease forwards 1.7s;
    }

    #logo path:nth-child(10) {
        stroke-dasharray: 245.1480255126953;
        stroke-dashoffset: 245.1480255126953;

        animation: line-anim 2s ease forwards 1.9s;
        -webkit-animation: line-anim 2s ease forwards 1.9s;
        -moz-animation: line-anim 2s ease forwards 1.9s;
        -o-animation: line-anim 2s ease forwards 1.9s;
    }

    #logo path:nth-child(11) {
        stroke-dasharray: 285.7889709472656;
        stroke-dashoffset: 285.7889709472656;

        animation: line-anim 2s ease forwards 2.1s;
        -webkit-animation: line-anim 2s ease forwards 2.1s;
        -moz-animation: line-anim 2s ease forwards 2.1s;
        -o-animation: line-anim 2s ease forwards 2.1s;
    }

    #logo path:nth-child(12) {
        stroke-dasharray: 274.53369140625;
        stroke-dashoffset: 274.53369140625;

        animation: line-anim 2s ease forwards 2.3s;
        -webkit-animation: line-anim 2s ease forwards 2.3s;
        -moz-animation: line-anim 2s ease forwards 2.3s;
        -o-animation: line-anim 2s ease forwards 2.3s;
    }

    #logo path:nth-child(13) {
        stroke-dasharray: 113.47200012207031;
        stroke-dashoffset: 113.47200012207031;

        animation: line-anim 2s ease forwards 2.5s;
        -webkit-animation: line-anim 2s ease forwards 2.5s;
        -moz-animation: line-anim 2s ease forwards 2.5s;
        -o-animation: line-anim 2s ease forwards 2.5s;
    }

    #logo path:nth-child(14) {
        stroke-dasharray: 254.27651977539062;
        stroke-dashoffset: 254.27651977539062;

        animation: line-anim 2s ease forwards 2.7s;
        -webkit-animation: line-anim 2s ease forwards 2.7s;
        -moz-animation: line-anim 2s ease forwards 2.7s;
        -o-animation: line-anim 2s ease forwards 2.7s;
    }

    #logo path:nth-child(15) {
        stroke-dasharray: 245.1460418701172;
        stroke-dashoffset: 245.1460418701172;

        animation: line-anim 2s ease forwards 2.9s;
        -webkit-animation: line-anim 2s ease forwards 2.9s;
        -moz-animation: line-anim 2s ease forwards 2.9s;
        -o-animation: line-anim 2s ease forwards 2.9s;
    }

    #logo path:nth-child(16) {
        stroke-dasharray: 274.53387451171875;
        stroke-dashoffset: 274.53387451171875;

        animation: line-anim 2s ease forwards 3.1s;
        -webkit-animation: line-anim 2s ease forwards 3.1s;
        -moz-animation: line-anim 2s ease forwards 3.1s;
        -o-animation: line-anim 2s ease forwards 3.1s;
    }

    #logo path:nth-child(17) {
        stroke-dasharray: 285.7891845703125;
        stroke-dashoffset: 285.7891845703125;

        animation: line-anim 2s ease forwards 3.3s;
        -webkit-animation: line-anim 2s ease forwards 3.3s;
        -moz-animation: line-anim 2s ease forwards 3.3s;
        -o-animation: line-anim 2s ease forwards 3.3s;
    }

    #logo path:nth-child(18) {
        stroke-dasharray: 282.9757995605469;
        stroke-dashoffset: 282.9757995605469;

        animation: line-anim 2s ease forwards 3.5s;
        -webkit-animation: line-anim 2s ease forwards 3.5s;
        -moz-animation: line-anim 2s ease forwards 3.5s;
        -o-animation: line-anim 2s ease forwards 3.5s;
    }

    #logo path:nth-child(19) {
        stroke-dasharray: 224.86724853515625;
        stroke-dashoffset: 224.86724853515625;
        animation: line-anim 2s ease forwards 3.7s;
        -webkit-animation: line-anim 2s ease forwards 3.7s;
        -moz-animation: line-anim 2s ease forwards 3.7s;
        -o-animation: line-anim 2s ease forwards 3.7s;
    }

    #logo path:nth-child(20) {
        stroke-dasharray: 245.14599609375;
        stroke-dashoffset: 245.14599609375;
        animation: line-anim 2s ease forwards 3.9s;
        -webkit-animation: line-anim 2s ease forwards 3.9s;
        -moz-animation: line-anim 2s ease forwards 3.9s;
        -o-animation: line-anim 2s ease forwards 3.9s;
    }

    #logo path:nth-child(21) {
        stroke-dasharray: 148.6079864501953;
        stroke-dashoffset: 148.6079864501953;

        animation: line-anim 2s ease forwards 4.1s;
        -webkit-animation: line-anim 2s ease forwards 4.1s;
        -moz-animation: line-anim 2s ease forwards 4.1s;
        -o-animation: line-anim 2s ease forwards 4.1s;
    }

    #logo path:nth-child(22) {
        stroke-dasharray: 377.46337890625;
        stroke-dashoffset: 377.46337890625;
        animation: line-anim 2s ease forwards 4.3s;
        -webkit-animation: line-anim 2s ease forwards 4.3s;
        -moz-animation: line-anim 2s ease forwards 4.3s;
        -o-animation: line-anim 2s ease forwards 4.3s;
    }

    #logo path:nth-child(23) {
        stroke-dasharray: 245.14993286132812;
        stroke-dashoffset: 245.14993286132812;

        animation: line-anim 2s ease forwards 4.5s;
        -webkit-animation: line-anim 2s ease forwards 4.5s;
        -moz-animation: line-anim 2s ease forwards 4.5s;
        -o-animation: line-anim 2s ease forwards 4.5s;
    }


@keyframes line-anim {
    to {
        stroke-dashoffset: 0;
    }
}


@keyframes fill {
    from {
        fill: transparent;
    }

    to {
        fill: white;
    }
}

/*INTERNET EXPLORER*/ 
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){

    #logo {
        position: relative;
        /*padding-left: 29%;*/
        padding-top: 3%;
        padding-bottom: 2%;
        animation: fill 0.5s ease forwards 5s;
        -webkit-animation: fill 0.5s ease forwards 5s;
        -moz-animation: fill 0.5s ease forwards 5s;
        -o-animation: fill 0.5s ease forwards 5s;
        
        fill:white;
    }


        #logo path:nth-child(1) {
            stroke-dasharray: 241.94622802734375;
            stroke-dashoffset: 241.94622802734375;
            animation: line-anim 2s ease forwards;
            -webkit-animation: line-anim 2s ease forwards;
            -moz-animation: line-anim 2s ease forwards;
            -o-animation: line-anim 2s ease forwards;
        }

        #logo path:nth-child(2) {
            stroke-dasharray: 302.2414855957031;
            stroke-dashoffset: 302.2414855957031;
            animation: line-anim 2s ease forwards 0.2s;
            -webkit-animation: line-anim 2s ease forwards 0.2s;
            -moz-animation: line-anim 2s ease forwards 0.2s;
            -o-animation: line-anim 2s ease forwards 0.2s;
        }

        #logo path:nth-child(3) {
            stroke-dasharray: 113.47198486328125;
            stroke-dashoffset: 113.47198486328125;
            animation: line-anim 2s ease forwards 0.4s;
            -webkit-animation: line-anim 2s ease forwards 0.4s;
            -moz-animation: line-anim 2s ease forwards 0.4s;
            -o-animation: line-anim 2s ease forwards 0.4s;
        }

        #logo path:nth-child(4) {
            stroke-dasharray: 220.84217834472656;
            stroke-dashoffset: 220.84217834472656;
            animation: line-anim 2s ease forwards 0.8s;
            -webkit-animation: line-anim 2s ease forwards 0.8s;
            -moz-animation: line-anim 2s ease forwards 0.8s;
            -o-animation: line-anim 2s ease forwards 0.8s;
        }

        #logo path:nth-child(5) {
            stroke-dasharray: 231.9840087890625;
            stroke-dashoffset: 231.9840087890625;
            animation: line-anim 2s ease forwards 0.9s;
            -webkit-animation: line-anim 2s ease forwards 0.9s;
            -moz-animation: line-anim 2s ease forwards 0.9s;
            -o-animation: line-anim 2s ease forwards 0.9s;
        }

        #logo path:nth-child(6) {
            stroke-dasharray: 274.53350830078125;
            stroke-dashoffset: 274.53350830078125;
            animation: line-anim 2s ease forwards 1.1s;
            -webkit-animation: line-anim 2s ease forwards 1.1s;
            -moz-animation: line-anim 2s ease forwards 1.1s;
            -o-animation: line-anim 2s ease forwards 1.1s;
        }

        #logo path:nth-child(7) {
            stroke-dasharray: 246.95697021484375;
            stroke-dashoffset: 246.95697021484375;
            animation: line-anim 2s ease forwards 1.3s;
            -webkit-animation: line-anim 2s ease forwards 1.3s;
            -moz-animation: line-anim 2s ease forwards 1.3s;
            -o-animation: line-anim 2s ease forwards 1.3s;
        }

        #logo path:nth-child(8) {
            stroke-dasharray: 113.47200012207031;
            stroke-dashoffset: 113.47200012207031;
            animation: line-anim 2s ease forwards 1.5s;
            -webkit-animation: line-anim 2s ease forwards 1.5s;
            -moz-animation: line-anim 2s ease forwards 1.5s;
            -o-animation: line-anim 2s ease forwards 1.5s;
        }

        #logo path:nth-child(9) {
            stroke-dasharray: 285.7889099121094;
            stroke-dashoffset: 285.7889099121094;
            animation: line-anim 2s ease forwards 1.7s;
            -webkit-animation: line-anim 2s ease forwards 1.7s;
            -moz-animation: line-anim 2s ease forwards 1.7s;
            -o-animation: line-anim 2s ease forwards 1.7s;
        }

        #logo path:nth-child(10) {
            stroke-dasharray: 245.1480255126953;
            stroke-dashoffset: 245.1480255126953;
            animation: line-anim 2s ease forwards 1.9s;
            -webkit-animation: line-anim 2s ease forwards 1.9s;
            -moz-animation: line-anim 2s ease forwards 1.9s;
            -o-animation: line-anim 2s ease forwards 1.9s;
        }

        #logo path:nth-child(11) {
            stroke-dasharray: 285.7889709472656;
            stroke-dashoffset: 285.7889709472656;
            animation: line-anim 2s ease forwards 2.1s;
            -webkit-animation: line-anim 2s ease forwards 2.1s;
            -moz-animation: line-anim 2s ease forwards 2.1s;
            -o-animation: line-anim 2s ease forwards 2.1s;
        }

        #logo path:nth-child(12) {
            stroke-dasharray: 274.53369140625;
            stroke-dashoffset: 274.53369140625;
            animation: line-anim 2s ease forwards 2.3s;
            -webkit-animation: line-anim 2s ease forwards 2.3s;
            -moz-animation: line-anim 2s ease forwards 2.3s;
            -o-animation: line-anim 2s ease forwards 2.3s;
        }

        #logo path:nth-child(13) {
            stroke-dasharray: 113.47200012207031;
            stroke-dashoffset: 113.47200012207031;
            animation: line-anim 2s ease forwards 2.5s;
            -webkit-animation: line-anim 2s ease forwards 2.5s;
            -moz-animation: line-anim 2s ease forwards 2.5s;
            -o-animation: line-anim 2s ease forwards 2.5s;
        }

        #logo path:nth-child(14) {
            stroke-dasharray: 254.27651977539062;
            stroke-dashoffset: 254.27651977539062;
            animation: line-anim 2s ease forwards 2.7s;
            -webkit-animation: line-anim 2s ease forwards 2.7s;
            -moz-animation: line-anim 2s ease forwards 2.7s;
            -o-animation: line-anim 2s ease forwards 2.7s;
        }

        #logo path:nth-child(15) {
            stroke-dasharray: 245.1460418701172;
            stroke-dashoffset: 245.1460418701172;
            animation: line-anim 2s ease forwards 2.9s;
            -webkit-animation: line-anim 2s ease forwards 2.9s;
            -moz-animation: line-anim 2s ease forwards 2.9s;
            -o-animation: line-anim 2s ease forwards 2.9s;
        }

        #logo path:nth-child(16) {
            stroke-dasharray: 274.53387451171875;
            stroke-dashoffset: 274.53387451171875;
            animation: line-anim 2s ease forwards 3.1s;
            -webkit-animation: line-anim 2s ease forwards 3.1s;
            -moz-animation: line-anim 2s ease forwards 3.1s;
            -o-animation: line-anim 2s ease forwards 3.1s;
        }

        #logo path:nth-child(17) {
            stroke-dasharray: 285.7891845703125;
            stroke-dashoffset: 285.7891845703125;
            animation: line-anim 2s ease forwards 3.3s;
            -webkit-animation: line-anim 2s ease forwards 3.3s;
            -moz-animation: line-anim 2s ease forwards 3.3s;
            -o-animation: line-anim 2s ease forwards 3.3s;
        }

        #logo path:nth-child(18) {
            stroke-dasharray: 282.9757995605469;
            stroke-dashoffset: 282.9757995605469;
            animation: line-anim 2s ease forwards 3.5s;
            -webkit-animation: line-anim 2s ease forwards 3.5s;
            -moz-animation: line-anim 2s ease forwards 3.5s;
            -o-animation: line-anim 2s ease forwards 3.5s;
        }

        #logo path:nth-child(19) {
            stroke-dasharray: 224.86724853515625;
            stroke-dashoffset: 224.86724853515625;
            animation: line-anim 2s ease forwards 3.7s;
            -webkit-animation: line-anim 2s ease forwards 3.7s;
            -moz-animation: line-anim 2s ease forwards 3.7s;
            -o-animation: line-anim 2s ease forwards 3.7s;
        }

        #logo path:nth-child(20) {
            stroke-dasharray: 245.14599609375;
            stroke-dashoffset: 245.14599609375;
            animation: line-anim 2s ease forwards 3.9s;
            -webkit-animation: line-anim 2s ease forwards 3.9s;
            -moz-animation: line-anim 2s ease forwards 3.9s;
            -o-animation: line-anim 2s ease forwards 3.9s;
        }

        #logo path:nth-child(21) {
            stroke-dasharray: 148.6079864501953;
            stroke-dashoffset: 148.6079864501953;
            animation: line-anim 2s ease forwards 4.1s;
            -webkit-animation: line-anim 2s ease forwards 4.1s;
            -moz-animation: line-anim 2s ease forwards 4.1s;
            -o-animation: line-anim 2s ease forwards 4.1s;
        }

        #logo path:nth-child(22) {
            stroke-dasharray: 377.46337890625;
            stroke-dashoffset: 377.46337890625;
            animation: line-anim 2s ease forwards 4.3s;
            -webkit-animation: line-anim 2s ease forwards 4.3s;
            -moz-animation: line-anim 2s ease forwards 4.3s;
            -o-animation: line-anim 2s ease forwards 4.3s;
        }

        #logo path:nth-child(23) {
            stroke-dasharray: 245.14993286132812;
            stroke-dashoffset: 245.14993286132812;
            animation: line-anim 2s ease forwards 4.5s;
            -webkit-animation: line-anim 2s ease forwards 4.5s;
            -moz-animation: line-anim 2s ease forwards 4.5s;
            -o-animation: line-anim 2s ease forwards 4.5s;
        }

    @keyframes line-anim {
        to {
            stroke-dashoffset: 0;
        }
    }
    @keyframes fill {
        from {
            fill: transparent;
        }

        to {
            fill: white;
        }
    }
 }
/*INTERNET EXPLORER*/