@charset "UTF-8";
/* Orville Redenbacher CSS */

/* Font Calls */
@font-face {
	font-family: 'Trade Gothic LTD';
	src: url('fonts/TradeGothicLTStd-BdCn20.eot');
	src: local('☺'), url('fonts/TradeGothicLTStd-BdCn20.woff') format('woff'), url('fonts/TradeGothicLTStd-BdCn20.ttf') format('truetype'), url('fonts/TradeGothicLTStd-BdCn20.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lavanderia';
	src: url('fonts/Lavanderia-Regular.eot');
	src: local('☺'), url('fonts/Lavanderia-Regular.woff') format('woff'), url('fonts/Lavanderia-Regular.ttf') format('truetype'), url('fonts/Lavanderia-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* JS Calls */
.hidden {
	display: none !important;
}

/* Main Content */
html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
iframe {
	border: none !important;
	overflow: hidden;
}
#content {
	width: 100%;
	height: 100%;
}
#adspace {
	padding: 1% 5%;
}
#adspace .ad {
	margin-bottom: 35px;
	margin-right: 50px;
	position: relative;
	overflow: hidden;
}
.ad {
	position: relative;
	overflow: hidden;
}
.ad #disclaimer {
	font-family: 'Trade Gothic LTD';
	font-size: 14px;
	color: #fff;
	text-transform: none;
	font-weight: 400;
	position: absolute;
	z-index: 5;
	padding: 20px 35px;
	animation: disclaimer ease-out forwards .5s;
}
@keyframes disclaimer {
	0% {
		text-shadow: 0 0 30px #fff;
		color: transparent;
		opacity: 0;
	}
	100% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
		opacity: 1;
	}
}

/* 728x90 Ad */
.ad1 {
	float: left;
	width: 728px;
	height: 90px;
}
.ad1 #logo {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	margin: 10px 15px;
	animation: logo01 ease-out forwards .5s;
}
.ad1 #background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.ad1 #disclaimer {
	bottom: -20px;
	right: 80px;
}
/* Logo Animation */
@keyframes logo01 {
	0% {
		filter: blur(30px);
		-webkit-filter: blur(30px);
		transform: translate(100px,0px);
	}
	100% {
		filter: blur(0px);
		-webkit-filter: blur(0px);
		transform: translate(0,0);
	}
}
/* Text */
.ad1 #text {
	font-family: 'Trade Gothic LTD';
	font-size: 31px;
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	z-index: 3;
	display: flex;
}
.ad1 #text .text01,.ad1 #text .text02 {
    min-width: 570px;
    position: absolute;
    left: 0px;
}
.ad1 #text .text01 {
	margin-top: 35px;
	margin-left: 35px;
	animation: text01 ease-out infinite 8s;
}
.ad1 #text .text01 .underline:after {
	content: '';
	background: url('../images/728x90/underline.png') no-repeat top left;
	background-size: cover;
	height: 4px;
    width: 0px;
    position: absolute;
	padding: 0px;
    left: 9%;
    bottom: 3%;
	animation: underline01 linear infinite 8s;
	animation-delay: 1s;
}
.ad1 #text .text02 {
	margin-top: 35px;
	margin-left: 85px;
	animation: text01 ease-out infinite 8s;
	animation-delay: 4s;
	opacity: 0;
}
/* Text Animation */
@keyframes text01 {
	0% {
		text-shadow: 0px 0 5px #fff;
		color: transparent;
		opacity: 1;
	}
	3.5% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
	}
	45% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
		opacity: 1;
	}
	47.5% {
		opacity: 0;
		text-shadow: 0px 0 10px #fff;
		color: transparent;
	}
	100% {
		opacity: 0;
		text-shadow: 0px 0 10px #fff;
		color: transparent;
	}
}
@keyframes underline01 {
	0%,100% {
		padding: 0px 0px;
	}
	1% {
		padding: 0px 0px;
	}
	2% {
		padding: 0px 26px;
	}
	45% {
		padding: 0px 26px;
	}
	47.5% {
		padding: 0px 0px;
	}
}
/* Kernels */
.ad1 #kernels {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
	overflow: hidden;
}
.ad1 #kernels .kernel {
	position: absolute;
	float: left;
}
.ad1 #kernels .kernel01 {
	top: 72%;
	left: -.75%;
	animation: kernel011 1.5s ease-out infinite;
}
.ad1 #kernels .kernel02 {
	top: 72%;
    right: 11.25%;
	animation: kernel011 2.7s ease-out infinite;
}
.ad1 #kernels .kernel03 {
	top: 71%;
    left: 11.25%;
	animation: kernel012 2.3s ease-out infinite;
}
.ad1 #kernels .kernel04 {
	top: 70%;
    right: 39.25%;
	animation: kernel012 1.4s ease-out infinite;
}
.ad1 #kernels .kernel05 {
	top: 69%;
    left: 21.25%;
    transform: scale(.85,.85) rotate(64deg);
	animation: kernel011 1.2s ease-out infinite;
}
.ad1 #kernels .kernel06 {
	top: 68%;
    right: 27.25%;
	animation: kernel011 1.7s ease-out infinite;
}
.ad1 #kernels .kernel07 {
	top: 72%;
    right: 21.25%;
	transform: scale(.75,.75) rotate(-17deg);
	animation: kernel012 1.9s ease-out infinite;
}
/* Kernel Animations */
@keyframes kernel011 {
	0% {
		transform: translate(-1px,64px) rotate(0deg);
	}
	50% {
		transform: translate(101px,-191px) rotate(45deg);
	}
	100% {
		transform: translate(193px,149px) rotate(90deg);
	}
}
@keyframes kernel012 {
	0% {
		transform: translate(-1px,64px) rotate(0deg);
	}
	50% {
		transform: translate(-101px,-191px) rotate(45deg);
	}
	100% {
		transform: translate(-193px,149px) rotate(90deg);
	}
}

/* 970x250 Ad */
.ad2 {
	float: left;
	width: 970px;
	height: 250px;
}
.ad2 #logo {
	position: absolute;
	top: 20%;
	right: 29%;
	z-index: 2;
	margin: 20px 15px;
	animation: logo02 ease-out forwards .5s;
}
.ad2 #background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.ad2 #disclaimer {
	bottom: 0;
	right: 0;
}
/* Logo Animation */
@keyframes logo02 {
	0% {
		filter: blur(30px);
		-webkit-filter: blur(30px);
		transform: translate(100px,0px);
	}
	100% {
		filter: blur(0px);
		-webkit-filter: blur(0px);
		transform: translate(0,0);
	}
}
/* Bowls */
.ad2 #bowls {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
}
.ad2 #bowls .popcorn {
	float: left;
	position: absolute;
	top: 27px;
	left: 0;
	animation: popbowl02 ease-out forwards 1s;
}
.ad2 #bowls .butter {
	float: right;
	position: absolute;
	top: 0;
	right: 40px;
	animation: popbutter02 ease-out forwards 1s;
}
/* Bowls Animation */
@keyframes popbowl02 {
	0% {
		transform: translate(0px,300px);	
	}
	100% {
		transform: translate(0px,0px);	
	}
}
@keyframes popbutter02 {
	0% {
		transform: translate(0px,-300px);	
	}
	100% {
		transform: translate(0px,0px);	
	}
}
/* Text */
.ad2 #text {
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	z-index: 3;
	display: flex;
	width: 100%;
	height: 100%;
}
.ad2 #text .text01 {
	font-family: 'Trade Gothic LTD';
	font-size: 40px;
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 34%;
	left: 17%;
	width: 310px;
	animation: text021 ease-out infinite 8s;
}
.ad2 #text .text02 {
	font-family: 'Lavanderia';
	font-size: 62px;
	line-height: 1;
	text-align: center;
	text-transform: none;
	position: absolute;
	top: 17%;
	left: 13.5%;
	width: 358px;
	animation: cursive02 ease-out infinite 8s;
	animation-delay: 4s;
	opacity: 0;
}
.ad2 #text .text03 {
	font-family: 'Trade Gothic LTD';
	font-size: 25px;
	text-align: center;
	width: 240px;
	position: absolute;
	top: 47%;
	right: 5%;
	animation: text022 ease-out forwards 1s;
}
.ad2 #text .text03 .underline:after {
	content: '';
	background: url('../images/970x250/underline.png') no-repeat top left;
	background-size: cover;
	height: 4px;
	width: 0px;
	position: absolute;
	padding: 0px;
	left: 18%;
	bottom: 54%;
	animation: underline02 linear forwards 8s;
	animation-delay: 1s;
}
/* Text Animation */
@keyframes text021 {
	0% {
		text-shadow: 0px 0 5px #fff;
		color: transparent;
		opacity: 1;
	}
	3.5% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
	}
	45% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
		opacity: 1;
	}
	47.5% {
		opacity: 0;
		text-shadow: 0px 0 10px #fff;
		color: transparent;
	}
	100% {
		opacity: 0;
		text-shadow: 0px 0 10px #fff;
		color: transparent;
	}
}
@keyframes cursive02 {
	0% {
		filter: blur(30px);
		-webkit-filter: blur(30px);
		opacity: 0;
	}
	3.5% {
		filter: blur(0px);
		-webkit-filter: blur(0px);
		opacity: 1;
	}
	45% {
		filter: blur(0px);
		-webkit-filter: blur(0px);
		opacity: 1;
	}
	47.5% {
		filter: blur(30px);
		-webkit-filter: blur(30px);
		opacity: 0;
	}
}
@keyframes text022 {
	0% {
		text-shadow: 0 0 30px #fff;
		color: transparent;
		opacity: 0;
	}
	100% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
		opacity: 1;
	}
}
@keyframes underline02 {
	0% {
		padding: 0px 0px;
	}
	3% {
		padding: 0px 0px;
	}
	4% {
		padding: 0px 26px;
	}
	35% {
		padding: 0px 26px;
	}
	100% {
		padding: 0px 26px;
	}
}
/* Kernels */
.ad2 #kernels {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
	overflow: hidden;
}
.ad2 #kernels .kernel {
	position: absolute;
	float: left;
}
.ad2 #kernels .kernel01 {
	top: 12%;
	left: 3.25%;
	animation: kernel021 .8s ease-out forwards;
	animation-delay: .3s;
	opacity: 0;
}
.ad2 #kernels .kernel02 {
	top: 0%;
	right: 19.25%;
	animation: kernel022 .8s ease-out forwards;
	animation-delay: .3s;
	opacity: 0;
}
.ad2 #kernels .kernel03 {
	top: 76%;
	left: 45.25%;
	animation: kernel023 .8s ease-out forwards;
	animation-delay: .3s;
	opacity: 0;
}
.ad2 #kernels .kernel04 {
    top: -4%;
    right: 27.25%;
    animation: kernel024 .8s ease-out forwards;
    animation-delay: .3s;
    opacity: 0;
}
/* Kernel Animations */
@keyframes kernel021 {
	0% {
		transform: translate(-32px,114px) rotate(-40deg);
		opacity: 0;
	}
	100% {
		transform: translate(0px,0px) rotate(0deg);
		opacity: 1;
	}
}
@keyframes kernel022 {
	0% {
		transform: translate(-709px,110px) rotate(-40deg);
		opacity: 0;
	}
	100% {
		transform: translate(0px,0px) rotate(0deg);
		opacity: 1;
	}
}
@keyframes kernel023 {
	0% {
		transform: translate(-350px,11px) rotate(-40deg);
		opacity: 0;
	}
	100% {
		transform: translate(0px,0px) rotate(0deg);
		opacity: 1;
	}
}
@keyframes kernel024 {
	0% {
		transform: translate(-609px,190px) rotate(-40deg);
		opacity: 0;
	}
	100% {
		transform: translate(0px,0px) rotate(0deg);
		opacity: 1;
	}
}

/* 300x250 Ad */
.ad3 {
	float: left;
	width: 300px;
	height: 250px;
	clear: both;
}
.ad3 #logo {
	position: absolute;
	top: 58%;
	right: 31%;
	z-index: 2;
	margin: 15px 10px;
	animation: logo03 ease-out forwards .5s;
}
.ad3 #background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
/* Logo Animation */
@keyframes logo03 {
	0% {
		filter: blur(30px);
		-webkit-filter: blur(30px);
		transform: translate(0,0);
	}
	100% {
		filter: blur(0px);
		-webkit-filter: blur(0px);
		transform: translate(0,0);
	}
}
/* Text */
.ad3 #text {
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	z-index: 3;
	display: flex;
	width: 100%;
	height: 100%;
}
.ad3 #text .text01 {
	font-family: 'Trade Gothic LTD';
	font-size: 32px;
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 26%;
	left: 10%;
	width: 242px;
	animation: text03 ease-out forwards 8s;
}
/* Text Animation */
@keyframes text03 {
	0% {
		text-shadow: 0px 0 5px #fff;
		color: transparent;
		opacity: 1;
	}
	3.5% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
	}
	35% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
		opacity: 1;
	}
}
/* Kernels */
.ad3 #kernels {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
	overflow: hidden;
}
.ad3 #kernels .kernel {
	position: absolute;
	float: left;
}
.ad3 #kernels .kernel01 {
	top: 2%;
	left: 7.25%;
	animation: kernel031 1.5s ease-out infinite;
}
.ad3 #kernels .kernel02 {
	top: 72%;
	right: 16.25%;
	animation: kernel031 1.7s ease-out infinite;
}
.ad3 #kernels .kernel03 {
	top: 1%;
	left: 51.25%;
	animation: kernel032 2.3s ease-out infinite;
}
.ad3 #kernels .kernel04 {
	top: -6%;
	right: 14.25%;
	animation: kernel032 1.3s ease-out infinite;
}
.ad3 #kernels .kernel05 {
	top: 60%;
	left: 14.25%;
	animation: kernel031 1.4s ease-out infinite;
}
/* Kernel Animations */
@keyframes kernel031 {
	0% {
		transform: translate(-1px,300px) rotate(0deg);
	}
	50% {
		transform: translate(101px,-191px) rotate(45deg);
	}
	100% {
		transform: translate(193px,349px) rotate(90deg);
	}
}
@keyframes kernel032 {
	0% {
		transform: translate(-1px,364px) rotate(0deg);
	}
	50% {
		transform: translate(-101px,-191px) rotate(45deg);
	}
	100% {
		transform: translate(-193px,349px) rotate(90deg);
	}
}

/* 320x50 Ad */
.ad4 {
	float: left;
	width: 320px;
	height: 50px;
	clear: both;
	margin-right: 3% !important;
}
.ad4 #logo {
	position: absolute;
	top: -34%;
	right: 9%;
	z-index: 2;
	margin: 20px 15px;
	animation: logo04 ease-out forwards .5s;
}
.ad4 #background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
/* Logo Animation */
@keyframes logo04 {
	0% {
		filter: blur(30px);
		-webkit-filter: blur(30px);
		transform: translate(100px,0px);
	}
	100% {
		filter: blur(0px);
		-webkit-filter: blur(0px);
		transform: translate(0,0);
	}
}
/* Text */
.ad4 #text {
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	z-index: 3;
	display: flex;
	width: 100%;
	height: 100%;
}
.ad4 #text .text01 {
	font-family: 'Trade Gothic LTD';
	font-size: 18px;
	line-height: 1;
	text-align: left;
	position: absolute;
	top: 19%;
	left: 16%;
	width: 160px;
	animation: text04 ease-out forwards 8s;
}
.ad4 #text .text01 .underline:after {
	content: '';
	background: url('../images/320x50/underline.png') no-repeat top left;
	background-size: cover;
	height: 4px;
	width: 0px;
	position: absolute;
	padding: 0px;
	left: 16%;
	bottom: 54%;
	animation: underline04 linear forwards 8s;
	animation-delay: 1s;
}
/* Text Animation */
@keyframes text04 {
	0% {
		text-shadow: 0px 0 3px #fff;
		color: transparent;
		opacity: 1;
	}
	3.5% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
	}
	35% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
		opacity: 1;
	}
}
@keyframes underline04 {
	0% {
		padding: 0px 0px;
	}
	3% {
		padding: 0px 0px;
	}
	4% {
		padding: 0px 16px;
	}
	35% {
		padding: 0px 16px;
	}
	100% {
		padding: 0px 16px;
	}
}
/* Kernels */
.ad4 #kernels {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
	overflow: hidden;
}
.ad4 #kernels .kernel {
	position: absolute;
	float: left;
}
.ad4 #kernels .kernel01 {
	top: -15%;
	left: -1.75%;
	animation: kernel042 1.5s ease-out infinite;
}
.ad4 #kernels .kernel02 {
	top: 42%;
	right: 16.25%;
	animation: kernel041 1.7s ease-out infinite;
}
.ad4 #kernels .kernel03 {
	top: -100%;
	left: 65.25%;
	animation: kernel042 2.3s ease-out infinite;
}
/* Kernel Animations */
@keyframes kernel041 {
	0% {
		transform: translate(-1px,64px) rotate(0deg);
	}
	50% {
		transform: translate(101px,-191px) rotate(45deg);
	}
	100% {
		transform: translate(193px,149px) rotate(90deg);
	}
}
@keyframes kernel042 {
	0% {
		transform: translate(-1px,64px) rotate(0deg);
	}
	50% {
		transform: translate(-101px,-191px) rotate(45deg);
	}
	100% {
		transform: translate(-193px,149px) rotate(90deg);
	}
}

/* 300x100 Ad */
.ad5 {
	float: left;
	width: 300px;
	height: 100px;
	clear: both;
}
.ad5 #logo {
	position: absolute;
	top: 0%;
	right: 0%;
	z-index: 2;
	margin: 10px 15px;
	animation: logo05 ease-out forwards .5s;
}
.ad5 #background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
/* Logo Animation */
@keyframes logo05 {
	0% {
		filter: blur(30px);
		-webkit-filter: blur(30px);
		transform: translate(100px,0px);
	}
	100% {
		filter: blur(0px);
		-webkit-filter: blur(0px);
		transform: translate(0,0);
	}
}
/* Text */
.ad5 #text {
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	z-index: 3;
	display: flex;
	width: 100%;
	height: 100%;
}
.ad5 #text .text01 {
	font-family: 'Trade Gothic LTD';
	font-size: 27px;
	line-height: 1;
	text-align: left;
	position: absolute;
	top: 15%;
	left: 9%;
	width: 180px;
	animation: text05 ease-out forwards 8s;
}
/* Text Animation */
@keyframes text05 {
	0% {
		text-shadow: 0px 0 3px #fff;
		color: transparent;
		opacity: 1;
	}
	3.5% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
	}
	35% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
		opacity: 1;
	}
}
/* Kernels */
.ad5 #kernels {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
	overflow: hidden;
}
.ad5 #kernels .kernel {
	position: absolute;
	float: left;
}
.ad5 #kernels .kernel01 {
	top: -18%;
	left: 56.25%;
	animation: kernel052 1.2s ease-out infinite;
}
.ad5 #kernels .kernel02 {
	top: 72%;
	right: 19.25%;
	animation: kernel051 1.7s ease-out infinite;
}
.ad5 #kernels .kernel03 {
	top: 31%;
	left: -7.75%;
	animation: kernel052 1.4s ease-out infinite;
}
/* Kernel Animations */
@keyframes kernel051 {
	0% {
		transform: translate(-1px,164px) rotate(0deg);
	}
	50% {
		transform: translate(101px,-121px) rotate(45deg);
	}
	100% {
		transform: translate(193px,129px) rotate(90deg);
	}
}
@keyframes kernel052 {
	0% {
		transform: translate(-1px,164px) rotate(0deg);
	}
	50% {
		transform: translate(-101px,-121px) rotate(45deg);
	}
	100% {
		transform: translate(-193px,129px) rotate(90deg);
	}
}

/* 300x600 Ad */
.ad6 {
	float: left;
	width: 300px;
	height: 600px;
}
.ad6 #logo {
	position: absolute;
	top: 40%;
	right: 18%;
	z-index: 2;
	margin: 20px 15px;
	animation: logo06 ease-out forwards .5s;
}
.ad6 #background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
/* Logo Animation */
@keyframes logo06 {
	0% {
		filter: blur(30px);
		-webkit-filter: blur(30px);
		transform: translate(100px,0px);
	}
	100% {
		filter: blur(0px);
		-webkit-filter: blur(0px);
		transform: translate(0,0);
	}
}
/* Text */
.ad6 #text {
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	z-index: 3;
	display: flex;
	width: 100%;
	height: 100%;
}
.ad6 #text .text01 {
	font-family: 'Lavanderia';
	font-size: 46px;
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 9%;
	left: 9%;
	width: 240px;
	animation: cursive06 ease-out forwards 8s;
}
.ad6 #text .text02 {
	font-family: 'Trade Gothic LTD';
	font-size: 32px;
	text-align: center;
	width: 224px;
	position: absolute;
	top: 25%;
	right: 14%;
	animation: text06 ease-out forwards 1s;
}
/* Text Animation */
@keyframes text06 {
	0% {
		text-shadow: 0px 0 3px #fff;
		color: transparent;
		opacity: 1;
	}
	3.5% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
	}
	35% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
		opacity: 1;
	}
}
@keyframes cursive06 {
	0% {
		filter: blur(30px);
		-webkit-filter: blur(30px);
		opacity: 0;
	}
	3.5% {
		filter: blur(0px);
		-webkit-filter: blur(0px);
		opacity: 1;
	}
	35% {
		filter: blur(0px);
		-webkit-filter: blur(0px);
		opacity: 1;
	}
}
/* Kernels */
.ad6 #kernels {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
	overflow: hidden;
}
.ad6 #kernels .kernel {
	position: absolute;
	float: left;
}
.ad6 #kernels .kernel01 {
	top: 57%;
	right: 4.75%;
	animation: kernel061 1s ease-out forwards;
}
.ad6 #kernels .kernel02 {
	top: 55%;
	right: 48.25%;
	animation: kernel062 .7s ease-out forwards;
}
.ad6 #kernels .kernel03 {
	top: 0%;
	right: 9.25%;
	animation: kernel063 .8s ease-out forwards;
}
/* Kernel Animations */
@keyframes kernel061 {
	0% {
		transform: translate(15px,523px) rotate(0deg);
		opacity: 0;
	}
	100% {
		transform: translate(0px,0px) rotate(-35deg);
		opacity: 1;
	}
}
@keyframes kernel062 {
	0% {
		transform: translate(14px,575px) rotate(-40deg);
		opacity: 0;
	}
	100% {
		transform: translate(0px,0px) rotate(0deg);
		opacity: 1;
	}
}
@keyframes kernel063 {
	0% {
		transform: translate(19px,505px) rotate(-40deg);
		opacity: 0;
	}
	100% {
		transform: translate(0px,0px) rotate(0deg);
		opacity: 1;
	}
}
/* Bowls */
.ad6 #bowls {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
}
.ad6 #bowls .popcorn {
	float: right;
	position: absolute;
	top: 366px;
	right: 0;
	animation: popbowl06 ease-out forwards 1s;
}
.ad6 #bowls .butter {
	float: left;
	position: absolute;
	top: 258px;
	left: -55px;
	animation: popbutter06 ease-out forwards 1s;
}
/* Bowls Animation */
@keyframes popbowl06 {
	0% {
		transform: translate(0px,300px);	
	}
	100% {
		transform: translate(0px,0px);	
	}
}
@keyframes popbutter06 {
	0% {
		transform: translate(-100px,0px);	
	}
	100% {
		transform: translate(0px,0px);	
	}
}

/* 620x250 Ad */
.ad7 {
	float: left;
	width: 620px;
	height: 250px;
}
.ad7 #logo {
	position: absolute;
	top: 36%;
	right: 22%;
	z-index: 2;
	margin: 20px 15px;
	animation: logo07 ease-out forwards .5s;
}
.ad7 #background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.ad7 #disclaimer {
    bottom: -1%;
    right: -2%;
}
/* Logo Animation */
@keyframes logo07 {
	0% {
		filter: blur(30px);
		-webkit-filter: blur(30px);
		transform: translate(100px,0px);
	}
	100% {
		filter: blur(0px);
		-webkit-filter: blur(0px);
		transform: translate(0,0);
	}
}
/* Text */
.ad7 #text {
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	z-index: 3;
	display: flex;
	width: 100%;
	height: 100%;
}
.ad7 #text .text01 {
	font-family: 'Trade Gothic LTD';
	font-size: 35px;
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 17%;
	left: 9%;
	width: 240px;
	animation: text071 ease-out infinite 8s;
}
.ad7 #text .text02 {
	font-family: 'Lavanderia';
	font-size: 62px;
	line-height: 1;
	text-align: center;
	text-transform: none;
	position: absolute;
	top: 13%;
	left: 6%;
	width: 280px;
	animation: cursive07 ease-out infinite 8s;
	animation-delay: 4s;
	opacity: 0;
}
.ad7 #text .text03 {
	font-family: 'Trade Gothic LTD';
	font-size: 22px;
	text-align: center;
	width: 240px;
	position: absolute;
	top: 64.5%;
	right: 46%;
	animation: text072 ease-out forwards 1s;
}
.ad7 #text .text03 .underline:after {
	content: '';
	background: url('../images/620x250/underline.png') no-repeat top left;
	background-size: cover;
	height: 4px;
	width: 0px;
	position: absolute;
	padding: 0px;
	left: 21%;
	bottom: 52%;
	animation: underline07 linear forwards 8s;
	animation-delay: 1s;
}
/* Text Animation */
@keyframes text071 {
	0% {
		text-shadow: 0px 0 5px #fff;
		color: transparent;
		opacity: 1;
	}
	3.5% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
	}
	45% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
		opacity: 1;
	}
	47.5% {
		opacity: 0;
		text-shadow: 0px 0 10px #fff;
		color: transparent;
	}
	100% {
		opacity: 0;
		text-shadow: 0px 0 10px #fff;
		color: transparent;
	}
}
@keyframes cursive07 {
	0% {
		filter: blur(30px);
		-webkit-filter: blur(30px);
		opacity: 0;
	}
	3.5% {
		filter: blur(0px);
		-webkit-filter: blur(0px);
		opacity: 1;
	}
	45% {
		filter: blur(0px);
		-webkit-filter: blur(0px);
		opacity: 1;
	}
	47.5% {
		filter: blur(30px);
		-webkit-filter: blur(30px);
		opacity: 0;
	}
}
@keyframes text072 {
	0% {
		text-shadow: 0 0 30px #fff;
		color: transparent;
		opacity: 0;
	}
	100% {
		text-shadow: 0 0 0px #fff;
		color: #fff;
		opacity: 1;
	}
}
@keyframes underline07 {
	0% {
		padding: 0px 0px;
	}
	3% {
		padding: 0px 0px;
	}
	4% {
		padding: 0px 26px;
	}
	35% {
		padding: 0px 26px;
	}
	100% {
		padding: 0px 26px;
	}
}
/* Kernels */
.ad7 #kernels {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.ad7 #kernels.front {
	z-index: 4;
}
.ad7 #kernels.back {
	z-index: 3;
}
.ad7 #kernels .kernel {
	position: absolute;
	float: left;
}
.ad7 #kernels .kernel01 {
	top: 61%;
	right: 7.75%;
	animation: kernel071 1s ease-out forwards;
}
.ad7 #kernels .kernel02 {
	top: 42%;
	right: 16.25%;
	animation: kernel072 .7s ease-out forwards;
	z-index: 1;
}
.ad7 #kernels .kernel03 {
	top: 11%;
	right: 35.25%;
	animation: kernel073 .8s ease-out forwards;
}
/* Kernel Animations */
@keyframes kernel071 {
	0% {
		transform: translate(115px,-523px) rotate(-40deg);
		opacity: 0;
	}
	100% {
		transform: translate(0px,0px) rotate(0deg);
		opacity: 1;
	}
}
@keyframes kernel072 {
	0% {
		transform: translate(114px,-575px) rotate(-40deg);
		opacity: 0;
	}
	100% {
		transform: translate(0px,0px) rotate(0deg);
		opacity: 1;
	}
}
@keyframes kernel073 {
	0% {
		transform: translate(119px,0px) rotate(-40deg);
		opacity: 0;
	}
	100% {
		transform: translate(0px,0px) rotate(0deg);
		opacity: 1;
	}
}
/* Bowls */
.ad7 #bowls {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
}
.ad7 #bowls .popcorn {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	animation: popbowl07 ease-out forwards 1s;
}
.ad7 #bowls .butter {
	float: left;
	position: absolute;
	top: 151px;
	left: 0;
	animation: popbutter07 ease-out forwards 1s;
}
/* Bowls Animation */
@keyframes popbowl07 {
	0% {
		transform: translate(0px,-300px);	
	}
	100% {
		transform: translate(0px,0px);	
	}
}
@keyframes popbutter07 {
	0% {
		transform: translate(-100px,100px);	
	}
	100% {
		transform: translate(0px,0px);	
	}
}