@keyframes playBtnAnim {0%{transform: scale(1,1);} 50%{transform: scale(0.95,0.95);}100%{transform: scale(1,1);}}
@keyframes playCirlce {0%{transform: scale(0.9); opacity: 0.8;}100%{transform: scale(1.6); opacity: 0;}}
@keyframes bannerL1 {0%{transform: translateY(-70px); opacity: 0;} 100%{transform: translateY(0); opacity: 1;}}
@keyframes bannerL1 {0%{transform: translateY(-70px); opacity: 0;} 100%{transform: translateY(0); opacity: 1;}}
@keyframes view3D {0%{transform: scale(0.8)} 50%{transform: scale(1)} 100%{transform: scale(0.8)}}

/** squares **/
@-moz-keyframes squares{0%{-moz-transform:scale(1);transform:scale(1);opacity:0}20%{-moz-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-moz-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@-o-keyframes squares{0%{-o-transform:scale(1);transform:scale(1);opacity:0}20%{-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@keyframes squares{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);-moz-transform:scale(1.24);-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);-moz-transform:scale(2.1);-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}