.vga_rotate{
animation: vga_rotate ease-in-out 10s infinite;
}

.vga_fanstop_light{
    animation: vga_fanstop_light ease-in-out 10s infinite;
}

.vga_rotate_hot{
    animation: vga_rotate_hot linear 10s infinite;
}


.vga_twinkle{
    animation: vga_twinkle linear 10s infinite;
}

.vga_rotate_awesome{
   animation: vga_rotate_awesome linear 40s infinite;
   transition: 0.1s;

}

.vga_rotate_awesome_wind{
    animation: vga_rotate_awesome_wind linear 10s infinite;
    transition: 0.1s;
}

.vga_rotate_nomal{
    animation: vga_rotate_nomal linear 40s infinite;
    transition: 0.1s;
}

.vga_rotate_nomal_wind{
    animation: vga_rotate_nomal_wind linear 10s infinite;
    transition: 0.1s;
}

.vga_rotate_nomal_wind_middle{
    animation: vga_rotate_nomal_wind_middle 5s infinite;
    transition: 0.1s;
    animation-timing-function:step-start;
}

.vga_rotate_blur{
    animation: vga_rotate_blur ease-in-out 8s infinite;
    transition: 0.1s;
    position: relative;
}

.vga_airboom{
    animation: vga_airboom ease-in-out 4.4s infinite;
    transition: 0.1s;
}

.vga_shock{

    animation: vga_shock ease-in-out 4.4s infinite;
    transition: 0.1s;

}
.arrow_moving{
    animation: arrow_moving ease-in-out 1s infinite;
    position: absolute;
    top: -15px;
    left: 0;
}


@keyframes vga_twinkle{
    0%{opacity: 1;}
    42%{opacity: 1;}
    43%{opacity: 0;}
    83%{opacity: 0;}
    84%{opacity: 1;}
    85%{opacity: 0;}
    86%{opacity: 1;}
    87%{opacity: 0;}
    88%{opacity: 1;}
    89%{opacity: 0;}
    90%{opacity: 1;}
    91%{opacity: 0;}
    92%{opacity: 1;}
    93%{opacity: 0;}
    94%{opacity: 1;}
    95%{opacity: 0;}
    96%{opacity: 1;}
    97%{opacity: 0;}
    98%{opacity: 1;}
    99%{opacity: 0;}
    100%{opacity: 1;}   
}

@keyframes vga_rotate{
    0%{transform: rotateZ(0);transition: 4s;}
    35%{transform: rotateZ(0);transition: 4s;}
    
    100%{transform: rotateZ(-3600deg);transition: 4s;}
}


@keyframes vga_fanstop_light{
    0%{opacity: 1;}
    20%{opacity: 1;}
    21%{opacity: 0;}
    79%{opacity: 0;}
    80%{opacity: 1;}
    100%{opacity: 1;}
}

@keyframes vga_rotate_hot{
    0%{width: 20%;}
    20%{width: 20%;}
    40%{width: 60%;}
    72%{width: 60%;}
    80%{width: 20%;}
    100%{width: 20%;}
}


@keyframes vga_rotate_awesome{
    0%{transform: rotateZ(0deg);transition: 0.1s;}
    
    100%{transform: rotateZ(7200deg);transition: 0.1s;}
}

@keyframes vga_rotate_awesome_wind{
    0%{transform: rotateZ(0deg);transition: 0.1s;}
    
    100%{transform: rotateZ(720deg);transition: 0.1s;}
}

@keyframes vga_rotate_nomal{
    0%{transform: rotateZ(0deg);transition: 0.1s;}
    
    100%{transform: rotateZ(-7200deg);transition: 0.1s;}
}

@keyframes vga_rotate_nomal_wind{
    0%{transform: rotateZ(0deg);transition: 0.1s;}
    
    100%{transform: rotateZ(-720deg);transition: 0.1s;}
}


@keyframes vga_rotate_nomal_wind_middle{
    0%{transform: rotateZ(0deg);transition: 0.1s;}
    16%{transform: rotateZ(-0deg);transition: 0.1s;}
    17%{transform: rotateZ(-60deg);transition: 0.1s;}
    32%{transform: rotateZ(-60deg);transition: 0.1s;}
    33%{transform: rotateZ(-120deg);transition: 0.1s;}
    48%{transform: rotateZ(-120deg);transition: 0.1s;}
    49%{transform: rotateZ(-180deg);transition: 0.1s;}
    64%{transform: rotateZ(-180deg);transition: 0.1s;}
    65%{transform: rotateZ(-240deg);transition: 0.1s;}
    80%{transform: rotateZ(-240deg);transition: 0.1s;}
    81%{transform: rotateZ(-300deg);transition: 0.1s;}
    96%{transform: rotateZ(-300deg);transition: 0.1s;}
    97%{transform: rotateZ(-360deg);transition: 0.1s;}
}

@keyframes arrow_moving{
    0%{top:-19px;}
    50%{top:-15px;}
    100%{top:-19px;}
}

@keyframes vga_shock{
    0%{opacity: 0;}
    30%{opacity: 0;}
    31%{opacity: 1;}
    99%{opacity: 1;}
    100%{opacity: 0;}
}

@keyframes vga_airboom{
    0%{opacity: 0;}
    50%{opacity: 0;}
    52%{opacity: 1;}
    99%{opacity: 1;}
    100%{opacity: 0;}
}

.vga_color_grab{
    animation: vga_color_grab linear 8s infinite;
}
@keyframes vga_color_grab{
    0%{-webkit-filter:hue-rotate(0deg);}
    12%{-webkit-filter:hue-rotate(0deg);}
    13%{-webkit-filter:hue-rotate(45deg);}
    24%{-webkit-filter:hue-rotate(45deg);}
    25%{-webkit-filter:hue-rotate(90deg);}
    36%{-webkit-filter:hue-rotate(90deg);}
    37%{-webkit-filter:hue-rotate(135deg);}
    48%{-webkit-filter:hue-rotate(135deg);}
    49%{-webkit-filter:hue-rotate(180deg);}
    60%{-webkit-filter:hue-rotate(180deg);}
    61%{-webkit-filter:hue-rotate(225deg);}
    72%{-webkit-filter:hue-rotate(225deg);}
    73%{-webkit-filter:hue-rotate(270deg);}
    84%{-webkit-filter:hue-rotate(270deg);}
    85%{-webkit-filter:hue-rotate(315deg);}
    99.9%{-webkit-filter:hue-rotate(315deg);}
    100%{-webkit-filter:hue-rotate(0deg);}
}

.cooling_text_align{
   text-align: center; 
}

.cooling_text_align_stack{
    text-align: center; 
}

.alternate_bg{
    background-image:url('../img/vga/52.jpg');
}

.twoball_bg{
    padding: 0 0 35% 0;margin: 2% 0 0 0;
}

.fin_bg{
    padding: 0 0 53% 0;margin: 2% 0 0 0;
}

.pipe_bg{
    padding: 0 0 73% 0;margin: 2% 0 0 0;
}


.alternate_spinning{
    padding-top: 10%;
}

.alternate_spinning_word{
    padding: 0 0 0 0%;
}


@media screen and (min-width: 1500px) {
    
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .twoball_bg{
    padding: 0 0 42% 0;margin: 2% 0 0 0;
    }

    .fin_bg{
    padding: 0 0 55% 0;margin: 2% 0 0 0;
}

}

@media screen and (min-width: 992px) and (max-width: 1200px) {
.cooling_text_align{
   text-align: left; 
}

.twoball_bg{
    padding: 0 0 30% 0;margin: 2% 0 0 0;
    }


    .fin_bg{
    padding: 0 0 40% 0;margin: 2% 0 0 0;
}

.pipe_bg{
    padding: 0 0 63% 0;margin: 2% 0 0 0;
}

.alternate_spinning{
    padding-top: 2%;
}


.alternate_spinning_word{
    padding: 0 0 0 1%;
}


}

@media screen and (min-width: 768px) and (max-width: 992px) {
.cooling_text_align{
   text-align: left; 
}

.cooling_text_align_stack{
    text-align: left; 
}

.alternate_bg{
    background-image:none;
}

    .fin_bg{
    padding: 0 0 40% 0;margin: 2% 0 0 0;
}

.pipe_bg{
    padding: 0 0 63% 0;margin: 2% 0 0 0;
}

.alternate_spinning{
    padding-top: 2%;
}


.alternate_spinning_word{
    padding: 0 0 0 1%;
}


}

@media screen and (max-width: 768px) {
.cooling_text_align{
   text-align: left; 
}

.cooling_text_align_stack{
    text-align: left; 
}

.alternate_bg{
    background-image:none;
}


    .fin_bg{
    padding: 0 0 40% 0;margin: 2% 0 0 0;
}


.pipe_bg{
    padding: 0 0 63% 0;margin: 2% 0 0 0;
}

.alternate_spinning{
    padding-top: 2%;
}

.alternate_spinning_word{
    padding: 0 0 0 1%;
}


}