body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	overflow-x: hidden;
}

.shinyCoin {
	cursor: url('https://clients.contology.com/Cooper/ScratchTest/images/coin.png')
			30 100,
		auto !important;
}
.toyota {
	background: #c00;
	border-radius: 35.71429rem !important;
	color: #fff;
	cursor: pointer;
	outline: none;
	width: 100% !important;
	font-size: 1.1em !important;
	text-transform: uppercase !important;
}

.toyota:hover {
	color: #fff;
}
.masthead {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100vh;
	background: url('https://clients.contology.com/Cooper/ScratchTest/images/Background.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.promo-container {
	position: relative;
}

#scratch {
	position: relative;
	display: inline-block;
	font-size: 0;
	width: 100%;
	max-width: 500px;
	box-shadow: 8px 7px 13px -6px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 8px 7px 13px -6px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 8px 7px 13px -6px rgba(0, 0, 0, 0.75);
	transform: rotate(-4deg);
	transition: transform 1s ease-in-out;

	overflow: hidden;
	top: 14% !important;
}
/* canvas {
	cursor: url('https://clients.contology.com/Cooper/ScratchTest/images/coin.png')
			30 100,
		auto !important;
} */

/* .flip-container {
	padding: 50px 100px;
	cursor: url('https://clients.contology.com/Cooper/ScratchTest/images/coin.png')
			30 100,
		auto !important;
} */

.rotateZero {
	transform: rotate(-4deg) !important;
}

.glare {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(
		190deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0) 20%,
		rgba(255, 255, 255, 0.3862838924632353) 50%,
		rgba(255, 255, 255, 0) 73%,
		rgba(255, 255, 255, 0) 100%
	);
	z-index: 2;
	animation: glareSlide 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
	-webkit-animation: glareSlide 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}
#scratch img {
	width: 100%;
	max-width: 916px;
	height: auto;
	z-index: 30;
}
#scratch canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	cursor: url('https://clients.contology.com/Cooper/ScratchTest/images/coin.png')
			30 100,
		auto !important;
	will-change: transform;
	transform: translate3d(0, 0, 0);
	-webkit-touch-action: none;
	-moz-touch-action: none;
	touch-action: none;
	transition: opacity 500ms ease-out 0ms, height 0ms linear 500ms;
}
#scratch.revealed canvas {
	opacity: 0;
	height: 0;
}

#scratchBack {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: whitesmoke;
	border: 5px dashed gold;
	transform: rotateY(180deg) !important;
	z-index: -1;
	cursor: auto;
	/* background: url('/pages/2021/chicago/scratch_off/img/BottomScratch.jpg')
			no-repeat,
		#f5f5f5; */
	background-size: 96%;
	background-position: bottom center;
}

input {
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid black !important;
	border-radius: 0 !important;
}

input:focus {
	outline-color: none !important;
	background-color: #fff !important;
	outline: none !important;
}
label {
	display: inline-block;
	width: 100%;
	color: #484848;
	font-size: 0.9rem;
	text-align: left;
	font-weight: lighter;
	margin-bottom: 0;
}

.claimBtn-container {
	max-width: 300px;
	margin: 0 auto;
	margin-top: 30px;
}

.claimBtn {
	opacity: 0;
	box-shadow: 8px 7px 13px -6px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 8px 7px 13px -6px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 8px 7px 13px -6px rgba(0, 0, 0, 0.75);
}

.backBtnContainer {
	max-width: 50%;
}

.backBtn {
	font-size: 0.9rem !important;
}

.vis {
	opacity: 1;
	transition: opacity 1s ease-in-out !important;
	-webkit-transition: opacity 1s ease-in-out !important;
	-moz-transition: opacity 1s ease-in-out !important;
	-ms-transition: opacity 1s ease-in-out !important;
	-o-transition: opacity 1s ease-in-out !important;
}
textarea:focus,
input:focus {
	outline: none !important;
	border: none !important;
}
*:focus {
	outline: none !important;
	border: none !important;
}
.toyota:hover {
	background-color: #cc0000 !important;
}

.hidden {
	opacity: 0;
	pointer-events: none;
}

.puff-in-center {
	-webkit-animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
		both;
	animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}

@-webkit-keyframes slideIn {
	0% {
		top: -1000%;
		right: -1000%;
		transform: rotate(204deg);
	}

	100% {
		top: 0;
		right: 0;
		transform: rotate(-4deg);
	}
}

@keyframes slideIn {
	0% {
		top: -1000%;
		right: -1000%;
		transform: rotate(204deg);
	}

	100% {
		top: 0;
		right: 0;
		transform: rotate(-4deg);
	}
}

/* ----------------------------------------------
 * Generated by Animista on 2021-5-19 16:16:46
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation puff-in-center
 * ----------------------------------------
 */
@-webkit-keyframes puff-in-center {
	0% {
		transform: scale(2) rotate(-4deg);
		-webkit-filter: blur(4px);
		filter: blur(4px);
		opacity: 0;
		-webkit-transform: scale(2) rotate(-4deg);
		-moz-transform: scale(2) rotate(-4deg);
		-ms-transform: scale(2) rotate(-4deg);
		-o-transform: scale(2) rotate(-4deg);
	}
	100% {
		transform: scale(1) rotate(4deg);
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
		-webkit-transform: scale(1) rotate(4deg);
		-moz-transform: scale(1) rotate(4deg);
		-ms-transform: scale(1) rotate(4deg);
		-o-transform: scale(1) rotate(4deg);
	}
}
@keyframes puff-in-center {
	0% {
		transform: scale(2) rotate(-19deg);
		-webkit-filter: blur(4px);
		filter: blur(4px);
		opacity: 0;
		-webkit-transform: scale(2) rotate(-19deg);
		-moz-transform: scale(2) rotate(-19deg);
		-ms-transform: scale(2) rotate(-19deg);
		-o-transform: scale(2) rotate(-19deg);
	}
	100% {
		transform: scale(1) rotate(4deg);
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
		-webkit-transform: scale(1) rotate(4deg);
		-moz-transform: scale(1) rotate(4deg);
		-ms-transform: scale(1) rotate(4deg);
		-o-transform: scale(1) rotate(4deg);
	}
}

@-webkit-keyframes glareSlide {
	from {
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
	}

	to {
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
	}
}

@keyframes glareSlide {
	from {
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
	}

	to {
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
	}
}

.animation-target {
	-webkit-animation: animation 3000ms linear both;
	animation: animation 3000ms linear both;
}

/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A3000%2CD%3A0%2Cf%3A%7Bx%3A1000%2Cy%3A-1000%7D%2Ct%3A%7Bx%3A0%2Cy%3A0%7D%2Cs%3A5%2Cb%3A0%7D%2C%7BT%3A%22c%22%2Ce%3A%22b%22%2Cd%3A1000%2CD%3A0%2Cf%3A%7Bx%3A3%2Cy%3A3%7D%2Ct%3A%7Bx%3A1%2Cy%3A1%7D%2Cs%3A3%2Cb%3A4%7D%2C%7BT%3A%22r%22%2Ce%3A%22b%22%2Cd%3A2000%2CD%3A0%2Cf%3A180%2Ct%3A-7%2Cs%3A3%2Cb%3A1%7D%5D%7D */

@-webkit-keyframes animation {
	0% {
		transform: matrix3d(
			-3,
			0,
			0,
			0,
			0,
			-3,
			0,
			0,
			0,
			0,
			1,
			0,
			1000,
			-1000,
			0,
			1
		);
	}
	1.43% {
		transform: matrix3d(
			-1.421,
			1.366,
			0,
			0,
			-1.366,
			-1.421,
			0,
			0,
			0,
			0,
			1,
			0,
			785.61,
			-785.61,
			0,
			1
		);
	}
	1.74% {
		transform: matrix3d(
			-1.104,
			1.404,
			0,
			0,
			-1.404,
			-1.104,
			0,
			0,
			0,
			0,
			1,
			0,
			746.871,
			-746.871,
			0,
			1
		);
	}
	2.87% {
		transform: matrix3d(
			-0.246,
			1.218,
			0,
			0,
			-1.218,
			-0.246,
			0,
			0,
			0,
			0,
			1,
			0,
			616.869,
			-616.869,
			0,
			1
		);
	}
	3.2% {
		transform: matrix3d(
			-0.089,
			1.127,
			0,
			0,
			-1.127,
			-0.089,
			0,
			0,
			0,
			0,
			1,
			0,
			583.095,
			-583.095,
			0,
			1
		);
	}
	3.47% {
		transform: matrix3d(
			0.014,
			1.056,
			0,
			0,
			-1.056,
			0.014,
			0,
			0,
			0,
			0,
			1,
			0,
			557.402,
			-557.402,
			0,
			1
		);
	}
	4.3% {
		transform: matrix3d(
			0.243,
			0.862,
			0,
			0,
			-0.862,
			0.243,
			0,
			0,
			0,
			0,
			1,
			0,
			484.126,
			-484.126,
			0,
			1
		);
	}
	5.74% {
		transform: matrix3d(
			0.487,
			0.651,
			0,
			0,
			-0.651,
			0.487,
			0,
			0,
			0,
			0,
			1,
			0,
			379.753,
			-379.753,
			0,
			1
		);
	}
	6.31% {
		transform: matrix3d(
			0.568,
			0.594,
			0,
			0,
			-0.594,
			0.568,
			0,
			0,
			0,
			0,
			1,
			0,
			344.944,
			-344.944,
			0,
			1
		);
	}
	6.87% {
		transform: matrix3d(
			0.644,
			0.542,
			0,
			0,
			-0.542,
			0.644,
			0,
			0,
			0,
			0,
			1,
			0,
			313.3,
			-313.3,
			0,
			1
		);
	}
	9.41% {
		transform: matrix3d(
			0.903,
			0.318,
			0,
			0,
			-0.318,
			0.903,
			0,
			0,
			0,
			0,
			1,
			0,
			203.57,
			-203.57,
			0,
			1
		);
	}
	9.44% {
		transform: matrix3d(
			0.906,
			0.315,
			0,
			0,
			-0.315,
			0.906,
			0,
			0,
			0,
			0,
			1,
			0,
			202.417,
			-202.417,
			0,
			1
		);
	}
	10.34% {
		transform: matrix3d(
			0.956,
			0.239,
			0,
			0,
			-0.239,
			0.956,
			0,
			0,
			0,
			0,
			1,
			0,
			173.601,
			-173.601,
			0,
			1
		);
	}
	12.51% {
		transform: matrix3d(
			1.008,
			0.089,
			0,
			0,
			-0.089,
			1.008,
			0,
			0,
			0,
			0,
			1,
			0,
			119.847,
			-119.847,
			0,
			1
		);
	}
	13.15% {
		transform: matrix3d(
			1.011,
			0.055,
			0,
			0,
			-0.055,
			1.011,
			0,
			0,
			0,
			0,
			1,
			0,
			107.519,
			-107.519,
			0,
			1
		);
	}
	13.75% {
		transform: matrix3d(
			1.011,
			0.027,
			0,
			0,
			-0.027,
			1.011,
			0,
			0,
			0,
			0,
			1,
			0,
			97.004,
			-97.004,
			0,
			1
		);
	}
	18.82% {
		transform: matrix3d(
			0.995,
			-0.097,
			0,
			0,
			0.097,
			0.995,
			0,
			0,
			0,
			0,
			1,
			0,
			40.522,
			-40.522,
			0,
			1
		);
	}
	20.55% {
		transform: matrix3d(
			0.993,
			-0.113,
			0,
			0,
			0.113,
			0.993,
			0,
			0,
			0,
			0,
			1,
			0,
			30.014,
			-30.014,
			0,
			1
		);
	}
	20.62% {
		transform: matrix3d(
			0.993,
			-0.113,
			0,
			0,
			0.113,
			0.993,
			0,
			0,
			0,
			0,
			1,
			0,
			29.669,
			-29.669,
			0,
			1
		);
	}
	25.03% {
		transform: matrix3d(
			0.992,
			-0.128,
			0,
			0,
			0.128,
			0.992,
			0,
			0,
			0,
			0,
			1,
			0,
			13.794,
			-13.794,
			0,
			1
		);
	}
	27.49% {
		transform: matrix3d(
			0.992,
			-0.13,
			0,
			0,
			0.13,
			0.992,
			0,
			0,
			0,
			0,
			1,
			0,
			8.957,
			-8.957,
			0,
			1
		);
	}
	27.99% {
		transform: matrix3d(
			0.992,
			-0.13,
			0,
			0,
			0.13,
			0.992,
			0,
			0,
			0,
			0,
			1,
			0,
			8.204,
			-8.204,
			0,
			1
		);
	}
	33.33% {
		transform: matrix3d(
			0.992,
			-0.127,
			0,
			0,
			0.127,
			0.992,
			0,
			0,
			0,
			0,
			1,
			0,
			3.202,
			-3.202,
			0,
			1
		);
	}
	50.05% {
		transform: matrix3d(
			0.993,
			-0.122,
			0,
			0,
			0.122,
			0.993,
			0,
			0,
			0,
			0,
			1,
			0,
			0.158,
			-0.158,
			0,
			1
		);
	}
	66.67% {
		transform: matrix3d(
			0.993,
			-0.122,
			0,
			0,
			0.122,
			0.993,
			0,
			0,
			0,
			0,
			1,
			0,
			0.007,
			-0.007,
			0,
			1
		);
	}
	100% {
		transform: matrix3d(
			0.993,
			-0.122,
			0,
			0,
			0.122,
			0.993,
			0,
			0,
			0,
			0,
			1,
			0,
			0,
			0,
			0,
			1
		);
	}
}

@keyframes animation {
	0% {
		transform: matrix3d(
			-3,
			0,
			0,
			0,
			0,
			-3,
			0,
			0,
			0,
			0,
			1,
			0,
			1000,
			-1000,
			0,
			1
		);
	}
	1.43% {
		transform: matrix3d(
			-1.421,
			1.366,
			0,
			0,
			-1.366,
			-1.421,
			0,
			0,
			0,
			0,
			1,
			0,
			785.61,
			-785.61,
			0,
			1
		);
	}
	1.74% {
		transform: matrix3d(
			-1.104,
			1.404,
			0,
			0,
			-1.404,
			-1.104,
			0,
			0,
			0,
			0,
			1,
			0,
			746.871,
			-746.871,
			0,
			1
		);
	}
	2.87% {
		transform: matrix3d(
			-0.246,
			1.218,
			0,
			0,
			-1.218,
			-0.246,
			0,
			0,
			0,
			0,
			1,
			0,
			616.869,
			-616.869,
			0,
			1
		);
	}
	3.2% {
		transform: matrix3d(
			-0.089,
			1.127,
			0,
			0,
			-1.127,
			-0.089,
			0,
			0,
			0,
			0,
			1,
			0,
			583.095,
			-583.095,
			0,
			1
		);
	}
	3.47% {
		transform: matrix3d(
			0.014,
			1.056,
			0,
			0,
			-1.056,
			0.014,
			0,
			0,
			0,
			0,
			1,
			0,
			557.402,
			-557.402,
			0,
			1
		);
	}
	4.3% {
		transform: matrix3d(
			0.243,
			0.862,
			0,
			0,
			-0.862,
			0.243,
			0,
			0,
			0,
			0,
			1,
			0,
			484.126,
			-484.126,
			0,
			1
		);
	}
	5.74% {
		transform: matrix3d(
			0.487,
			0.651,
			0,
			0,
			-0.651,
			0.487,
			0,
			0,
			0,
			0,
			1,
			0,
			379.753,
			-379.753,
			0,
			1
		);
	}
	6.31% {
		transform: matrix3d(
			0.568,
			0.594,
			0,
			0,
			-0.594,
			0.568,
			0,
			0,
			0,
			0,
			1,
			0,
			344.944,
			-344.944,
			0,
			1
		);
	}
	6.87% {
		transform: matrix3d(
			0.644,
			0.542,
			0,
			0,
			-0.542,
			0.644,
			0,
			0,
			0,
			0,
			1,
			0,
			313.3,
			-313.3,
			0,
			1
		);
	}
	9.41% {
		transform: matrix3d(
			0.903,
			0.318,
			0,
			0,
			-0.318,
			0.903,
			0,
			0,
			0,
			0,
			1,
			0,
			203.57,
			-203.57,
			0,
			1
		);
	}
	9.44% {
		transform: matrix3d(
			0.906,
			0.315,
			0,
			0,
			-0.315,
			0.906,
			0,
			0,
			0,
			0,
			1,
			0,
			202.417,
			-202.417,
			0,
			1
		);
	}
	10.34% {
		transform: matrix3d(
			0.956,
			0.239,
			0,
			0,
			-0.239,
			0.956,
			0,
			0,
			0,
			0,
			1,
			0,
			173.601,
			-173.601,
			0,
			1
		);
	}
	12.51% {
		transform: matrix3d(
			1.008,
			0.089,
			0,
			0,
			-0.089,
			1.008,
			0,
			0,
			0,
			0,
			1,
			0,
			119.847,
			-119.847,
			0,
			1
		);
	}
	13.15% {
		transform: matrix3d(
			1.011,
			0.055,
			0,
			0,
			-0.055,
			1.011,
			0,
			0,
			0,
			0,
			1,
			0,
			107.519,
			-107.519,
			0,
			1
		);
	}
	13.75% {
		transform: matrix3d(
			1.011,
			0.027,
			0,
			0,
			-0.027,
			1.011,
			0,
			0,
			0,
			0,
			1,
			0,
			97.004,
			-97.004,
			0,
			1
		);
	}
	18.82% {
		transform: matrix3d(
			0.995,
			-0.097,
			0,
			0,
			0.097,
			0.995,
			0,
			0,
			0,
			0,
			1,
			0,
			40.522,
			-40.522,
			0,
			1
		);
	}
	20.55% {
		transform: matrix3d(
			0.993,
			-0.113,
			0,
			0,
			0.113,
			0.993,
			0,
			0,
			0,
			0,
			1,
			0,
			30.014,
			-30.014,
			0,
			1
		);
	}
	20.62% {
		transform: matrix3d(
			0.993,
			-0.113,
			0,
			0,
			0.113,
			0.993,
			0,
			0,
			0,
			0,
			1,
			0,
			29.669,
			-29.669,
			0,
			1
		);
	}
	25.03% {
		transform: matrix3d(
			0.992,
			-0.128,
			0,
			0,
			0.128,
			0.992,
			0,
			0,
			0,
			0,
			1,
			0,
			13.794,
			-13.794,
			0,
			1
		);
	}
	27.49% {
		transform: matrix3d(
			0.992,
			-0.13,
			0,
			0,
			0.13,
			0.992,
			0,
			0,
			0,
			0,
			1,
			0,
			8.957,
			-8.957,
			0,
			1
		);
	}
	27.99% {
		transform: matrix3d(
			0.992,
			-0.13,
			0,
			0,
			0.13,
			0.992,
			0,
			0,
			0,
			0,
			1,
			0,
			8.204,
			-8.204,
			0,
			1
		);
	}
	33.33% {
		transform: matrix3d(
			0.992,
			-0.127,
			0,
			0,
			0.127,
			0.992,
			0,
			0,
			0,
			0,
			1,
			0,
			3.202,
			-3.202,
			0,
			1
		);
	}
	50.05% {
		transform: matrix3d(
			0.993,
			-0.122,
			0,
			0,
			0.122,
			0.993,
			0,
			0,
			0,
			0,
			1,
			0,
			0.158,
			-0.158,
			0,
			1
		);
	}
	66.67% {
		transform: matrix3d(
			0.993,
			-0.122,
			0,
			0,
			0.122,
			0.993,
			0,
			0,
			0,
			0,
			1,
			0,
			0.007,
			-0.007,
			0,
			1
		);
	}
	100% {
		transform: matrix3d(
			0.993,
			-0.122,
			0,
			0,
			0.122,
			0.993,
			0,
			0,
			0,
			0,
			1,
			0,
			0,
			0,
			0,
			1
		);
	}
}

#pageholder {
	/* position: relative; */
}

#thanksMessage {
	opacity: 0;

	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: hsla(0, 0%, 0%, 0.35);

	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	transition: all 900ms ease-in-out;
}

#thanksMessage img {
	opacity: 0;
	transform: scale(0.7);
	transition: all 900ms ease-in-out;
	max-width: 100%;
}

.fullOpacity {
	opacity: 1 !important;
	transform: scale(1);
	pointer-events: all !important;
}

.thanksAnimate {
	opacity: 1 !important;
	transform: scale(1) !important;
}

.againBtn {
	cursor: pointer;
	position: absolute;
	top: 58%;
	background: #cc0000;
	padding: 10px 20px;
	border-radius: 50px;
	color: white;
	font-size: 22px;
}

#fakeImage {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	pointer-events: none;
}

.flippedOver {
	height: 530px;
}

.discHolder {
	padding: 30px;
}