@media only screen and (min-device-width: 102333) {
	.3dView {
	  -webkit-perspective: 800px;
	  -webkit-transform-style: preserve-3d;
	}
	a.thumb {
	  -webkit-transform-style: preserve-3d;
	  -webkit-transform: rotateY(60deg) rotateX(8deg);
	}
	a.thumb:after {
	  -webkit-transform-style: preserve-3d;
	  -webkit-transform: translateZ(1px);
	  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	}
	a.thumb:before {
	  -webkit-transform: rotate(90deg) translate3d(71px, 71px, -10px) rotateX(-90deg);
	  -webkit-transform-style: preserve-3d;
	}

	@-webkit-keyframes presentation {
	  0% {
	  }
	  100% {
	    -webkit-transform: rotateY(45deg) rotateX(8deg); 
	  }
	 }

	@-webkit-keyframes back {
	  0% {
	  }
	  100% {
	    -webkit-transform: rotateY(30deg) rotateX(8deg); 
	  } 
	}

	a.thumb {
	  -webkit-transform-style: preserve-3d;
	  -webkit-transform: rotateY(30deg) rotateX(8deg); 
	  -webkit-animation: presentation 2s ease-in-out infinite alternate forwards;
	  -webkit-animation-play-state: paused;
	}

	article:hover a.thumb {
	  -webkit-animation-play-state: running;
	}

	@-webkit-keyframes defilbackground {
		0% {
			background-position:center 0%;
		}
		100% {
			background-position:center 100%;
		}
	}
	.defilbackground {
		-webkit-animation-name: defilbackground;
		-webkit-animation-duration: 100s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-direction: normal;
		-webkit-animation-timing-function: linear;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-delay: 0s;
	}
}
