.in {
			-webkit-animation-timing-function: ease-out;
			-webkit-animation-duration: 350ms;
			animation-timing-function: ease-out;
			animation-duration: 350ms;
		}
		.out {
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-duration: 225ms;
			animation-timing-function: ease-in;
			animation-duration: 225ms;
		}
		.viewport-flip {

			position: absolute;
		}
		.flip {
			-webkit-backface-visibility: hidden;
			-webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
			backface-visibility: hidden;
			transform: translateX(0);
		}
		.flip.out {
			-webkit-transform: rotateY(-90deg) scale(.9);
			-webkit-animation-name: flipouttoleft;
			-webkit-animation-duration: 175ms;
			transform: rotateY(-90deg) scale(.9);
			animation-name: flipouttoleft;
			animation-duration: 175ms;
		}
		.flip.in {
			-webkit-animation-name: flipintoright;
			-webkit-animation-duration: 225ms;
			animation-name: flipintoright;
			animation-duration: 225ms;
		}
		@-webkit-keyframes flipouttoleft {
		    from { -webkit-transform: rotateY(0); }
		    to { -webkit-transform: rotateY(-90deg) scale(.9); }
		}
		@keyframes flipouttoleft {
		    from { transform: rotateY(0); }
		    to { transform: rotateY(-90deg) scale(.9); }
		}
		@-webkit-keyframes flipintoright {
		    from { -webkit-transform: rotateY(90deg) scale(.9); }
		    to { -webkit-transform: rotateY(0); }
		}
		@keyframes flipintoright {
		    from { transform: rotateY(90deg) scale(.9); }
		    to { transform: rotateY(0); }
		}
		.box {
		    margin-left: auto;
		    margin-right: auto;
		    position: relative;
		}
		.list {
		    position: absolute;
		}




		.in2 {
			-webkit-animation-timing-function: ease-out;
			-webkit-animation-duration: 350ms;
			animation-timing-function: ease-out;
			animation-duration: 350ms;
		}
		.out2 {
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-duration: 225ms;
			animation-timing-function: ease-in;
			animation-duration: 225ms;
		}
		.viewport-flip2 {

			position: absolute;
		}
		.flip2 {
			-webkit-backface-visibility: hidden;
			-webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
			backface-visibility: hidden;
			transform: translateX(0);
		}
		.flip2.out2 {
			-webkit-transform: rotateY(-90deg) scale(.9);
			-webkit-animation-name: flipouttoleft;
			-webkit-animation-duration: 175ms;
			transform: rotateY(-90deg) scale(.9);
			animation-name: flipouttoleft;
			animation-duration: 175ms;
		}
		.flip2.in2 {
			-webkit-animation-name: flipintoright;
			-webkit-animation-duration: 225ms;
			animation-name: flipintoright;
			animation-duration: 225ms;
		}
		
		.box2 {
		    margin-left: auto;
		    margin-right: auto;
		    position: relative;
		}
		.list2 {
		    position: absolute;
		}