@charset "utf-8";

@keyframes btt{
	0%{top:20px;opacity:0;}
	50%{top:20px;opacity:0;}
	100%{top:0px;opacity:1;}
}

@keyframes bgz{
	0%{background-size: 120%;}
	5%{background-size: 120%;}
	100%{background-size: 125%;}
}

.active .btt1{animation-name:btt;-webkit-animation-name:btt; animation-duration:1s; -webkit-animation-duration:1s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;}

.active .btt2{animation-name:btt;-webkit-animation-name:btt; animation-duration:1.25s; -webkit-animation-duration:1.25s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;}

.active .btt3{animation-name:btt;-webkit-animation-name:btt; animation-duration:1.5s; -webkit-animation-duration:1.5s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;}


.cover.active {animation-name:bgz;-webkit-animation-name:bgz; animation-duration:8s; -webkit-animation-duration:8s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1;animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out;
animation-delay: 0s; -webkit-animation-delay:0s;}