@-webkit-keyframes widthAni{ 0%{ width:0;}100%{ width:100%;}}
@keyframes widthAni{ 0%{ width:0;}100%{ width:100%;}}
.widthAni{ -webkit-animation-name:widthAni; animation-name:widthAni;}

@-webkit-keyframes heightAni{ 0%{ height:0;}100%{ height:100%;}}
@keyframes heightAni{ 0%{ height:0;}100%{ height:100%;}}
.heightAni{ -webkit-animation-name:heightAni; animation-name:heightAni;}


@-webkit-keyframes opacity { 0%{ opacity:0;} 100%{ opacity:1;}}
@keyframes opacity { 0%{ opacity:0;} 100%{ opacity:1;}}
.opacity{ -webkit-animation-name:opacity; animation-name:opacity;}


@-webkit-keyframes box3Bor{from{ width:100%; height:100%; opacity:0.1;} to{ width:120%; height:120%; opacity:0;}}
@-moz-keyframes box3Bor{from{ width:100%; height:100%; opacity:0.1;} to{ width:120%; height:120%; opacity:0;}}
@keyframes box3Bor{from{ width:100%; height:100%; opacity:0.1;} to{ width:120%; height:120%; opacity:0;}}
.box3Bor{ -webkit-animation-name:box3Bor; animation-name:box3Bor;}

@-webkit-keyframes box2Ani{ 0%{ stroke-dashoffset:365px;}100%{ stroke-dashoffset:0;}}
@keyframes box2Ani{ 0%{ stroke-dashoffset:365px;}100%{ stroke-dashoffset:0;}}
.box2Ani{ -webkit-animation-name:box2Ani; animation-name:box2Ani;}