path {
    stroke-width: 1;
    fill-opacity: 0;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    animation-iteration-count: 1;

    -webkit-animation-name: draw, FillIn;
    -moz-animation-name: draw, FillIn;
    -o-animation-name: draw, FillIn;
    -ms-animation-name: draw, FillIn;
    animation-name: draw, FillIn;

    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    animation-timing-function: linear;

}

@-webkit-keyframes draw{
    100% {
        stroke-dashoffset: 0;
    }
}

@-moz-keyframes draw{
    100% {
        stroke-dashoffset: 0;
    }
}

@-ms-keyframes draw {
    100% {
        stroke-dashoffset: 0;
    }
}

@-o-keyframes draw {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes draw {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes FillIn {
    0% {
        fill-opacity: 0;
    }
    100% {
        fill-opacity: 1;
    }
}


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

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

@-ms-keyframes show {
    100% {
        opacity: 1;
    }
}

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

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


#box {
    stroke: #a32b2c;
    stroke-dasharray: 280;
    stroke-dashoffset: 280px;
    animation-duration: 1.65s;
    animation-delay: 0s;
}

#box-top {
    stroke: #a32b2c;
    stroke-dasharray: 260;
    stroke-dashoffset: 260px;
    animation-duration: 1.32s;
    animation-delay: 0.132s;
}

#stand {
    stroke: #a32b2c;
    stroke-dasharray: 150;
    stroke-dashoffset: 150;
    animation-duration: 1.32s;
    animation-delay: 1s;
}
#screen {
    stroke: #a32b2c;
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
    animation-duration: 2.5s;
    animation-delay: 0.6s;
}
#screen-2 {
    stroke: #a32b2c;
    stroke-dasharray: 680;
    stroke-dashoffset: 680;
    animation-duration: 2.25s;
    animation-delay: 1s;
}
#border {
    stroke: #a32b2c;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation-duration: 0.8s;
    animation-delay: 2.5s;
}
#one-text-left {
    stroke: #a32b2c;
    fill: #a32b2c;
    stroke-dasharray: 130;
    stroke-dashoffset: 130;
    animation-duration: 1.65s;
    animation-delay: 2.3s;
}
#one-text-right {
    stroke: #a32b2c;
    fill: #a32b2c;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation-duration:  1.55s;
    animation-delay: 2.3s;
}
#one_arrow_left{
    stroke: #a32b2c;
    stroke-dasharray: 250;
    stroke-dashoffset: 250;
    animation-duration: 1.5s;
    animation-delay: 2.3s;
}

#one_arrow_right{
    stroke: #a32b2c;
    stroke-dasharray: 250;
    stroke-dashoffset: 250;
    animation-duration: 1.58s;
    animation-delay: 1.85s;
}

#two_main_border{
    stroke: #a32b2c;
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation-duration: 3.3s;
    animation-delay: 0s;
}
#two_aditional_border{
    stroke: #a32b2c;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation-duration: 2.6s;
    animation-delay: 0s;
}
#two_aditional_border_2{
    stroke: #a32b2c;
    stroke-dasharray: 150;
    stroke-dashoffset: 150;
    animation-duration: 1.32s;
    animation-delay: 2.6s;
}
#two_box1 {
    stroke: #a32b2c;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation-duration: 2s;
    animation-delay: 2s;
}
#two_box2 {
    stroke: #a32b2c;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation-duration: 2.6s;
    animation-delay: 0.5s;
}
#two_box4 {
    stroke: #a32b2c;
    stroke-dasharray: 150;
    stroke-dashoffset: 150;
    animation-duration: 2.6s;
    animation-delay: 0.66s;
}
#two_box5 {
    stroke: #a32b2c;
    stroke-dasharray: 150;
    stroke-dashoffset: 150;
    animation-duration: 2.7s;
    animation-delay: 0.8s;
}
#two_box6 {
    stroke: #a32b2c;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation-duration: 2.6s;
    animation-delay: 1.3s;
}
#two_box8 {
    stroke: #a32b2c;
    stroke-dasharray: 150;
    stroke-dashoffset: 150;
    animation-duration: 2s;
    animation-delay: 1.45s;
}
#two_box9 {
    stroke: #a32b2c;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation-duration: 2.14s;
    animation-delay: 1.45s;
}
#two_box10 {
    stroke: #a32b2c;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation-duration: 2s;
    animation-delay: 1.65s;
}
#two_box11 {
    stroke: #a32b2c;
    stroke-dasharray: 150;
    stroke-dashoffset: 150;
    animation-duration: 1.1s;
    animation-delay: 1.7s;
}
#two_box12 {
    stroke: #a32b2c;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation-duration: 1.3s;
    animation-delay: 1.9s;
}


#three_box_4 {
    stroke: #a32b2c;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation-duration: 1.65s;
    animation-delay: 0s;
}
#three_box_5 {
    stroke: #a32b2c;
    stroke-width: 3px;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation-duration: 2.64s;
    animation-delay: 1s;
}
#three_line_1 {
    stroke: #a32b2c;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation-duration: 0.66s;
    animation-delay: 1.3s;
}
#three_box_2 {
    stroke: #a32b2c;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation-duration: 1.65s;
    animation-delay: 1.64s;
}



#three_text_1 {
    stroke: #a32b2c;
    fill: #a32b2c;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation-duration: 0.66s;
    animation-delay: 1s;
}
#three_text_2 {
    stroke: #a32b2c;
    fill: #a32b2c;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation-duration: 0.66s;
    animation-delay: 1.21s;
}
#three_text_3 {
    stroke: #a32b2c;
    fill: #a32b2c;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation-duration: 0.66s;
    animation-delay: 1.42s;
}
#three_text_4 {
    stroke: #a32b2c;
    fill: #a32b2c;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation-duration: 0.66s;
    animation-delay: 1.63s;
}
#three_text_5 {
    stroke: #a32b2c;
    fill: #a32b2c;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation-duration: 0.66s;
    animation-delay: 1.84s;
}
#three_text_6 {
    stroke: #a32b2c;
    fill: #a32b2c;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation-duration: 0.66s;
    animation-delay: 2.05s;
}
#three_text_7 {
    stroke: #a32b2c;
    fill: #a32b2c;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation-duration: 0.66s;
    animation-delay: 2.26s;
}
#three_text_8 {
    stroke: #a32b2c;
    fill: #a32b2c;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation-duration: 0.66s;
    animation-delay: 2.47s;
}
#three_text_9 {
    stroke: #a32b2c;
    fill: #a32b2c;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation-duration: 0.66s;
    animation-delay: 2.68s;
}
#three_text_10 {
    stroke: #a32b2c;
    fill: #a32b2c;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation-duration: 0.66s;
    animation-delay: 3.09s;
}
#three_text_11 {
    stroke: #a32b2c;
    fill: #a32b2c;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation-duration: 0.66s;
    animation-delay: 3.3s;
}
#three_text_12 {
    stroke: #a32b2c;
    fill: #a32b2c;
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation-duration: 0.66s;
    animation-delay: 3.51s;
}



#four_box_1 {
    stroke: #a32b2c;
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation-duration: 3.3s;
    animation-delay: 0s;
}
#four_box_2 {
    stroke: #a32b2c;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation-duration: 2.31s;
    animation-delay: 0.5s;
}
#four_box_4 {
    stroke: #a32b2c;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation-duration: 2.1s;
    animation-delay: 1s;
}
#four_box_5 {
    stroke: #a32b2c;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation-duration: 2.0s;
    animation-delay: 1.9s;
}
#four_box_6 {
    stroke: #a32b2c;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation-duration: 1.8s;
    animation-delay: 2.2s;
}
#four_box_7 {
    stroke: #a32b2c;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation-duration: 2s;
    animation-delay: 2s;
}
#four_border_1 {
    stroke: #a32b2c;
    stroke-dasharray: 85;
    stroke-dashoffset: 85;
    animation-duration: 0.66s;
    animation-delay: 3s;
}
#four_box_8 {
    stroke: #a32b2c;
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation-duration: 0.8s;
    animation-delay: 3s;
}



#five_lines_1 {
    stroke: #a32b2c;
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation-duration: 2s;
    animation-delay: 0s;
}
#five_box_3 {
    stroke: #a32b2c;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation-duration: 2.6s;
    animation-delay: 0.66s;
}
#five_box_2 {
    stroke: #a32b2c;
    stroke-dasharray: 150;
    stroke-dashoffset: 150;
    animation-duration: 2s;
    animation-delay: 1.3s;
}
#five_box_top {
    stroke: #a32b2c;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation-duration: 2s;
    animation-delay: 1.65s;
}



.fast #box {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}

.fast #box-top {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}

.fast #stand {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #screen {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #screen-2 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #border {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #one-text-left {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #one-text-right {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #one_arrow_left{
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}

.fast #one_arrow_right{
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}

.fast #two_main_border{
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #two_aditional_border{
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #two_aditional_border_2{
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #two_box1 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #two_box2 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #two_box4 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #two_box5 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #two_box6 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #two_box8 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #two_box9 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #two_box10 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #two_box11 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #two_box12 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}

.fast #three_box_4 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #three_box_5 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #three_line_1 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #three_box_2 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}

.fast #three_text_1 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #three_text_2 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #three_text_3 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #three_text_4 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #three_text_5 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #three_text_6 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #three_text_7 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #three_text_8 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #three_text_9 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #three_text_10 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #three_text_11 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #three_text_12 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}




.fast #four_box_1 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #four_box_2 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #four_box_4 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #four_box_5 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #four_box_6 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #four_box_7 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #four_border_1 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #four_box_8 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}



.fast #five_lines_1 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #five_box_3 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #five_box_2 {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}
.fast #five_box_top {
    animation-duration: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.001s;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    path {
        stroke-width: 1;
        fill-opacity: 1;
    }

    #box {
        stroke-dashoffset: 0;
    }
    #box {
        stroke-dashoffset: 0;
    }

    #box-top {
        stroke-dashoffset: 0;
    }

    #stand {
        stroke-dashoffset: 0;
    }
    #screen {
        stroke-dashoffset: 0;
    }
    #screen-2 {
        stroke-dashoffset: 0;
    }
    #border {
        stroke-dashoffset: 0;
    }
    #one-text-left {
        stroke-dashoffset: 0;
    }
    #one-text-right {
        stroke-dashoffset: 0;
    }
    #one_arrow_left{
        stroke-dashoffset: 0;
    }

    #one_arrow_right{
        stroke-dashoffset: 0;
    }

    #two_main_border{
        stroke-dashoffset: 0;
    }
    #two_aditional_border{
        stroke-dashoffset: 0;
    }
    #two_aditional_border_2{
        stroke-dashoffset: 0;
    }
    #two_box1 {
        stroke-dashoffset: 0;
    }
    #two_box2 {
        stroke-dashoffset: 0;
    }
    #two_box4 {
        stroke-dashoffset: 0;
    }
    #two_box5 {
        stroke-dashoffset: 0;
    }
    #two_box6 {
        stroke-dashoffset: 0;
    }
    #two_box8 {
        stroke-dashoffset: 0;
    }
    #two_box9 {
        stroke-dashoffset: 0;
    }
    #two_box10 {
        stroke-dashoffset: 0;
    }
    #two_box11 {
        stroke-dashoffset: 0;
    }
    #two_box12 {
        stroke-dashoffset: 0;
    }


    #three_box_4 {
        stroke-dashoffset: 0;
    }
    #three_box_5 {
        stroke-dashoffset: 0;
    }
    #three_line_1 {
        stroke-dashoffset: 0;
    }
    #three_box_2 {
        stroke-dashoffset: 0;
    }



    #three_text_1 {
        stroke-dashoffset: 0;
    }
    #three_text_2 {
        stroke-dashoffset: 0;
    }
    #three_text_3 {
        stroke-dashoffset: 0;
    }
    #three_text_4 {
        stroke-dashoffset: 0;
    }
    #three_text_5 {
        stroke-dashoffset: 0;
    }
    #three_text_6 {
        stroke-dashoffset: 0;
    }
    #three_text_7 {
        stroke-dashoffset: 0;
    }
    #three_text_8 {
        stroke-dashoffset: 0;
    }
    #three_text_9 {
        stroke-dashoffset: 0;
    }
    #three_text_10 {
        stroke-dashoffset: 0;
    }
    #three_text_11 {
        stroke-dashoffset: 0;
    }
    #three_text_12 {
        stroke-dashoffset: 0;
    }



    #four_box_1 {
        stroke-dashoffset: 0;
    }
    #four_box_2 {
        stroke-dashoffset: 0;
    }
    #four_box_4 {
        stroke-dashoffset: 0;
    }
    #four_box_5 {
        stroke-dashoffset: 0;
    }
    #four_box_6 {
        stroke-dashoffset: 0;
    }
    #four_box_7 {
        stroke-dashoffset: 0;
    }
    #four_border_1 {
        stroke-dashoffset: 0;
    }
    #four_box_8 {
        stroke-dashoffset: 0;
    }



    #five_lines_1 {
        stroke-dashoffset: 0;
    }
    #five_box_3 {
        stroke-dashoffset: 0;
    }
    #five_box_2 {
        stroke-dashoffset: 0;
    }
    #five_box_top {
        stroke-dashoffset: 0;
    }
}