@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);

*,:before,:after {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-backface-visibility:hidden;
}

	* {
		padding:0;
		margin:0;
	}

	html, body {
		height:100%;
	}

	.skrollr-desktop body {
		height:100% !important;
		background: #238fcd;
	}

	body {
		font-family:sans-serif;
	}

	.slide-link {

		display: block;
		width: 100%;
		height: 100%;
		z-index: 99999999;

	}

	p {
		margin:1em 0;
	}

	.parallax-image-wrapper {
		position:fixed;
		left:0;
		width:100%;
		overflow:hidden;
	}

	.parallax-image-wrapper-50 {
		height:50%;
		top:-50%;
	}

	.parallax-image-wrapper-100 {
		height:100%;
		top:-100%;
	}

	.parallax-image {
		display:none;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
	}

	.parallax-image-50 {
		height:200%;
		top:-50%;
	}

	.parallax-image-100 {
		height:100%;
		top:0;
	}

	.parallax-image.skrollable-between {
		display:block;
	}

	.no-skrollr .parallax-image-wrapper {
		display:none !important;
	}

	#skrollr-body {
		height:100%;
		overflow:visible;
		position:relative;
	}

	.gap {
		background:transparent center no-repeat;
		background-size:cover;
	}

	.skrollr .gap {
		background:transparent !important;
	}

	.gap-50 {
		height:50%;
	}

	.gap-100 {
		height:100%;
	}

	.header, .content {
		background:#fff;
		padding:1em;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	.header {

		background: #1C3D66;
		overflow: hidden;
		border: none;
		padding: 1em;
		margin: 0!important;
		clear:both;

	}

	.content-full {
		height:100%;
	}

	#done {
		height:100%;
	}

	.nav {

		float: right;
		padding: 2.35em 0em 1em 1em;


	}

.nav ul li {

		display: inline-block;
		float: left;
		margin-left: 10px;

}

.nav ul li a {

		text-decoration: none;
		color: #fff;
		font-size: 13px;
		font-family: 'Lato', sans-serif;
		font-weight: 400;

}

.header-wrapper a.glow {
    animation: glow .9s infinite alternate;
}

@keyframes glow {
    to {
        text-shadow: 0px 0px 14px #e6e305;
    }
}

.header-wrapper {

	width: 1000px;
	margin: 0 auto;
	padding-top:1.45em;

}

div#enter-wrapper {

	width: 400px;
	margin-left: -200px;
	position: absolute;
	top: 75%;
	left: 50%;
	color: #26429F;
	text-align: center;

}

div#enter-wrapper .enter-arrow {

	position: relative;
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 40px;
	text-decoration: none;
	font-size: 24px;
	font-weight: 400;
	line-height: 0;
	margin-top: 0px;
	padding-top: 20px;

}

div#enter-wrapper h3 {

	font-weight: 400;
	font-size: 1em;

}

div#senses-smelling-banner {

	padding:0;
	text-align:center;
	line-height: 0;
	background: #007DBD;
	height: 300px;

}

div#cleaning-tips {

	background: #0e4780;

}

div.cleaning-tips-wrapper {

	margin: 0 auto;
	width: 1000px;
	text-align: center;

}

div#slidethumbs {

	background: #0080b2;
	text-align: center;
	height: 177px;

}

div#great-big-value-text {

	color:#fff;
	background: #0d7b3b;
	height: 134px;

}

div#great-big-value-text p {

	width: 340px;

}

div.great-big-value-wrapper {

	width: 350px;
	margin: 0 auto;

}

div#great-big-value-bottle-wrapper {

	position: absolute;
	top: 25%;

}

div#tough-on-stains-wrapper {

	position:absolute;
	top:25%;
	left: 30%;

}

div#all-in-1-power-wrapper {

	position: absolute;
	top: 25%;
	right: 10%;

}

img.power-capsules {

	position: absolute;
	top: 40%;
	left:50%;

}

div#muvovertext {

	position: absolute;
	top:18%;

}

div#dishwasher-family-wrapper {

	position: absolute;
	top: -10%;
	left: 50%;

}

div#dishwasher-family-swoosh-wrapper {

	position: absolute;
	left: 50%;

}

/*Regular Desktop Styles*/
@media only screen and (min-width:1024px) {


/*first slide */
div#muvovertext {

	top:13%;

}

div#muvovertext img {

	width: 400px;
	height: 167px;
	margin-left: -200px;

}

img.power-capsules {

	width: 800px;
	height: 266px;
	margin-left: -400px;

}

/*end first slide*/

/*second slide*/

div#great-big-value-bottle-wrapper img {

	width: 550px;
	height: 433px;
	margin-left: -275px;

}

div#great-big-value-bottle-wrapper {

	position: absolute;
	top: 20%;

}



/*end second slide*/

/*third slide*/

div#tough-on-stains-wrapper {

	position:absolute;
	top:15%;

}

div#tough-on-stains-wrapper img {

	width: 500px;
	height: 455px;

}

/*end third slide*/


/*fourth slide*/

div#all-in-1-power-wrapper {

	position: absolute;
	top: 15%;
	right: 10%;

}

div#all-in-1-power-wrapper img {

	width: 270px;
	height: 493px;

}

/*end fourth slide*/


/*last slide*/

div#dishwasher-family-wrapper {

	position: absolute;
	top: -20%;
	left: 50%;
	margin-left: -250px;

}

div#dishwasher-family-wrapper img {

	width: 500px;
	height: 278px;

}

div#dishwasher-family-swoosh-wrapper {

	position: absolute;
	left: 50%;
	margin-left: -250px;
	top: 8%;

}

div#dishwasher-family-swoosh-wrapper img {

	width: 500px;
	height: 314px;

}

/*end last slide*/


}

/*Large Desktop Styles*/
@media only screen and (min-width:1920px) {


/*first slide*/

div#muvovertext img {

	width: 500px;
	height: 209px;
	margin-left: -250px;

}

img.power-capsules {

	width: 1300px;
	height: 437px;
	margin-left: -650px;

}

/*end first slide*/

/*second slide*/

div#great-big-value-bottle-wrapper img {

		width: 640px;
		height: 504px;
		margin-left: -320px;

}

div#great-big-value-bottle-wrapper {

		position: absolute;
		top: 25%;

}

/*end second slide*/


/*third slide*/

div#tough-on-stains-wrapper {

	position:absolute;
	top:25%;

}

div#tough-on-stains-wrapper img {

	width: 550px;
	height: 500px;

}

/*end third slide*/


/*fourth slide*/

div#all-in-1-power-wrapper {

	position: absolute;
	top: 15%;
	right: 10%;

}

div#all-in-1-power-wrapper img {

	width: 350px;
	height: 640px;

}

/*end fourth slide*/

/*last slide*/

div#dishwasher-family-swoosh-wrapper {

	position: absolute;
	left: 50%;
	margin-left: -325px;
	top: 8%;

}

div#dishwasher-family-swoosh-wrapper img {

	width: 650px;
	height: 409px;

}

div#dishwasher-family-wrapper {

	position: absolute;
	top: -20%;
	left: 50%;
	margin-left: -325px;

}

div#dishwasher-family-wrapper img {

	width: 650px;
	height: 361px;

}

/*end last slide*/


}