@media screen and (min-width:768px)
{
.gra-section.active .trans-up {
	visibility: visible; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px);
}
.gra-section .trans-up {
	visibility: hidden; opacity: 0; transform: translate3d(0px, 100px, 0px); -webkit-transform: translate3d(0px, 100px, 0px); -moz-transform: translate3d(0px, 100px, 0px); -o-transform: translate3d(0px, 100px, 0px);
}
.delay06 {
	transition:1s ease-out 0.6s;
}
.delay09 {
	transition:1s ease-out 0.9s;
}
.delay12 {
	transition:1s ease-out 1.2s;
}
.delay15 {
	transition:1s ease-out 1.5s;
}
.gra-section.active .trans-down {
	visibility: visible; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px);
}
.gra-section .trans-down {
	transition:780ms 620ms; visibility: hidden; opacity: 0; transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0px, -100px, 0px); -webkit-transition: all 780ms ease 0s; -moz-transition: all 780ms ease 0s; -o-transition: all 780ms ease 0s; -moz-transform: translate3d(0px, -100px, 0px); -o-transform: translate3d(0px, -100px, 0px); -webkit-transition-delay: 620ms; -moz-transition-delay: 620ms; -o-transition-delay: 620ms;
}
.gra-section.active .trans-left {
	visibility: visible; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px);
}
.gra-section .trans-left {
	transition:780ms 620ms; visibility: hidden; opacity: 0; transform: translate3d(-150px, 0px, 0px); -webkit-transform: translate3d(-150px, 0px, 0px); -webkit-transition: all 780ms ease 0s; -moz-transition: all 780ms ease 0s; -o-transition: all 780ms ease 0s; -moz-transform: translate3d(-150px, 0px, 0px); -o-transform: translate3d(-150px, 0px, 0px); -webkit-transition-delay: 620ms; -moz-transition-delay: 620ms; -o-transition-delay: 620ms;
}
.gra-section.active .trans-right {
	visibility: visible; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px);
}
.gra-section .trans-right {
	transition:780ms 620ms; visibility: hidden; opacity: 0; transform: translate3d(100px, 0px, 0px); -webkit-transform: translate3d(100px, 0px, 0px); -webkit-transition: all 780ms ease 0s; -moz-transition: all 780ms ease 0s; -o-transition: all 780ms ease 0s; -moz-transform: translate3d(100px, 0px, 0px); -o-transform: translate3d(100px, 0px, 0px); -webkit-transition-delay: 620ms; -moz-transition-delay: 620ms; -o-transition-delay: 620ms;
}
}