.mAnim{ -webkit-animation: mAnim 2s linear infinite ;animation: mAnim 2s linear infinite ;}
@-webkit-keyframes mAnim {
    from{ -webkit-transform: rotate(0deg);}
    to{ -webkit-transform: rotate(360deg);}
}
@keyframes mAnim {
    from{ transform: rotate(0deg);}
    to{ transform: rotate(360deg);}
}
.show{-webkit-animation: show .5s;animation: show .5s; -webkit-animation-fill-mode: both;animation-fill-mode: both; }
@-webkit-keyframes show {
    0%{ opacity: 0;}
    100%{opacity: 1;}
}
@keyframes show {
    0%{ opacity: 0;}
    100%{opacity: 1;}
}
.hide{-webkit-animation: hide .5s;animation: hide .5s; -webkit-animation-fill-mode: both;animation-fill-mode: both; }
@-webkit-keyframes hide {
    0%{ opacity: 1;}
    100%{opacity: 0;}
}
@keyframes hide {
    0%{ opacity: 1;}
    100%{opacity: 0;}
}

@-webkit-keyframes zoomIn {
    0%{ -webkit-transform: scale(1);}
    100%{-webkit-transform: scale(1.1);}
}
@keyframes zoomIn {
    0%{ transform: scale(1);}
    100%{transform: scale(1.1);}
}

@-webkit-keyframes Y-50 {
    0%{ -webkit-transform: translateY(-25px); opacity: 0}
    100%{-webkit-transform: translateY(0px); opacity: 1}
}
@keyframes Y-50 {
    0%{ transform: translateY(-25px); opacity: 0}
    100%{transform: translateY(0px); opacity: 1}
}
@-webkit-keyframes Y50 {
    0%{ -webkit-transform: translateY(25px); opacity: 0}
    100%{-webkit-transform: translateY(0px); opacity: 1}
}
@keyframes Y50 {
    0%{ transform: translateY(25px); opacity: 0}
    100%{transform: translateY(0px); opacity: 1}
}
@-webkit-keyframes X50 {
    0%{ -webkit-transform: translateX(50px); opacity: 0}
    100%{-webkit-transform: translateX(0px); opacity: 1}
}
@keyframes X50 {
    0%{ transform: translateX(50px); opacity: 0}
    100%{transform: translateX(0px); opacity: 1}
}

/*@keyframes yellowGo {*/
    /*0%,100%{ background-color:#f7a405 }*/
   /*25%{ background-color:#0782ed }*/
   /*50%{ background-color:#da251d }*/
   /*75%{ background-color:#80d414 }*/
/*}*/
/*@keyframes blueGo {*/
    /*0%,100%{ background-color:#0782ed }*/
    /*25%{ background-color:#da251d }*/
    /*50%{ background-color:#80d414 }*/
    /*75%{ background-color:#f7a405 }*/
/*}*/
/*@keyframes redGo {*/
    /*0%,100%{ background-color:#da251d }*/
    /*25%{ background-color:#80d414 }*/
    /*50%{ background-color:#f7a405 }*/
    /*75%{ background-color:#0782ed }*/
/*}*/
/*@keyframes greenGo {*/
    /*0%,100%{ background-color:#80d414 }*/
    /*25%{ background-color:#f7a405 }*/
    /*50%{ background-color:#0782ed }*/
    /*75%{ background-color:#da251d }*/
/*}*/
/*@-webkit-keyframes yellowGo {*/
    /*0%,100%{ background-color:#f7a405 }*/
    /*25%{ background-color:#0782ed }*/
    /*50%{ background-color:#da251d }*/
    /*75%{ background-color:#80d414 }*/
/*}*/
/*@-webkit-keyframes blueGo {*/
    /*0%,100%{ background-color:#0782ed }*/
    /*25%{ background-color:#da251d }*/
    /*50%{ background-color:#80d414 }*/
    /*75%{ background-color:#f7a405 }*/
/*}*/
/*@-webkit-keyframes redGo {*/
    /*0%,100%{ background-color:#da251d }*/
    /*25%{ background-color:#80d414 }*/
    /*50%{ background-color:#f7a405 }*/
    /*75%{ background-color:#0782ed }*/
/*}*/
/*@-webkit-keyframes greenGo {*/
    /*0%,100%{ background-color:#80d414 }*/
    /*25%{ background-color:#f7a405 }*/
    /*50%{ background-color:#0782ed }*/
    /*75%{ background-color:#da251d }*/
/*}*/

/*.colorLine>div:nth-of-type(1){animation: yellowGo 8s infinite;-webkit-animation: yellowGo 8s infinite;}*/
/*.colorLine>div:nth-of-type(2){animation: blueGo 8s infinite;-webkit-animation: blueGo 8s infinite;}*/
/*.colorLine>div:nth-of-type(3){animation: redGo 8s infinite;-webkit-animation: redGo 8s infinite;}*/
/*.colorLine>div:nth-of-type(4){animation: greenGo 8s infinite;-webkit-animation: greenGo 8s infinite;}*/

