/* @override 
	https://cms.italyguides.it/movie/css/click-before-after.css */

.clicktoplay {
	position: absolute;
	right: -36px;
	top: 20px;
	height: 30px;
	width: 140px;
	background-color: #ac1000;
	color: #fff;
	transform: rotate(45deg) scale(1) skew(1deg) translate(0);
	text-align: center;
	font: bold 12px Arial;
	line-height: 30px;
	border: 1px solid #000;
	box-shadow: 1px 1px 7px rgba(0,0,0,.58);
	z-index: 1;
	animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

div.clicktoplay::after {
	content: "3D MODEL"
}

body, html {
	margin: 0;
	padding: 0;
	background-color: #000
}

#linkSwitched img {
	margin: 0 auto;
	padding: 0;
	border-style: none;
	width: 100%;
	overflow: hidden;
	height: 100vh;
	min-height: 200px;
}

#container {
	display: block;
	position: relative;
	z-index: 0;
	width: 100%;
	overflow: hidden
}

a#linkSwitched span {
	top: 50%;
	font-size: 28px;
	color: #fff;
	text-decoration: none;
	width: 68px;
	height: 68px;
	position: absolute;
	left: 50%;
	text-indent: 5px;
	line-height: 69px;
	margin: -35px 0 0 -35px;
	padding: 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNTUiIGN5PSIyNTUiIHI9IjI0NSIvPjxwYXRoIGQ9Im0zNjAuNyAyNDAuNS0xNTEuMi05MS45Yy0xMy42LTcuNi0zMC43IDIuMS0zMC43IDE4djE3OC43YzAgMTUuOCAxNyAyNS42IDMwLjcgMThsMTUxLjItODYuOGMxNC03LjcgMTQtMjguMSAwLTM2em0xNDMuMyAxNS41YzAtMTM3LTExMS0yNDgtMjQ4LTI0OHMtMjQ4IDExMS0yNDggMjQ4IDExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDh6bS00NjguOCAwYzAtMTIzLjEgOTkuNy0yMjIuOCAyMjIuOC0yMjIuOHMyMjIuOCA5OS43IDIyMi44IDIyMi44LTk5LjcgMjIyLjgtMjIyLjggMjIyLjgtMjIyLjgtOTkuNy0yMjIuOC0yMjIuOHoiIGZpbGw9IiNmZmYiIG9wYWNpdHk9Ii43Ii8+PC9zdmc+);
	background-size: 68px;
	display: block;
	animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	
}

a#linkSwitched span.ico:hover {
	cursor: pointer;
	background-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyNTUiIGN5PSIyNTUiIG9wYWNpdHk9Ii43IiByPSIyNDUiLz48cGF0aCBkPSJtMzYwLjcgMjQwLjUtMTUxLjItOTEuOWMtMTMuNi03LjYtMzAuNyAyLjEtMzAuNyAxOHYxNzguN2MwIDE1LjggMTcgMjUuNiAzMC43IDE4bDE1MS4yLTg2LjhjMTQtNy43IDE0LTI4LjEgMC0zNnptMTQzLjMgMTUuNWMwLTEzNy0xMTEtMjQ4LTI0OC0yNDhzLTI0OCAxMTEtMjQ4IDI0OCAxMTEgMjQ4IDI0OCAyNDggMjQ4LTExMSAyNDgtMjQ4em0tNDY4LjggMGMwLTEyMy4xIDk5LjctMjIyLjggMjIyLjgtMjIyLjhzMjIyLjggOTkuNyAyMjIuOCAyMjIuOC05OS43IDIyMi44LTIyMi44IDIyMi44LTIyMi44LTk5LjctMjIyLjgtMjIyLjh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
	background-size: 68px;
}


@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}